site/sass/style.scss

104 lines
1.8 KiB
SCSS
Raw Normal View History

2020-08-11 16:14:38 +02:00
$navbar-breakpoint: 640px;
@import "../vendor/bulma/sass/utilities/_all";
@import "../vendor/bulma/sass/base/_all";
@import "../vendor/bulma/sass/components/navbar";
@import "../vendor/bulma/sass/components/pagination";
@import "../vendor/bulma/sass/elements/button";
@import "../vendor/bulma/sass/elements/container";
@import "../vendor/bulma/sass/elements/content";
@import "../vendor/bulma/sass/elements/title";
@import "../vendor/bulma/sass/grid/columns";
@import "../vendor/bulma/sass/helpers/color";
@import "../vendor/bulma/sass/helpers/spacing";
@import "../vendor/bulma/sass/helpers/typography";
2020-08-11 16:14:38 +02:00
@import "../vendor/bulma/sass/layout/footer";
#page-wrapper {
@include desktop {
margin-top: 2rem;
margin-bottom: 2rem;
}
max-width: 1000px;
}
#banner {
display: block;
}
#main-wrapper {
padding: 2rem 7.6%;
}
#navbar-description {
// Better layout (small column)
// only works with Firefox, though
hyphens: auto;
text-align: justify;
}
2020-08-11 16:14:38 +02:00
nav {
padding: 0 7.6%;
}
aside {
h3 {
margin-bottom: .5rem;
text-transform: uppercase;
font-size: .75rem;
}
}
h2 a {
color: black;
&:hover {
color: $link;
}
}
.post-meta {
font-size: 0.75rem;
}
2022-01-22 15:03:55 +01:00
#staging-overlay {
background-image: url("/assets/staging.svg");
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 10000;
opacity: 0.075;
pointer-events: none;
}
2020-08-11 16:14:38 +02:00
// noscript fallbacks
.podlove-player > audio {
width: 100%;
}
.noscript-subscribe-button {
width: 100%;
border: none;
font-size: 16px;
height: 54px;
margin-bottom: 4px;
cursor: pointer;
font-family: "Roboto", sans-serif;
font-weight: 500;
letter-spacing: 0.5px;
text-transform: uppercase;
// default colours from podlove, not customisable
background-color: #2b8ac6;
color: #dfeef8;
&:hover {
background-color: #226d9c;
color: #b5d8ef;
}
}