coopcloud.tech/themes/cloud.autonomic.zone/assets/scss/main.scss

112 lines
2.2 KiB
SCSS
Raw Normal View History

@charset "utf-8";
// Branding
2021-03-29 12:52:05 +00:00
$autonomic-red: #EE4A33;
$coopcloud-blue: #202674;
$coopcloud-pink: #ff4f88;
2021-03-29 12:52:05 +00:00
$white: white;
$text-color: #1C1C1C;
$bg-color: #EFEFEF;
$footer-background-color: $coopcloud-blue;
$footer-color: true;
2021-03-29 12:52:05 +00:00
$danger: $autonomic-red;
// HACK: Changing button behaviour globally as quick fix for the "visit: autonomic.zone" button
$button-border-width: 2px;
2021-03-29 12:52:05 +00:00
$button-hover-border-color: $white;
$button-focus-border-color: $white;
$button-active-border-color: $white;
$button-ghost-border-color: $white;
$button-ghost-hover-color: $white;
$button-text-hover-color: $white;
$button-focus-box-shadow-size: 0;
@import "./bulma/bulma.sass";
@mixin public-sans-family($weight, $uri) {
font-family: 'Public Sans';
src: url($uri) format("woff2");
font-weight: $weight;
}
@font-face {
@include public-sans-family(bold, '../font/publicsans-bold.woff2')
}
@font-face {
@include public-sans-family(light, '../font/publicsans-light.woff2')
}
body {
background-color: $bg-color;
color: $text-color;
padding: 0;
margin: 0;
font-family: 'Public Sans', sans-serif;
}
.question {
padding: 10px;
h2 {
font-weight: bold;
font-size: 2em;
margin-bottom: 9px;
}
p {
padding: 0;
margin: 0;
}
}
.section {
padding: 0 5%;
#who-is-involved {
padding: 60px 10%;
.column{
padding: 0, 30px;
}
h1 {
font-size: 2rem;
}
2021-03-29 12:52:05 +00:00
}
.questions {
$top-bottom-padding: 60px;
padding-top: $top-bottom-padding;
padding-bottom: $top-bottom-padding;
}
}
#header {
background-color: $coopcloud-pink;
padding: 10px;
margin: 0;
}
.is-autonomic {
2021-03-29 12:52:05 +00:00
background-color: $autonomic-red;
color: $white;
a {
color: $white;
text-decoration: underline;
}
}
// Do not show server image when using mobile viewport
@media all and (min-width: 768px) {
#server-hero {
background-image: url("/svg/hero-server.svg");
background-repeat: no-repeat;
background-size: 20%;
background-position: calc(100% - 20px) ;
}
}
.page {
padding: 0 7.5%;
}