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/_utilities.scss
CHANGED
@@ -1,67 +1,67 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
UTILITY CLASSES
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
/*
|
6
|
-
Type
|
7
|
-
========================================================================== */
|
8
|
-
|
9
|
-
.text-left {
|
10
|
-
text-align: left;
|
11
|
-
}
|
12
|
-
|
13
|
-
.text-center {
|
14
|
-
text-align: center;
|
15
|
-
}
|
16
|
-
|
17
|
-
.text-right {
|
18
|
-
text-align: right;
|
19
|
-
}
|
20
|
-
|
21
|
-
.text-justify {
|
22
|
-
text-align: justify;
|
23
|
-
}
|
24
|
-
|
25
|
-
.text-nowrap {
|
26
|
-
white-space: nowrap;
|
27
|
-
}
|
28
|
-
|
29
|
-
|
30
|
-
/*
|
31
|
-
Images
|
32
|
-
========================================================================== */
|
33
|
-
|
34
|
-
/* image align left */
|
35
|
-
|
36
|
-
.align-left {
|
37
|
-
display: block;
|
38
|
-
margin-left: auto;
|
39
|
-
margin-right: auto;
|
40
|
-
|
41
|
-
@include breakpoint($small) {
|
42
|
-
float: left;
|
43
|
-
margin-right: 1em;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
|
47
|
-
/* image align right */
|
48
|
-
|
49
|
-
.align-right {
|
50
|
-
display: block;
|
51
|
-
margin-left: auto;
|
52
|
-
margin-right: auto;
|
53
|
-
|
54
|
-
@include breakpoint($small) {
|
55
|
-
float: right;
|
56
|
-
margin-left: 1em;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
/* image align center */
|
61
|
-
|
62
|
-
.align-center {
|
63
|
-
display: block;
|
64
|
-
margin-left: auto;
|
65
|
-
margin-right: auto;
|
66
|
-
}
|
67
|
-
|
1
|
+
/* ==========================================================================
|
2
|
+
UTILITY CLASSES
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
/*
|
6
|
+
Type
|
7
|
+
========================================================================== */
|
8
|
+
|
9
|
+
.text-left {
|
10
|
+
text-align: left;
|
11
|
+
}
|
12
|
+
|
13
|
+
.text-center {
|
14
|
+
text-align: center;
|
15
|
+
}
|
16
|
+
|
17
|
+
.text-right {
|
18
|
+
text-align: right;
|
19
|
+
}
|
20
|
+
|
21
|
+
.text-justify {
|
22
|
+
text-align: justify;
|
23
|
+
}
|
24
|
+
|
25
|
+
.text-nowrap {
|
26
|
+
white-space: nowrap;
|
27
|
+
}
|
28
|
+
|
29
|
+
|
30
|
+
/*
|
31
|
+
Images
|
32
|
+
========================================================================== */
|
33
|
+
|
34
|
+
/* image align left */
|
35
|
+
|
36
|
+
.align-left {
|
37
|
+
display: block;
|
38
|
+
margin-left: auto;
|
39
|
+
margin-right: auto;
|
40
|
+
|
41
|
+
@include breakpoint($small) {
|
42
|
+
float: left;
|
43
|
+
margin-right: 1em;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
/* image align right */
|
48
|
+
|
49
|
+
.align-right {
|
50
|
+
display: block;
|
51
|
+
margin-left: auto;
|
52
|
+
margin-right: auto;
|
53
|
+
|
54
|
+
@include breakpoint($small) {
|
55
|
+
float: right;
|
56
|
+
margin-left: 1em;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
|
60
|
+
/* image align center */
|
61
|
+
|
62
|
+
.align-center {
|
63
|
+
display: block;
|
64
|
+
margin-left: auto;
|
65
|
+
margin-right: auto;
|
66
|
+
}
|
67
|
+
|
data/_sass/_variables.scss
CHANGED
@@ -1,73 +1,73 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
Variables
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
/*
|
6
|
-
Typography
|
7
|
-
========================================================================== */
|
8
|
-
|
9
|
-
$heebo : Heebo, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei Light", sans-serif;
|
10
|
-
$gochi-hand : Gochi Hand, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif;
|
11
|
-
|
12
|
-
$global-font-family : $heebo !default;
|
13
|
-
$header-font-family : $heebo !default;
|
14
|
-
$fancy-font-family : $gochi-hand !default;
|
15
|
-
$caption-font-family : $heebo !default;
|
16
|
-
$monospace : Monaco, Consolas, "Lucida Console", monospace !default;
|
17
|
-
|
18
|
-
/* type scale */
|
19
|
-
$type-size-1 : 2.441em !default; // ~39.056px
|
20
|
-
$type-size-2 : 1.953em !default; // ~31.248px
|
21
|
-
$type-size-3 : 1.563em !default; // ~25.008px
|
22
|
-
$type-size-4 : 1.25em !default; // ~20px
|
23
|
-
$type-size-5 : 1em !default; // ~16px
|
24
|
-
$type-size-6 : 0.75em !default; // ~12px
|
25
|
-
$type-size-7 : 0.6875em !default; // ~11px
|
26
|
-
$type-size-8 : 0.625em !default; // ~10px
|
27
|
-
|
28
|
-
|
29
|
-
/*
|
30
|
-
Colors
|
31
|
-
========================================================================== */
|
32
|
-
|
33
|
-
$green : mix(#000, #50dd8e, 15%);
|
34
|
-
$theme-color : $green;
|
35
|
-
$gray : #7a8288 !default;
|
36
|
-
|
37
|
-
$body-color : #fff !default;
|
38
|
-
$background-color : #fff !default;
|
39
|
-
$code-background-color : mix(#fff, $gray, 90%) !default;
|
40
|
-
$blockquote-background-color: mix(#fff, $gray, 90%) !default;
|
41
|
-
$text-color : #404040 !default;
|
42
|
-
$border-color : #b2b2b2 !default;
|
43
|
-
|
44
|
-
|
45
|
-
/* links */
|
46
|
-
$link-color : $theme-color !default;
|
47
|
-
$link-color-hover : mix(#fff, $link-color, 40%) !default;
|
48
|
-
$link-color-visited : mix(#000, $link-color, 25%) !default;
|
49
|
-
$entry-link-color : $text-color !default;
|
50
|
-
$entry-link-color-hover : $theme-color !default;
|
51
|
-
|
52
|
-
|
53
|
-
/*
|
54
|
-
Breakpoints
|
55
|
-
========================================================================== */
|
56
|
-
|
57
|
-
$x-small : 320px !default;
|
58
|
-
$small : 600px !default;
|
59
|
-
$medium : 768px !default;
|
60
|
-
$medium-wide : 900px !default;
|
61
|
-
$large : 1024px !default;
|
62
|
-
$x-large : 1280px !default;
|
63
|
-
$x-x-large : 1440px !default;
|
64
|
-
|
65
|
-
$max-width : 625px !default;
|
66
|
-
|
67
|
-
|
68
|
-
/*
|
69
|
-
Other
|
70
|
-
========================================================================== */
|
71
|
-
|
72
|
-
$border-radius : 5px !default;
|
73
|
-
$global-transition : all 0.2s ease-in-out !default;
|
1
|
+
/* ==========================================================================
|
2
|
+
Variables
|
3
|
+
========================================================================== */
|
4
|
+
|
5
|
+
/*
|
6
|
+
Typography
|
7
|
+
========================================================================== */
|
8
|
+
|
9
|
+
$heebo : Heebo, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei Light", sans-serif;
|
10
|
+
$gochi-hand : Gochi Hand, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif;
|
11
|
+
|
12
|
+
$global-font-family : $heebo !default;
|
13
|
+
$header-font-family : $heebo !default;
|
14
|
+
$fancy-font-family : $gochi-hand !default;
|
15
|
+
$caption-font-family : $heebo !default;
|
16
|
+
$monospace : Monaco, Consolas, "Lucida Console", monospace !default;
|
17
|
+
|
18
|
+
/* type scale */
|
19
|
+
$type-size-1 : 2.441em !default; // ~39.056px
|
20
|
+
$type-size-2 : 1.953em !default; // ~31.248px
|
21
|
+
$type-size-3 : 1.563em !default; // ~25.008px
|
22
|
+
$type-size-4 : 1.25em !default; // ~20px
|
23
|
+
$type-size-5 : 1em !default; // ~16px
|
24
|
+
$type-size-6 : 0.75em !default; // ~12px
|
25
|
+
$type-size-7 : 0.6875em !default; // ~11px
|
26
|
+
$type-size-8 : 0.625em !default; // ~10px
|
27
|
+
|
28
|
+
|
29
|
+
/*
|
30
|
+
Colors
|
31
|
+
========================================================================== */
|
32
|
+
|
33
|
+
$green : mix(#000, #50dd8e, 15%);
|
34
|
+
$theme-color : $green;
|
35
|
+
$gray : #7a8288 !default;
|
36
|
+
|
37
|
+
$body-color : #fff !default;
|
38
|
+
$background-color : #fff !default;
|
39
|
+
$code-background-color : mix(#fff, $gray, 90%) !default;
|
40
|
+
$blockquote-background-color: mix(#fff, $gray, 90%) !default;
|
41
|
+
$text-color : #404040 !default;
|
42
|
+
$border-color : #b2b2b2 !default;
|
43
|
+
|
44
|
+
|
45
|
+
/* links */
|
46
|
+
$link-color : $theme-color !default;
|
47
|
+
$link-color-hover : mix(#fff, $link-color, 40%) !default;
|
48
|
+
$link-color-visited : mix(#000, $link-color, 25%) !default;
|
49
|
+
$entry-link-color : $text-color !default;
|
50
|
+
$entry-link-color-hover : $theme-color !default;
|
51
|
+
|
52
|
+
|
53
|
+
/*
|
54
|
+
Breakpoints
|
55
|
+
========================================================================== */
|
56
|
+
|
57
|
+
$x-small : 320px !default;
|
58
|
+
$small : 600px !default;
|
59
|
+
$medium : 768px !default;
|
60
|
+
$medium-wide : 900px !default;
|
61
|
+
$large : 1024px !default;
|
62
|
+
$x-large : 1280px !default;
|
63
|
+
$x-x-large : 1440px !default;
|
64
|
+
|
65
|
+
$max-width : 625px !default;
|
66
|
+
|
67
|
+
|
68
|
+
/*
|
69
|
+
Other
|
70
|
+
========================================================================== */
|
71
|
+
|
72
|
+
$border-radius : 5px !default;
|
73
|
+
$global-transition : all 0.2s ease-in-out !default;
|
@@ -1,114 +1,114 @@
|
|
1
|
-
//////////////////////////////
|
2
|
-
// Default Variables
|
3
|
-
//////////////////////////////
|
4
|
-
$Breakpoint-Settings: (
|
5
|
-
'default media': all,
|
6
|
-
'default feature': min-width,
|
7
|
-
'default pair': width,
|
8
|
-
|
9
|
-
'force all media type': false,
|
10
|
-
'to ems': false,
|
11
|
-
'transform resolutions': true,
|
12
|
-
|
13
|
-
'no queries': false,
|
14
|
-
'no query fallbacks': false,
|
15
|
-
|
16
|
-
'base font size': 16px,
|
17
|
-
|
18
|
-
'legacy syntax': false
|
19
|
-
);
|
20
|
-
|
21
|
-
$breakpoint: () !default;
|
22
|
-
|
23
|
-
//////////////////////////////
|
24
|
-
// Imports
|
25
|
-
//////////////////////////////
|
26
|
-
@import "settings";
|
27
|
-
@import "context";
|
28
|
-
@import "helpers";
|
29
|
-
@import "parsers";
|
30
|
-
@import "no-query";
|
31
|
-
|
32
|
-
@import "respond-to";
|
33
|
-
|
34
|
-
@import "legacy-settings";
|
35
|
-
|
36
|
-
//////////////////////////////
|
37
|
-
// Breakpoint Mixin
|
38
|
-
//////////////////////////////
|
39
|
-
|
40
|
-
@mixin breakpoint($query, $no-query: false) {
|
41
|
-
@include legacy-settings-warning;
|
42
|
-
|
43
|
-
// Reset contexts
|
44
|
-
@include private-breakpoint-reset-contexts();
|
45
|
-
|
46
|
-
$breakpoint: breakpoint($query, false);
|
47
|
-
|
48
|
-
$query-string: map-get($breakpoint, 'query');
|
49
|
-
$query-fallback: map-get($breakpoint, 'fallback');
|
50
|
-
|
51
|
-
$private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;
|
52
|
-
$private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;
|
53
|
-
|
54
|
-
// Allow for an as-needed override or usage of no query fallback.
|
55
|
-
@if $no-query != false {
|
56
|
-
$query-fallback: $no-query;
|
57
|
-
}
|
58
|
-
|
59
|
-
@if $query-fallback != false {
|
60
|
-
$context-setter: private-breakpoint-set-context('no-query', $query-fallback);
|
61
|
-
}
|
62
|
-
|
63
|
-
// Print Out Query String
|
64
|
-
@if not breakpoint-get('no queries') {
|
65
|
-
@media #{$query-string} {
|
66
|
-
@content;
|
67
|
-
}
|
68
|
-
}
|
69
|
-
|
70
|
-
@if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {
|
71
|
-
|
72
|
-
$type: type-of(breakpoint-get('no query fallbacks'));
|
73
|
-
$print: false;
|
74
|
-
|
75
|
-
@if ($type == 'bool') {
|
76
|
-
$print: true;
|
77
|
-
}
|
78
|
-
@else if ($type == 'string') {
|
79
|
-
@if $query-fallback == breakpoint-get('no query fallbacks') {
|
80
|
-
$print: true;
|
81
|
-
}
|
82
|
-
}
|
83
|
-
@else if ($type == 'list') {
|
84
|
-
@each $wrapper in breakpoint-get('no query fallbacks') {
|
85
|
-
@if $query-fallback == $wrapper {
|
86
|
-
$print: true;
|
87
|
-
}
|
88
|
-
}
|
89
|
-
}
|
90
|
-
|
91
|
-
// Write Fallback
|
92
|
-
@if ($query-fallback != false) and ($print == true) {
|
93
|
-
$type-fallback: type-of($query-fallback);
|
94
|
-
|
95
|
-
@if ($type-fallback != 'bool') {
|
96
|
-
#{$query-fallback} & {
|
97
|
-
@content;
|
98
|
-
}
|
99
|
-
}
|
100
|
-
@else {
|
101
|
-
@content;
|
102
|
-
}
|
103
|
-
}
|
104
|
-
}
|
105
|
-
|
106
|
-
@include private-breakpoint-reset-contexts();
|
107
|
-
}
|
108
|
-
|
109
|
-
|
110
|
-
@mixin mq($query, $no-query: false) {
|
111
|
-
@include breakpoint($query, $no-query) {
|
112
|
-
@content;
|
113
|
-
}
|
114
|
-
}
|
1
|
+
//////////////////////////////
|
2
|
+
// Default Variables
|
3
|
+
//////////////////////////////
|
4
|
+
$Breakpoint-Settings: (
|
5
|
+
'default media': all,
|
6
|
+
'default feature': min-width,
|
7
|
+
'default pair': width,
|
8
|
+
|
9
|
+
'force all media type': false,
|
10
|
+
'to ems': false,
|
11
|
+
'transform resolutions': true,
|
12
|
+
|
13
|
+
'no queries': false,
|
14
|
+
'no query fallbacks': false,
|
15
|
+
|
16
|
+
'base font size': 16px,
|
17
|
+
|
18
|
+
'legacy syntax': false
|
19
|
+
);
|
20
|
+
|
21
|
+
$breakpoint: () !default;
|
22
|
+
|
23
|
+
//////////////////////////////
|
24
|
+
// Imports
|
25
|
+
//////////////////////////////
|
26
|
+
@import "settings";
|
27
|
+
@import "context";
|
28
|
+
@import "helpers";
|
29
|
+
@import "parsers";
|
30
|
+
@import "no-query";
|
31
|
+
|
32
|
+
@import "respond-to";
|
33
|
+
|
34
|
+
@import "legacy-settings";
|
35
|
+
|
36
|
+
//////////////////////////////
|
37
|
+
// Breakpoint Mixin
|
38
|
+
//////////////////////////////
|
39
|
+
|
40
|
+
@mixin breakpoint($query, $no-query: false) {
|
41
|
+
@include legacy-settings-warning;
|
42
|
+
|
43
|
+
// Reset contexts
|
44
|
+
@include private-breakpoint-reset-contexts();
|
45
|
+
|
46
|
+
$breakpoint: breakpoint($query, false);
|
47
|
+
|
48
|
+
$query-string: map-get($breakpoint, 'query');
|
49
|
+
$query-fallback: map-get($breakpoint, 'fallback');
|
50
|
+
|
51
|
+
$private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;
|
52
|
+
$private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;
|
53
|
+
|
54
|
+
// Allow for an as-needed override or usage of no query fallback.
|
55
|
+
@if $no-query != false {
|
56
|
+
$query-fallback: $no-query;
|
57
|
+
}
|
58
|
+
|
59
|
+
@if $query-fallback != false {
|
60
|
+
$context-setter: private-breakpoint-set-context('no-query', $query-fallback);
|
61
|
+
}
|
62
|
+
|
63
|
+
// Print Out Query String
|
64
|
+
@if not breakpoint-get('no queries') {
|
65
|
+
@media #{$query-string} {
|
66
|
+
@content;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
@if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {
|
71
|
+
|
72
|
+
$type: type-of(breakpoint-get('no query fallbacks'));
|
73
|
+
$print: false;
|
74
|
+
|
75
|
+
@if ($type == 'bool') {
|
76
|
+
$print: true;
|
77
|
+
}
|
78
|
+
@else if ($type == 'string') {
|
79
|
+
@if $query-fallback == breakpoint-get('no query fallbacks') {
|
80
|
+
$print: true;
|
81
|
+
}
|
82
|
+
}
|
83
|
+
@else if ($type == 'list') {
|
84
|
+
@each $wrapper in breakpoint-get('no query fallbacks') {
|
85
|
+
@if $query-fallback == $wrapper {
|
86
|
+
$print: true;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
}
|
90
|
+
|
91
|
+
// Write Fallback
|
92
|
+
@if ($query-fallback != false) and ($print == true) {
|
93
|
+
$type-fallback: type-of($query-fallback);
|
94
|
+
|
95
|
+
@if ($type-fallback != 'bool') {
|
96
|
+
#{$query-fallback} & {
|
97
|
+
@content;
|
98
|
+
}
|
99
|
+
}
|
100
|
+
@else {
|
101
|
+
@content;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
}
|
105
|
+
|
106
|
+
@include private-breakpoint-reset-contexts();
|
107
|
+
}
|
108
|
+
|
109
|
+
|
110
|
+
@mixin mq($query, $no-query: false) {
|
111
|
+
@include breakpoint($query, $no-query) {
|
112
|
+
@content;
|
113
|
+
}
|
114
|
+
}
|