mirror of
https://github.com/adulau/art.git
synced 2024-11-23 02:27:09 +00:00
115 lines
1.3 KiB
SCSS
115 lines
1.3 KiB
SCSS
|
@import 'libs/vars';
|
||
|
@import 'libs/functions';
|
||
|
@import 'libs/mixins';
|
||
|
@import 'libs/skel';
|
||
|
|
||
|
/*
|
||
|
Forty by HTML5 UP
|
||
|
html5up.net | @ajlkn
|
||
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
|
*/
|
||
|
|
||
|
/* Spotlights */
|
||
|
|
||
|
.spotlights {
|
||
|
> section {
|
||
|
&:after {
|
||
|
content: '';
|
||
|
display: block;
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
> .image {
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
> .content {
|
||
|
float: left;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Tiles */
|
||
|
|
||
|
.tiles {
|
||
|
&:after {
|
||
|
content: '';
|
||
|
display: block;
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
article {
|
||
|
@include padding(8em, 4em);
|
||
|
float: left;
|
||
|
height: auto;
|
||
|
max-height: none;
|
||
|
min-height: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Header */
|
||
|
|
||
|
#header {
|
||
|
.logo {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
nav {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Banner */
|
||
|
|
||
|
#banner {
|
||
|
@include padding(6em, 0, (1em, 0, 0, 0));
|
||
|
background-attachment: scroll;
|
||
|
height: auto;
|
||
|
max-height: none;
|
||
|
min-height: 0;
|
||
|
|
||
|
> .inner {
|
||
|
.content {
|
||
|
display: block;
|
||
|
|
||
|
> * {
|
||
|
margin-left: 0;
|
||
|
margin: 0 0 _size(element-margin) 0;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&.major {
|
||
|
height: auto;
|
||
|
max-height: none;
|
||
|
min-height: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Contact */
|
||
|
|
||
|
#contact {
|
||
|
&:after {
|
||
|
content: '';
|
||
|
display: block;
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
> .inner {
|
||
|
> * {
|
||
|
float: left;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Menu */
|
||
|
|
||
|
#menu {
|
||
|
.inner {
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
}
|