sparrow-jekyll-theme 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/LICENSE.txt +20 -20
- data/README.md +170 -178
- data/_includes/analytics.html +13 -13
- data/_includes/breadcrumbs.html +31 -31
- data/_includes/comments.html +26 -26
- data/_includes/figure +12 -12
- data/_includes/paginator.html +8 -69
- data/_includes/post-entry.html +15 -15
- data/_includes/seo.html +77 -77
- data/_includes/social-share.html +42 -42
- data/_includes/topnav.html +46 -46
- data/_layouts/default.html +46 -46
- data/_layouts/home.html +11 -11
- data/_layouts/page.html +16 -16
- data/_layouts/post.html +38 -38
- data/_sass/_base.scss +359 -359
- data/_sass/_buttons.scss +61 -61
- data/_sass/_footer.scss +53 -53
- data/_sass/_navigation.scss +216 -216
- data/_sass/_page.scss +60 -60
- data/_sass/_post.scss +85 -85
- data/_sass/_reset.scss +186 -186
- data/_sass/_rrssb.scss +276 -276
- data/_sass/_slimmenu.scss +177 -177
- data/_sass/_syntax.scss +125 -125
- data/_sass/_utilities.scss +67 -67
- data/_sass/_variables.scss +73 -73
- data/_sass/vendor/breakpoint/_breakpoint.scss +114 -114
- data/_sass/vendor/breakpoint/_context.scss +94 -94
- data/_sass/vendor/breakpoint/_helpers.scss +151 -151
- data/_sass/vendor/breakpoint/_legacy-settings.scss +49 -49
- data/_sass/vendor/breakpoint/_no-query.scss +15 -15
- data/_sass/vendor/breakpoint/_parsers.scss +215 -215
- data/_sass/vendor/breakpoint/_respond-to.scss +82 -82
- data/_sass/vendor/breakpoint/_settings.scss +70 -70
- data/_sass/vendor/breakpoint/parsers/_double.scss +33 -33
- data/_sass/vendor/breakpoint/parsers/_query.scss +82 -82
- data/_sass/vendor/breakpoint/parsers/_resolution.scss +31 -31
- data/_sass/vendor/breakpoint/parsers/_single.scss +26 -26
- data/_sass/vendor/breakpoint/parsers/_triple.scss +36 -36
- data/_sass/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
- data/_sass/vendor/breakpoint/parsers/double/_default.scss +22 -22
- data/_sass/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
- data/_sass/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
- data/_sass/vendor/breakpoint/parsers/single/_default.scss +13 -13
- data/_sass/vendor/breakpoint/parsers/triple/_default.scss +18 -18
- data/_sass/vendor/font-awesome/_animated.scss +34 -34
- data/_sass/vendor/font-awesome/_bordered-pulled.scss +25 -25
- data/_sass/vendor/font-awesome/_core.scss +12 -12
- data/_sass/vendor/font-awesome/_fixed-width.scss +6 -6
- data/_sass/vendor/font-awesome/_font-awesome.scss +18 -18
- data/_sass/vendor/font-awesome/_icons.scss +789 -789
- data/_sass/vendor/font-awesome/_larger.scss +13 -13
- data/_sass/vendor/font-awesome/_list.scss +19 -19
- data/_sass/vendor/font-awesome/_mixins.scss +60 -60
- data/_sass/vendor/font-awesome/_path.scss +15 -15
- data/_sass/vendor/font-awesome/_rotated-flipped.scss +20 -20
- data/_sass/vendor/font-awesome/_screen-reader.scss +5 -5
- data/_sass/vendor/font-awesome/_stacked.scss +20 -20
- data/_sass/vendor/font-awesome/_variables.scss +800 -800
- data/_sass/vendor/susy/_su.scss +4 -4
- data/_sass/vendor/susy/_susy.scss +4 -4
- data/_sass/vendor/susy/_susyone.scss +4 -4
- data/_sass/vendor/susy/susy/_su.scss +7 -7
- data/_sass/vendor/susy/susy/language/_susy.scss +24 -24
- data/_sass/vendor/susy/susy/language/_susyone.scss +13 -13
- data/_sass/vendor/susy/susy/language/susy/_background.scss +385 -385
- data/_sass/vendor/susy/susy/language/susy/_bleed.scss +200 -200
- data/_sass/vendor/susy/susy/language/susy/_box-sizing.scss +47 -47
- data/_sass/vendor/susy/susy/language/susy/_breakpoint-plugin.scss +185 -185
- data/_sass/vendor/susy/susy/language/susy/_container.scss +81 -81
- data/_sass/vendor/susy/susy/language/susy/_context.scss +36 -36
- data/_sass/vendor/susy/susy/language/susy/_gallery.scss +94 -94
- data/_sass/vendor/susy/susy/language/susy/_grids.scss +64 -64
- data/_sass/vendor/susy/susy/language/susy/_gutters.scss +154 -154
- data/_sass/vendor/susy/susy/language/susy/_isolate.scss +77 -77
- data/_sass/vendor/susy/susy/language/susy/_margins.scss +94 -94
- data/_sass/vendor/susy/susy/language/susy/_padding.scss +74 -74
- data/_sass/vendor/susy/susy/language/susy/_rows.scss +138 -138
- data/_sass/vendor/susy/susy/language/susy/_settings.scss +216 -216
- data/_sass/vendor/susy/susy/language/susy/_span.scss +163 -163
- data/_sass/vendor/susy/susy/language/susy/_validation.scss +16 -16
- data/_sass/vendor/susy/susy/language/susyone/_background.scss +18 -18
- data/_sass/vendor/susy/susy/language/susyone/_functions.scss +377 -377
- data/_sass/vendor/susy/susy/language/susyone/_grid.scss +312 -312
- data/_sass/vendor/susy/susy/language/susyone/_isolation.scss +51 -51
- data/_sass/vendor/susy/susy/language/susyone/_margin.scss +93 -93
- data/_sass/vendor/susy/susy/language/susyone/_media.scss +105 -105
- data/_sass/vendor/susy/susy/language/susyone/_padding.scss +92 -92
- data/_sass/vendor/susy/susy/language/susyone/_settings.scss +60 -60
- data/_sass/vendor/susy/susy/output/_float.scss +9 -9
- data/_sass/vendor/susy/susy/output/_shared.scss +15 -15
- data/_sass/vendor/susy/susy/output/_support.scss +9 -9
- data/_sass/vendor/susy/susy/output/float/_container.scss +16 -16
- data/_sass/vendor/susy/susy/output/float/_end.scss +40 -40
- data/_sass/vendor/susy/susy/output/float/_isolate.scss +22 -22
- data/_sass/vendor/susy/susy/output/float/_span.scss +35 -35
- data/_sass/vendor/susy/susy/output/shared/_background.scss +26 -26
- data/_sass/vendor/susy/susy/output/shared/_container.scss +21 -21
- data/_sass/vendor/susy/susy/output/shared/_direction.scss +42 -42
- data/_sass/vendor/susy/susy/output/shared/_inspect.scss +25 -25
- data/_sass/vendor/susy/susy/output/shared/_margins.scss +23 -23
- data/_sass/vendor/susy/susy/output/shared/_output.scss +14 -14
- data/_sass/vendor/susy/susy/output/shared/_padding.scss +23 -23
- data/_sass/vendor/susy/susy/output/support/_background.scss +58 -58
- data/_sass/vendor/susy/susy/output/support/_box-sizing.scss +19 -19
- data/_sass/vendor/susy/susy/output/support/_clearfix.scss +18 -18
- data/_sass/vendor/susy/susy/output/support/_prefix.scss +19 -19
- data/_sass/vendor/susy/susy/output/support/_rem.scss +22 -22
- data/_sass/vendor/susy/susy/output/support/_support.scss +85 -85
- data/_sass/vendor/susy/susy/su/_grid.scss +103 -103
- data/_sass/vendor/susy/susy/su/_settings.scss +73 -73
- data/_sass/vendor/susy/susy/su/_utilities.scss +111 -111
- data/_sass/vendor/susy/susy/su/_validation.scss +57 -57
- data/assets/css/main.scss +43 -43
- data/assets/fonts/fontawesome-webfont.svg +2671 -2671
- data/assets/js/main.js +35 -35
- data/assets/js/plugins/jquery-1.12.4.min.js +4 -4
- data/assets/js/slimmenu.js +154 -154
- metadata +6 -6
data/_sass/_page.scss
CHANGED
@@ -1,60 +1,60 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
PAGE
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.page {
|
6
|
-
margin-bottom: 2em;
|
7
|
-
float: none;
|
8
|
-
margin: 0 auto;
|
9
|
-
padding: 0;
|
10
|
-
max-width: $max-width;
|
11
|
-
@include breakpoint($small) {
|
12
|
-
padding: 0 0.75rem;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
.page__subtitle {
|
17
|
-
margin-top: 0;
|
18
|
-
margin-bottom: 2em;
|
19
|
-
color: $gray;
|
20
|
-
}
|
21
|
-
|
22
|
-
.page__share {
|
23
|
-
padding: 1em 0;
|
24
|
-
}
|
25
|
-
|
26
|
-
.page__item-title {
|
27
|
-
margin-bottom: 0.25em;
|
28
|
-
font-family: $global-font-family;
|
29
|
-
a {
|
30
|
-
border-bottom: solid 1.5px $theme-color;
|
31
|
-
color: $entry-link-color;
|
32
|
-
&:hover { color: $entry-link-color-hover; }
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
.page__title {
|
37
|
-
margin-top: 0;
|
38
|
-
line-height: 1;
|
39
|
-
font-size: $type-size-1;
|
40
|
-
margin-bottom: 0;
|
41
|
-
color: $theme-color;
|
42
|
-
font-family: $fancy-font-family;
|
43
|
-
|
44
|
-
& + .page__meta {
|
45
|
-
margin-top: -0.5em;
|
46
|
-
}
|
47
|
-
}
|
48
|
-
|
49
|
-
.page__meta {
|
50
|
-
margin: 0 0 4px;
|
51
|
-
color: mix(#fff, $gray, 25%);
|
52
|
-
font-size: $type-size-5;
|
53
|
-
p {
|
54
|
-
margin: 0;
|
55
|
-
}
|
56
|
-
|
57
|
-
a {
|
58
|
-
color: inherit;
|
59
|
-
}
|
60
|
-
}
|
1
|
+
/* ==========================================================================
|
2
|
+
PAGE
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
.page {
|
6
|
+
margin-bottom: 2em;
|
7
|
+
float: none;
|
8
|
+
margin: 0 auto;
|
9
|
+
padding: 0;
|
10
|
+
max-width: $max-width;
|
11
|
+
@include breakpoint($small) {
|
12
|
+
padding: 0 0.75rem;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
|
16
|
+
.page__subtitle {
|
17
|
+
margin-top: 0;
|
18
|
+
margin-bottom: 2em;
|
19
|
+
color: $gray;
|
20
|
+
}
|
21
|
+
|
22
|
+
.page__share {
|
23
|
+
padding: 1em 0;
|
24
|
+
}
|
25
|
+
|
26
|
+
.page__item-title {
|
27
|
+
margin-bottom: 0.25em;
|
28
|
+
font-family: $global-font-family;
|
29
|
+
a {
|
30
|
+
border-bottom: solid 1.5px $theme-color;
|
31
|
+
color: $entry-link-color;
|
32
|
+
&:hover { color: $entry-link-color-hover; }
|
33
|
+
}
|
34
|
+
}
|
35
|
+
|
36
|
+
.page__title {
|
37
|
+
margin-top: 0;
|
38
|
+
line-height: 1;
|
39
|
+
font-size: $type-size-1;
|
40
|
+
margin-bottom: 0;
|
41
|
+
color: $theme-color;
|
42
|
+
font-family: $fancy-font-family;
|
43
|
+
|
44
|
+
& + .page__meta {
|
45
|
+
margin-top: -0.5em;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
.page__meta {
|
50
|
+
margin: 0 0 4px;
|
51
|
+
color: mix(#fff, $gray, 25%);
|
52
|
+
font-size: $type-size-5;
|
53
|
+
p {
|
54
|
+
margin: 0;
|
55
|
+
}
|
56
|
+
|
57
|
+
a {
|
58
|
+
color: inherit;
|
59
|
+
}
|
60
|
+
}
|
data/_sass/_post.scss
CHANGED
@@ -1,85 +1,85 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
SINGLE POST
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
#main {
|
6
|
-
@include container;
|
7
|
-
@include clearfix;
|
8
|
-
margin-top: 2em;
|
9
|
-
padding-left: 1em;
|
10
|
-
padding-right: 1em;
|
11
|
-
-webkit-animation: intro 0.3s both;
|
12
|
-
animation: intro 0.3s both;
|
13
|
-
-webkit-animation-delay: 0.35s;
|
14
|
-
animation-delay: 0.35s;
|
15
|
-
}
|
16
|
-
|
17
|
-
.post {
|
18
|
-
margin-bottom: 2em;
|
19
|
-
float: none;
|
20
|
-
margin: 0 auto;
|
21
|
-
padding: 0;
|
22
|
-
max-width: $max-width;
|
23
|
-
@include breakpoint($small) {
|
24
|
-
padding: 0 0.75rem;
|
25
|
-
}
|
26
|
-
|
27
|
-
h1, h2, h3, h4, h5, h6 {
|
28
|
-
font-weight: bold;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
|
32
|
-
.post__title {
|
33
|
-
margin-top: 0;
|
34
|
-
line-height: 1;
|
35
|
-
padding-bottom: 0.2em;
|
36
|
-
font-size: $type-size-1;
|
37
|
-
margin-bottom: 0;
|
38
|
-
|
39
|
-
& + .post__meta {
|
40
|
-
margin-top: -0.5em;
|
41
|
-
}
|
42
|
-
}
|
43
|
-
|
44
|
-
.post__content {
|
45
|
-
|
46
|
-
p, li, dl {
|
47
|
-
font-size: 1em;
|
48
|
-
}
|
49
|
-
|
50
|
-
/* blockquote citations */
|
51
|
-
blockquote + .small {
|
52
|
-
margin-top: -1.5em;
|
53
|
-
padding-left: 1.25rem;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
|
57
|
-
/*
|
58
|
-
Social sharing
|
59
|
-
========================================================================== */
|
60
|
-
|
61
|
-
.post__share {
|
62
|
-
margin-top: 2em;
|
63
|
-
padding-top: 1em;
|
64
|
-
padding-bottom: 1em;
|
65
|
-
border-top: 1px solid $border-color;
|
66
|
-
}
|
67
|
-
|
68
|
-
/*
|
69
|
-
Post meta
|
70
|
-
========================================================================== */
|
71
|
-
|
72
|
-
.post__meta {
|
73
|
-
margin-top: 2em;
|
74
|
-
color: mix(#fff, $gray, 25%);
|
75
|
-
font-size: $type-size-5;
|
76
|
-
|
77
|
-
p {
|
78
|
-
margin: 0;
|
79
|
-
}
|
80
|
-
|
81
|
-
a {
|
82
|
-
color: inherit;
|
83
|
-
}
|
84
|
-
}
|
85
|
-
|
1
|
+
/* ==========================================================================
|
2
|
+
SINGLE POST
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
#main {
|
6
|
+
@include container;
|
7
|
+
@include clearfix;
|
8
|
+
margin-top: 2em;
|
9
|
+
padding-left: 1em;
|
10
|
+
padding-right: 1em;
|
11
|
+
-webkit-animation: intro 0.3s both;
|
12
|
+
animation: intro 0.3s both;
|
13
|
+
-webkit-animation-delay: 0.35s;
|
14
|
+
animation-delay: 0.35s;
|
15
|
+
}
|
16
|
+
|
17
|
+
.post {
|
18
|
+
margin-bottom: 2em;
|
19
|
+
float: none;
|
20
|
+
margin: 0 auto;
|
21
|
+
padding: 0;
|
22
|
+
max-width: $max-width;
|
23
|
+
@include breakpoint($small) {
|
24
|
+
padding: 0 0.75rem;
|
25
|
+
}
|
26
|
+
|
27
|
+
h1, h2, h3, h4, h5, h6 {
|
28
|
+
font-weight: bold;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
.post__title {
|
33
|
+
margin-top: 0;
|
34
|
+
line-height: 1;
|
35
|
+
padding-bottom: 0.2em;
|
36
|
+
font-size: $type-size-1;
|
37
|
+
margin-bottom: 0;
|
38
|
+
|
39
|
+
& + .post__meta {
|
40
|
+
margin-top: -0.5em;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
.post__content {
|
45
|
+
|
46
|
+
p, li, dl {
|
47
|
+
font-size: 1em;
|
48
|
+
}
|
49
|
+
|
50
|
+
/* blockquote citations */
|
51
|
+
blockquote + .small {
|
52
|
+
margin-top: -1.5em;
|
53
|
+
padding-left: 1.25rem;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
/*
|
58
|
+
Social sharing
|
59
|
+
========================================================================== */
|
60
|
+
|
61
|
+
.post__share {
|
62
|
+
margin-top: 2em;
|
63
|
+
padding-top: 1em;
|
64
|
+
padding-bottom: 1em;
|
65
|
+
border-top: 1px solid $border-color;
|
66
|
+
}
|
67
|
+
|
68
|
+
/*
|
69
|
+
Post meta
|
70
|
+
========================================================================== */
|
71
|
+
|
72
|
+
.post__meta {
|
73
|
+
margin-top: 2em;
|
74
|
+
color: mix(#fff, $gray, 25%);
|
75
|
+
font-size: $type-size-5;
|
76
|
+
|
77
|
+
p {
|
78
|
+
margin: 0;
|
79
|
+
}
|
80
|
+
|
81
|
+
a {
|
82
|
+
color: inherit;
|
83
|
+
}
|
84
|
+
}
|
85
|
+
|
data/_sass/_reset.scss
CHANGED
@@ -1,187 +1,187 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
STYLE RESETS
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
@include border-box-sizing;
|
6
|
-
|
7
|
-
html {
|
8
|
-
/* apply a natural box layout model to all elements */
|
9
|
-
box-sizing: border-box;
|
10
|
-
background-color: $background-color;
|
11
|
-
font-size: 16px;
|
12
|
-
|
13
|
-
@include breakpoint($medium) {
|
14
|
-
font-size: 16px;
|
15
|
-
}
|
16
|
-
|
17
|
-
@include breakpoint($large) {
|
18
|
-
font-size: 18px;
|
19
|
-
}
|
20
|
-
|
21
|
-
@include breakpoint($x-large) {
|
22
|
-
font-size: 18px;
|
23
|
-
}
|
24
|
-
|
25
|
-
-webkit-text-size-adjust: 100%;
|
26
|
-
-ms-text-size-adjust: 100%;
|
27
|
-
}
|
28
|
-
|
29
|
-
/* Remove margin */
|
30
|
-
|
31
|
-
body { margin: 0; }
|
32
|
-
|
33
|
-
/* Selected elements */
|
34
|
-
|
35
|
-
::-moz-selection {
|
36
|
-
color: #fff;
|
37
|
-
background: #000;
|
38
|
-
}
|
39
|
-
|
40
|
-
::selection {
|
41
|
-
color: #fff;
|
42
|
-
background: #000;
|
43
|
-
}
|
44
|
-
|
45
|
-
/* Display HTML5 elements in IE6-9 and FF3 */
|
46
|
-
|
47
|
-
article,
|
48
|
-
aside,
|
49
|
-
details,
|
50
|
-
figcaption,
|
51
|
-
figure,
|
52
|
-
footer,
|
53
|
-
header,
|
54
|
-
hgroup,
|
55
|
-
main,
|
56
|
-
nav,
|
57
|
-
section {
|
58
|
-
display: block;
|
59
|
-
}
|
60
|
-
|
61
|
-
/* Display block in IE6-9 and FF3 */
|
62
|
-
|
63
|
-
audio,
|
64
|
-
canvas,
|
65
|
-
video {
|
66
|
-
display: inline-block;
|
67
|
-
*display: inline;
|
68
|
-
*zoom: 1;
|
69
|
-
}
|
70
|
-
|
71
|
-
/* Prevents modern browsers from displaying 'audio' without controls */
|
72
|
-
|
73
|
-
audio:not([controls]) {
|
74
|
-
display: none;
|
75
|
-
}
|
76
|
-
|
77
|
-
a {
|
78
|
-
color: $link-color;
|
79
|
-
}
|
80
|
-
|
81
|
-
/* Apply focus state */
|
82
|
-
|
83
|
-
a:focus {
|
84
|
-
@extend %tab-focus;
|
85
|
-
}
|
86
|
-
|
87
|
-
/* Remove outline from links */
|
88
|
-
|
89
|
-
a:hover,
|
90
|
-
a:active {
|
91
|
-
outline: 0;
|
92
|
-
}
|
93
|
-
|
94
|
-
/* Prevent sub and sup affecting line-height in all browsers */
|
95
|
-
|
96
|
-
sub,
|
97
|
-
sup {
|
98
|
-
position: relative;
|
99
|
-
font-size: 75%;
|
100
|
-
line-height: 0;
|
101
|
-
vertical-align: baseline;
|
102
|
-
}
|
103
|
-
|
104
|
-
sup {
|
105
|
-
top: -0.5em;
|
106
|
-
}
|
107
|
-
|
108
|
-
sub {
|
109
|
-
bottom: -0.25em;
|
110
|
-
}
|
111
|
-
|
112
|
-
/* img border in anchor's and image quality */
|
113
|
-
|
114
|
-
img {
|
115
|
-
/* Responsive images (ensure images don't scale beyond their parents) */
|
116
|
-
max-width: 100%; /* part 1: Set a maximum relative to the parent*/
|
117
|
-
width: auto\9; /* IE7-8 need help adjusting responsive images*/
|
118
|
-
height: auto; /* part 2: Scale the height according to the width, otherwise you get stretching*/
|
119
|
-
|
120
|
-
vertical-align: middle;
|
121
|
-
border: 0;
|
122
|
-
-ms-interpolation-mode: bicubic;
|
123
|
-
}
|
124
|
-
|
125
|
-
/* Prevent max-width from affecting Google Maps */
|
126
|
-
|
127
|
-
#map_canvas img,
|
128
|
-
.google-maps img {
|
129
|
-
max-width: none;
|
130
|
-
}
|
131
|
-
|
132
|
-
/* Consistent form font size in all browsers, margin changes, misc */
|
133
|
-
|
134
|
-
button,
|
135
|
-
input,
|
136
|
-
select,
|
137
|
-
textarea {
|
138
|
-
margin: 0;
|
139
|
-
font-size: 100%;
|
140
|
-
vertical-align: middle;
|
141
|
-
}
|
142
|
-
|
143
|
-
button,
|
144
|
-
input {
|
145
|
-
*overflow: visible; /* inner spacing ie IE6/7*/
|
146
|
-
line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet*/
|
147
|
-
}
|
148
|
-
|
149
|
-
button::-moz-focus-inner,
|
150
|
-
input::-moz-focus-inner { /* inner padding and border oddities in FF3/4*/
|
151
|
-
padding: 0;
|
152
|
-
border: 0;
|
153
|
-
}
|
154
|
-
|
155
|
-
button,
|
156
|
-
html input[type="button"], // avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls
|
157
|
-
input[type="reset"],
|
158
|
-
input[type="submit"] {
|
159
|
-
-webkit-appearance: button; /* corrects inability to style clickable `input` types in iOS*/
|
160
|
-
cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
|
161
|
-
}
|
162
|
-
|
163
|
-
label,
|
164
|
-
select,
|
165
|
-
button,
|
166
|
-
input[type="button"],
|
167
|
-
input[type="reset"],
|
168
|
-
input[type="submit"],
|
169
|
-
input[type="radio"],
|
170
|
-
input[type="checkbox"] {
|
171
|
-
cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
|
172
|
-
}
|
173
|
-
|
174
|
-
input[type="search"] { /* Appearance in Safari/Chrome*/
|
175
|
-
box-sizing: content-box;
|
176
|
-
-webkit-appearance: textfield;
|
177
|
-
}
|
178
|
-
|
179
|
-
input[type="search"]::-webkit-search-decoration,
|
180
|
-
input[type="search"]::-webkit-search-cancel-button {
|
181
|
-
-webkit-appearance: none; /* inner-padding issues in Chrome OSX, Safari 5*/
|
182
|
-
}
|
183
|
-
|
184
|
-
textarea {
|
185
|
-
overflow: auto; /* remove vertical scrollbar in IE6-9*/
|
186
|
-
vertical-align: top; /* readability and alignment cross-browser*/
|
1
|
+
/* ==========================================================================
|
2
|
+
STYLE RESETS
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
@include border-box-sizing;
|
6
|
+
|
7
|
+
html {
|
8
|
+
/* apply a natural box layout model to all elements */
|
9
|
+
box-sizing: border-box;
|
10
|
+
background-color: $background-color;
|
11
|
+
font-size: 16px;
|
12
|
+
|
13
|
+
@include breakpoint($medium) {
|
14
|
+
font-size: 16px;
|
15
|
+
}
|
16
|
+
|
17
|
+
@include breakpoint($large) {
|
18
|
+
font-size: 18px;
|
19
|
+
}
|
20
|
+
|
21
|
+
@include breakpoint($x-large) {
|
22
|
+
font-size: 18px;
|
23
|
+
}
|
24
|
+
|
25
|
+
-webkit-text-size-adjust: 100%;
|
26
|
+
-ms-text-size-adjust: 100%;
|
27
|
+
}
|
28
|
+
|
29
|
+
/* Remove margin */
|
30
|
+
|
31
|
+
body { margin: 0; }
|
32
|
+
|
33
|
+
/* Selected elements */
|
34
|
+
|
35
|
+
::-moz-selection {
|
36
|
+
color: #fff;
|
37
|
+
background: #000;
|
38
|
+
}
|
39
|
+
|
40
|
+
::selection {
|
41
|
+
color: #fff;
|
42
|
+
background: #000;
|
43
|
+
}
|
44
|
+
|
45
|
+
/* Display HTML5 elements in IE6-9 and FF3 */
|
46
|
+
|
47
|
+
article,
|
48
|
+
aside,
|
49
|
+
details,
|
50
|
+
figcaption,
|
51
|
+
figure,
|
52
|
+
footer,
|
53
|
+
header,
|
54
|
+
hgroup,
|
55
|
+
main,
|
56
|
+
nav,
|
57
|
+
section {
|
58
|
+
display: block;
|
59
|
+
}
|
60
|
+
|
61
|
+
/* Display block in IE6-9 and FF3 */
|
62
|
+
|
63
|
+
audio,
|
64
|
+
canvas,
|
65
|
+
video {
|
66
|
+
display: inline-block;
|
67
|
+
*display: inline;
|
68
|
+
*zoom: 1;
|
69
|
+
}
|
70
|
+
|
71
|
+
/* Prevents modern browsers from displaying 'audio' without controls */
|
72
|
+
|
73
|
+
audio:not([controls]) {
|
74
|
+
display: none;
|
75
|
+
}
|
76
|
+
|
77
|
+
a {
|
78
|
+
color: $link-color;
|
79
|
+
}
|
80
|
+
|
81
|
+
/* Apply focus state */
|
82
|
+
|
83
|
+
a:focus {
|
84
|
+
@extend %tab-focus;
|
85
|
+
}
|
86
|
+
|
87
|
+
/* Remove outline from links */
|
88
|
+
|
89
|
+
a:hover,
|
90
|
+
a:active {
|
91
|
+
outline: 0;
|
92
|
+
}
|
93
|
+
|
94
|
+
/* Prevent sub and sup affecting line-height in all browsers */
|
95
|
+
|
96
|
+
sub,
|
97
|
+
sup {
|
98
|
+
position: relative;
|
99
|
+
font-size: 75%;
|
100
|
+
line-height: 0;
|
101
|
+
vertical-align: baseline;
|
102
|
+
}
|
103
|
+
|
104
|
+
sup {
|
105
|
+
top: -0.5em;
|
106
|
+
}
|
107
|
+
|
108
|
+
sub {
|
109
|
+
bottom: -0.25em;
|
110
|
+
}
|
111
|
+
|
112
|
+
/* img border in anchor's and image quality */
|
113
|
+
|
114
|
+
img {
|
115
|
+
/* Responsive images (ensure images don't scale beyond their parents) */
|
116
|
+
max-width: 100%; /* part 1: Set a maximum relative to the parent*/
|
117
|
+
width: auto\9; /* IE7-8 need help adjusting responsive images*/
|
118
|
+
height: auto; /* part 2: Scale the height according to the width, otherwise you get stretching*/
|
119
|
+
|
120
|
+
vertical-align: middle;
|
121
|
+
border: 0;
|
122
|
+
-ms-interpolation-mode: bicubic;
|
123
|
+
}
|
124
|
+
|
125
|
+
/* Prevent max-width from affecting Google Maps */
|
126
|
+
|
127
|
+
#map_canvas img,
|
128
|
+
.google-maps img {
|
129
|
+
max-width: none;
|
130
|
+
}
|
131
|
+
|
132
|
+
/* Consistent form font size in all browsers, margin changes, misc */
|
133
|
+
|
134
|
+
button,
|
135
|
+
input,
|
136
|
+
select,
|
137
|
+
textarea {
|
138
|
+
margin: 0;
|
139
|
+
font-size: 100%;
|
140
|
+
vertical-align: middle;
|
141
|
+
}
|
142
|
+
|
143
|
+
button,
|
144
|
+
input {
|
145
|
+
*overflow: visible; /* inner spacing ie IE6/7*/
|
146
|
+
line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet*/
|
147
|
+
}
|
148
|
+
|
149
|
+
button::-moz-focus-inner,
|
150
|
+
input::-moz-focus-inner { /* inner padding and border oddities in FF3/4*/
|
151
|
+
padding: 0;
|
152
|
+
border: 0;
|
153
|
+
}
|
154
|
+
|
155
|
+
button,
|
156
|
+
html input[type="button"], // avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls
|
157
|
+
input[type="reset"],
|
158
|
+
input[type="submit"] {
|
159
|
+
-webkit-appearance: button; /* corrects inability to style clickable `input` types in iOS*/
|
160
|
+
cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
|
161
|
+
}
|
162
|
+
|
163
|
+
label,
|
164
|
+
select,
|
165
|
+
button,
|
166
|
+
input[type="button"],
|
167
|
+
input[type="reset"],
|
168
|
+
input[type="submit"],
|
169
|
+
input[type="radio"],
|
170
|
+
input[type="checkbox"] {
|
171
|
+
cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
|
172
|
+
}
|
173
|
+
|
174
|
+
input[type="search"] { /* Appearance in Safari/Chrome*/
|
175
|
+
box-sizing: content-box;
|
176
|
+
-webkit-appearance: textfield;
|
177
|
+
}
|
178
|
+
|
179
|
+
input[type="search"]::-webkit-search-decoration,
|
180
|
+
input[type="search"]::-webkit-search-cancel-button {
|
181
|
+
-webkit-appearance: none; /* inner-padding issues in Chrome OSX, Safari 5*/
|
182
|
+
}
|
183
|
+
|
184
|
+
textarea {
|
185
|
+
overflow: auto; /* remove vertical scrollbar in IE6-9*/
|
186
|
+
vertical-align: top; /* readability and alignment cross-browser*/
|
187
187
|
}
|