forked from Snugug/Aura
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style-2.scss
64 lines (54 loc) · 1.18 KB
/
style-2.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
//////////////////////////////
// Aura Import
//////////////////////////////
@import 'aura';
//////////////////////////////
// Aura Variables
//////////////////////////////
$body-font-size: 18px;
//$font-scale: true;
$sidebars: 2, 'both', 4, 2;
$single-column: false;
$width: 960px;
$breakpoints: 'test' 1000px 'max-width', 1000px 1000px 'width' 'print';
//////////////////////////////
// Aura Setup Mixin
//////////////////////////////
@include aura-setup;
#page-wrapper {
@extend %aura-container;
font-family: 'Poly', serif;
background-color: red;
@include susy-grid-background;
@include respond-to('test') {
background-color: green;
}
@include respond-to(1000px) {
background-color: yellow;
}
}
#main-content {
@extend %measure;
color: white;
background-color: red;
@include respond-to('small') {
background-color: orange;
}
@include respond-to('medium') {
background-color: green;
}
@include respond-to('large') {
background-color: blue;
}
@include respond-to('full') {
background-color: purple;
}
}
#sidebar-first {
@extend %primary-sidebar;
color: black;
}
#sidebar-second {
@extend %secondary-sidebar;
color: black;
}