forked from data.coop/website
140 lines
3 KiB
SCSS
140 lines
3 KiB
SCSS
/* latin */
|
|
@font-face {
|
|
font-family: 'Space Grotesk';
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: local('Space Grotesk Regular'), local('SpaceGrotesk-Regular'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Regular.woff2) format('woff2');
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Space Grotesk';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: local('Space Grotesk Bold'), local('SpaceGrotesk-Bold'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Bold.woff2) format('woff2');
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Space Mono';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: local('Space Mono'), local('SpaceMono-Regular'), url(/static/fonts/spacemono/spacemono-regular.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Space Mono';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: local('Space Mono Bold'), local('SpaceMono-Bold'), url(/static/fonts/spacemono/spacemono-bold.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
|
|
$font-family-base: "Space Grotesk";
|
|
|
|
$font-family-monospace: "Space Mono";
|
|
|
|
$datacoop-purple: #4B3ABA;
|
|
$data-coop-light-blue: #A8F3F4;
|
|
$data-coop-curry: #BA8D21;
|
|
$data-coop-grey: #BCB8B3;
|
|
|
|
$fair-light-bluegreen: rgb(226, 243, 245);
|
|
$fair-light-green: rgb(165, 206, 190);
|
|
$fair-light-red: rgb(253, 210, 188);
|
|
$fair-light-yellow: rgb(255, 249, 184);
|
|
$fair-light-blue: rgb(181, 201, 232);
|
|
|
|
|
|
$primary: $datacoop-purple;
|
|
$secondary: $data-coop-light-blue;
|
|
$success: $datacoop-purple;
|
|
$info: $data-coop-grey;
|
|
$warning: $data-coop-curry;
|
|
$danger: $data-coop-curry;
|
|
|
|
|
|
|
|
|
|
|
|
@import "bootstrap/bootstrap";
|
|
|
|
body {
|
|
min-width: 300px;
|
|
}
|
|
|
|
.custom-navbar {
|
|
margin-bottom: 1em;
|
|
height: 60px;
|
|
}
|
|
|
|
.custom-navbar a {
|
|
display: inline-block;
|
|
padding: 18px 0;
|
|
margin-right: 1em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.custom-navbar a:hover,
|
|
.custom-navbar a:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media print {
|
|
.custom-navbar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
article {
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
pre {
|
|
display: block;
|
|
padding: 9.5px;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
pre code {
|
|
padding: 0;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
white-space: pre-wrap;
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
code {
|
|
padding: 2px 4px;
|
|
color: inherit;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
font-size: .9em;
|
|
}
|
|
|
|
blockquote,
|
|
.blockquote {
|
|
padding: 10px 20px;
|
|
margin: 0 0 20px;
|
|
font-size: 1em;
|
|
border-left: 5px solid #6c757d;
|
|
}
|
|
|
|
|