public-health-ch/publichealth/static/css/main.scss
2020-05-27 12:33:57 +02:00

132 lines
2.6 KiB
SCSS

@charset 'utf-8';
@import 'paper/variables';
$hr-border: $gray-light;
@import '../libs/bootstrap-sass/assets/stylesheets/bootstrap';
@import 'paper/bootswatch';
// Modules
@import "modules/modules";
// Improved responsive layout
body { margin-top: 104px; }
@include mid-screen($screen-sm-min, $screen-md-min) {
body { margin-top: 168px; }
}
@include max-screen(1000px) {
.carousel-inner .item {
margin-bottom: 0px;
height: auto;
}
.slick-dots { display: none !important; }
}
@include max-screen(480px) {
#responsive { display: none !important; }
.arrow:before { display: none; }
a.navbar-brand { max-width: 80%; }
}
// Slideshow positioning
$slider-nav: 200px;
.slider-nav {
margin-top: 2.5em;
.item {
height: $slider-nav;
img {
width: 90%;
height: $slider-nav;
}
}
}
// Slideshow navigation arrows
.arrow {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
&:before {
font-size: 45px;
padding: 58px 0 88px 0;
// background-color: rgba(128, 128, 128, 0.57);
margin: 0;
}
}
// Language menu hack, until this is configurable
.language-nav a[lang='en'] { display: none; }
// Disable metas and override blog styles
.blog-page {
padding-top: 1em;
.sidebar .meta { display: none; }
ul.sidebar { background: transparent; }
section { padding: 0; }
.blog-tags ul { padding: 0; }
.searchTerm {
text-transform: uppercase;
font-weight: bold;
// background: #fff;
margin-bottom: 0px;
}
.searchDescription {
// background: #fff;
margin-bottom: 20px;
padding: 0 20px 20px;
line-height: normal;
color: #555;
}
.social-item {
font-size: 70%;
background: #2643A9 !important;
}
h1.title {
margin-bottom: 0;
}
ul.links {
margin: 0; padding: 0;
display: block;
text-align: center;
}
.blog-entry {
a {
text-decoration: none;
color: black;
}
.panel img {
width: 100%; height: auto;
}
.entry-category, .entry-meta {
font-size: 80%;
color: #777;
text-transform: uppercase;
}
}
}
.blog-header {
a {
color: white !important;
text-shadow: 1px 1px 2px black;
text-decoration: none;
}
.lead {
color: white;
font-size: 100%;
}
}
.blog .entry-categories {
text-align: center;
text-transform: uppercase;
a { color: #555; font-weight: bold; }
li { list-style: none; margin: 0; padding: 0; }
ul { list-style: none; margin: 0; padding: 1em 0 0; }
}
// Fix Bootstrap 3 warning
.media, .media-body { zoom: none !important; transform: scale(1); }
@import "subsites";