webpack-bootstrap-ui-kit/src/scss/_layout.scss

150 lines
2.7 KiB
SCSS
Raw Normal View History

2019-06-08 17:20:51 +02:00
/**
* Your custom style
*/
.bg-alt {
@extend .bg-dark;
background-color: $bg-alt !important;
}
.bootstrap-select .dropdown-toggle .filter-option .option {
background: #dedede;
2020-08-14 00:32:02 +02:00
padding: 0.2rem 0.5rem;
margin: 0.2rem;
2019-06-08 17:20:51 +02:00
color: #212529;
}
2019-11-30 09:28:57 +01:00
html,
body {
overflow-x: hidden;
}
2019-06-08 17:20:51 +02:00
// shrink elements on scroll
2020-08-14 00:32:02 +02:00
body.shrink {
}
2019-06-08 17:20:51 +02:00
// sticky footer
2020-08-14 00:32:02 +02:00
@media (min-width: map-get($grid-breakpoints, 'sm')) {
body {
2019-06-08 17:20:51 +02:00
height: 100%;
min-height: 100%;
}
.wrapper {
min-height: 100%;
2020-08-14 00:32:02 +02:00
padding-bottom: $footer-size + $footer-bar-size + $grid-gutter-height /
2;
2019-06-08 17:20:51 +02:00
//padding-top: $grid-gutter-height;
}
.footer {
height: $footer-size + $footer-bar-size + $grid-gutter-height / 2;
margin-top: -($footer-size + $footer-bar-size + $grid-gutter-height / 2);
}
}
// site blocks (elements)
.element {
background-size: cover;
background-repeat: no-repeat;
&.site__elements__sliderelement {
.element-container {
width: 100%;
padding: 0;
max-width: none;
}
}
&.dynamic__elements__image__elements__elementimage {
text-align: center;
}
2019-06-08 17:20:51 +02:00
&.site__elements__accordion {
.card {
padding-left: 0;
padding-right: 0;
.card-header {
@extend .bg-dark;
}
}
}
}
// stick navbar to top using mobile layout
/*#Header {
position: relative;
padding-top: $grid-gutter-height / 2;
padding-bottom: 1rem;
@media (min-width: map-get($grid-breakpoints, "lg")) {
padding-top: 1rem;
padding-bottom: 0;
}
}
#Navigation {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
@media (min-width: map-get($grid-breakpoints, "lg")) {
position: relative;
margin-top: 1rem;
}
}*/
#Footer {
background-color: $dark;
color: darken($white, 5%);
.container,
.container-fluid {
padding-top: $grid-gutter-height / 2;
padding-bottom: $grid-gutter-height / 2;
}
a {
color: $white;
}
ul {
margin-bottom: 0;
}
.footer {
background-color: darken($dark, 5%);
.container,
.container-fluid {
padding-top: 0;
padding-bottom: 0;
}
.copyright {
2020-08-14 00:32:02 +02:00
padding-right: 0.5rem;
2019-06-08 17:20:51 +02:00
}
li {
2020-08-14 00:32:02 +02:00
padding: 0 0.5rem;
2019-06-08 17:20:51 +02:00
}
}
2020-08-14 00:32:02 +02:00
@media (min-width: map-get($grid-breakpoints, 'sm')) {
2019-06-08 17:20:51 +02:00
.wrapper {
padding-bottom: $footer-bar-size;
}
.footer {
height: $footer-bar-size;
margin-top: -$footer-bar-size;
line-height: $footer-bar-size;
}
}
}