forked from yous/whiteglass
/
main.scss
56 lines (45 loc) · 1.21 KB
/
main.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
---
---
@charset "utf-8";
$base-font-family: -apple-system-font, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif;
$monospace-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
$base-font-size: 17px;
$nav-font-size: 16px;
$base-font-weight: 400;
$heavy-font-weight: 500;
$small-font-size:$base-font-size * 0.875;
$base-line-height: 1.5;
$spacing-unit: 30px;
// link colours
$a-color: #0070c9;
$a-hover-opacity: .65;
// Random Colours
$text-color: #333;
$light-text-color: #fff;
$background-color: #fff;
// Nav & footer colours
$dark-background-color: #333;
$footer-background-color: #f2f2f2;
$brand-color:#2568ba;
// Grey colours
$grey-color: #828282;
$grey-color-light: lighten($grey-color, 40%);
$grey-color-dark:darken($grey-color, 25%);
// Width of the content area
$content-width:980px;
$on-palm:692px;
$on-laptop:980px;
// Use media queries like this:
// @include media-query($on-palm) {
// .wrapper {
// padding-right: $spacing-unit / 2;
// padding-left: $spacing-unit / 2;
// }
// }
@mixin media-query($device) {
@media screen and (max-width: $device) {
@content;
}
}
// Import partials from the `apple` theme.
@import "apple";