webseite/assets/sass/ie9.scss

106 lines
1.6 KiB
SCSS
Raw Normal View History

2018-02-25 00:49:23 +01:00
@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/skel';
/*
Solid State by HTML5 UP
2018-02-25 00:49:23 +01:00
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/* Basic */
body {
background-color: _palette(bg);
background-image: url('../../images/bg.jpg');
background-size: cover;
background-attachment: fixed;
background-position: center;
2018-02-25 00:49:23 +01:00
&:before {
background: transparentize(_palette(bg), 0.2);
content: '';
display: block;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
> * {
position: relative;
z-index: 1;
2018-02-25 00:49:23 +01:00
}
}
/* Features */
2018-02-25 00:49:23 +01:00
.features {
article {
display: inline-block;
width: 45%;
2018-02-25 00:49:23 +01:00
}
}
2018-02-25 00:49:23 +01:00
/* Menu */
#menu {
.inner {
margin: 4em auto;
2018-02-25 00:49:23 +01:00
}
}
2018-02-25 00:49:23 +01:00
/* Wrapper */
#wrapper {
> header {
background: none !important;
}
}
.wrapper {
&.spotlight {
.inner {
text-align: left !important;
}
.image {
2018-02-25 00:49:23 +01:00
display: inline-block;
margin: 0 _size(section-spacing, large) _size(element-margin) 0 !important;
vertical-align: middle;
width: 24%;
}
2018-02-25 00:49:23 +01:00
.content {
display: inline-block;
vertical-align: middle;
width: 70%;
2018-02-25 00:49:23 +01:00
}
}
}
/* Banner */
2018-02-25 00:49:23 +01:00
#banner {
background: none !important;
}
/* Footer */
#footer {
background: none !important;
.inner {
form {
display: inline-block;
width: 45%;
}
.contact {
display: inline-block;
width: 45%;
}
2018-02-25 00:49:23 +01:00
}
}