mirror of
https://github.com/danog/sass-site.git
synced 2024-12-14 02:17:36 +01:00
a07743bbb4
* Moved CSS, JS, Images into an assets folder * Adjusted the file structure a bit for CSS, JS, Images. * Added a fonts folder * Cleaned up the config a bit so it's easier to read through * Added some KSS placeholders to tinker with a bit * Added zepto.js so we can be a bit more friendly on mobile devices/modern browsers * Added some basic responsive breakpoints * Added a scaffold.css and theme.css so we can separate out layout pieces from the theme. This will let us retheme the site easier, or have multiple themes if we're feeling frisky * Removed some HTML5 boilerplate pieces that we don't need * Added some basic structural css partials
89 lines
1.3 KiB
SCSS
89 lines
1.3 KiB
SCSS
//------------------------------------
|
|
// Container
|
|
//------------------------------------
|
|
#container {
|
|
@include container;
|
|
max-width: 100%;
|
|
width: 100%;
|
|
@include susy-grid-background;
|
|
}
|
|
//------------------------------------
|
|
// Grid
|
|
//------------------------------------
|
|
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {
|
|
background-color: rgba(#666, .5);
|
|
}
|
|
.xx {
|
|
> .col-1,
|
|
> .col-2 {
|
|
@include span-columns(8);
|
|
}
|
|
> .col-2 {
|
|
@include omega;
|
|
}
|
|
}
|
|
.xxx {
|
|
> .col-1,
|
|
> .col-2,
|
|
> .col-3 {
|
|
@include span-columns(5.11);
|
|
}
|
|
> .col-3 {
|
|
@include omega;
|
|
}
|
|
}
|
|
.xxxx {
|
|
> .col-1,
|
|
> .col-2,
|
|
> .col-3,
|
|
> .col-4 {
|
|
@include span-columns(4);
|
|
}
|
|
> .col-4 {
|
|
@include omega;
|
|
}
|
|
}
|
|
.xxxxx {
|
|
> .col-1,
|
|
> .col-2,
|
|
> .col-3,
|
|
> .col-4,
|
|
> .col-5 {
|
|
@include span-columns(3); // Can't get this to calculate should be 18.8313%
|
|
width: 18.73%;
|
|
}
|
|
> .col-5 {
|
|
@include omega;
|
|
}
|
|
}
|
|
|
|
.xxxxxx {
|
|
> .col-1,
|
|
> .col-2,
|
|
> .col-3,
|
|
> .col-4,
|
|
> .col-5,
|
|
> .col-6 {
|
|
@include span-columns(2.55);
|
|
}
|
|
> .col-6 {
|
|
@include omega;
|
|
}
|
|
}
|
|
.xi {
|
|
> .col-1 {
|
|
@include span-columns(4);
|
|
}
|
|
> .col-2 {
|
|
@include span-columns(12 omega);
|
|
}
|
|
}
|
|
|
|
.ix {
|
|
> .col-1 {
|
|
@include span-columns(12);
|
|
}
|
|
> .col-2 {
|
|
@include span-columns(4 omega);
|
|
}
|
|
} |