jekyll-theme-basically-basic 1.3.1 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (160) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +18 -0
  3. data/README.md +150 -42
  4. data/_includes/author +30 -30
  5. data/_includes/contact-list.html +27 -27
  6. data/_includes/cv/awards.html +23 -23
  7. data/_includes/cv/basics.html +68 -68
  8. data/_includes/cv/education.html +36 -36
  9. data/_includes/cv/interests.html +19 -19
  10. data/_includes/cv/intro.html +18 -18
  11. data/_includes/cv/languages.html +19 -19
  12. data/_includes/cv/publications.html +29 -29
  13. data/_includes/cv/references.html +23 -23
  14. data/_includes/cv/volunteer.html +46 -46
  15. data/_includes/cv/work.html +46 -46
  16. data/_includes/disqus_comments.html +16 -16
  17. data/_includes/documents-collection.html +19 -0
  18. data/_includes/entry.html +37 -29
  19. data/_includes/footer.html +11 -9
  20. data/_includes/google-analytics.html +8 -8
  21. data/_includes/head.html +35 -35
  22. data/_includes/icon-bitbucket.html +4 -4
  23. data/_includes/icon-codepen.html +4 -4
  24. data/_includes/icon-dribbble.html +4 -4
  25. data/_includes/icon-facebook.html +4 -4
  26. data/_includes/icon-flickr.html +4 -4
  27. data/_includes/icon-github.html +4 -4
  28. data/_includes/icon-gitlab.html +4 -4
  29. data/_includes/icon-googleplus.html +4 -4
  30. data/_includes/icon-instagram.html +4 -4
  31. data/_includes/icon-lastfm.html +4 -4
  32. data/_includes/icon-linkedin.html +4 -4
  33. data/_includes/icon-pinterest.html +4 -4
  34. data/_includes/icon-soundcloud.html +4 -4
  35. data/_includes/icon-stackoverflow.html +4 -4
  36. data/_includes/icon-tumblr.html +4 -4
  37. data/_includes/icon-twitter.html +4 -4
  38. data/_includes/icon-xing.html +4 -4
  39. data/_includes/icon-youtube.html +4 -4
  40. data/_includes/masthead.html +27 -27
  41. data/_includes/navigation.html +25 -25
  42. data/_includes/page-intro.html +42 -42
  43. data/_includes/page-tags.html +14 -0
  44. data/_includes/posts-all.html +2 -2
  45. data/_includes/posts-category.html +3 -0
  46. data/_includes/posts-paginated.html +15 -15
  47. data/_includes/posts-tag.html +3 -0
  48. data/_includes/read-time.html +13 -13
  49. data/_includes/search-form.html +14 -13
  50. data/_includes/search/algolia-search-scripts.html +52 -52
  51. data/_includes/search/lunr-search-scripts.html +1 -1
  52. data/_includes/skip-links.html +8 -8
  53. data/_layouts/about.html +0 -2
  54. data/_layouts/categories.html +48 -0
  55. data/_layouts/category.html +9 -0
  56. data/_layouts/collection.html +9 -0
  57. data/_layouts/cv.html +28 -28
  58. data/_layouts/default.html +2 -1
  59. data/_layouts/home.html +28 -30
  60. data/_layouts/page.html +15 -17
  61. data/_layouts/post.html +18 -20
  62. data/_layouts/posts.html +29 -0
  63. data/_layouts/tag.html +9 -0
  64. data/_layouts/tags.html +48 -0
  65. data/_sass/basically-basic.scss +1 -1
  66. data/_sass/basically-basic/_base.scss +116 -118
  67. data/_sass/basically-basic/_contact-lists.scss +11 -11
  68. data/_sass/basically-basic/_entries.scss +230 -152
  69. data/_sass/basically-basic/_footer.scss +37 -13
  70. data/_sass/basically-basic/_functions.scss +2 -2
  71. data/_sass/basically-basic/_global.scss +116 -42
  72. data/_sass/basically-basic/_icons.scss +43 -43
  73. data/_sass/basically-basic/_intro.scss +3 -1
  74. data/_sass/basically-basic/_layout.scss +188 -188
  75. data/_sass/basically-basic/_mixins.scss +5 -5
  76. data/_sass/basically-basic/_navicons.scss +148 -148
  77. data/_sass/basically-basic/_navigation.scss +66 -66
  78. data/_sass/basically-basic/_print.scss +252 -252
  79. data/_sass/basically-basic/_reset.scss +522 -522
  80. data/_sass/basically-basic/_responsive-embed.scss +70 -70
  81. data/_sass/basically-basic/_search.scss +101 -101
  82. data/_sass/basically-basic/_sidebar.scss +166 -166
  83. data/_sass/basically-basic/_tables.scss +34 -34
  84. data/_sass/basically-basic/_utilities.scss +6 -6
  85. data/_sass/basically-basic/_variables.scss +3 -0
  86. data/_sass/basically-basic/functions/_color.scss +21 -21
  87. data/_sass/basically-basic/functions/_fluid-type.scss +33 -33
  88. data/_sass/basically-basic/mixins/_clearfix.scss +11 -11
  89. data/_sass/basically-basic/mixins/_float.scss +15 -15
  90. data/_sass/basically-basic/mixins/_image.scss +38 -38
  91. data/_sass/basically-basic/mixins/_lists.scss +9 -9
  92. data/_sass/basically-basic/mixins/_text-truncate.scss +10 -10
  93. data/_sass/basically-basic/themes/_default.scss +5 -5
  94. data/_sass/basically-basic/themes/_night.scss +12 -12
  95. data/_sass/basically-basic/themes/_plum.scss +12 -12
  96. data/_sass/basically-basic/themes/_sea.scss +12 -12
  97. data/_sass/basically-basic/utilities/_accessibility.scss +43 -43
  98. data/_sass/basically-basic/utilities/_align.scss +62 -62
  99. data/_sass/basically-basic/utilities/_clearfix.scss +7 -7
  100. data/_sass/basically-basic/utilities/_float.scss +7 -7
  101. data/_sass/basically-basic/utilities/_text.scss +28 -28
  102. data/_sass/basically-basic/utilities/_visibility.scss +32 -32
  103. data/_sass/basically-basic/vendor/breakpoint/_breakpoint.scss +114 -114
  104. data/_sass/basically-basic/vendor/breakpoint/_context.scss +94 -94
  105. data/_sass/basically-basic/vendor/breakpoint/_helpers.scss +151 -151
  106. data/_sass/basically-basic/vendor/breakpoint/_legacy-settings.scss +49 -49
  107. data/_sass/basically-basic/vendor/breakpoint/_no-query.scss +15 -15
  108. data/_sass/basically-basic/vendor/breakpoint/_parsers.scss +215 -215
  109. data/_sass/basically-basic/vendor/breakpoint/_respond-to.scss +82 -82
  110. data/_sass/basically-basic/vendor/breakpoint/_settings.scss +70 -70
  111. data/_sass/basically-basic/vendor/breakpoint/parsers/_double.scss +33 -33
  112. data/_sass/basically-basic/vendor/breakpoint/parsers/_query.scss +82 -82
  113. data/_sass/basically-basic/vendor/breakpoint/parsers/_resolution.scss +31 -31
  114. data/_sass/basically-basic/vendor/breakpoint/parsers/_single.scss +26 -26
  115. data/_sass/basically-basic/vendor/breakpoint/parsers/_triple.scss +36 -36
  116. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  117. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default.scss +22 -22
  118. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  119. data/_sass/basically-basic/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  120. data/_sass/basically-basic/vendor/breakpoint/parsers/single/_default.scss +13 -13
  121. data/_sass/basically-basic/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  122. data/_sass/basically-basic/vendor/susy/_su.scss +4 -4
  123. data/_sass/basically-basic/vendor/susy/_susy-prefix.scss +13 -13
  124. data/_sass/basically-basic/vendor/susy/_susy.scss +5 -5
  125. data/_sass/basically-basic/vendor/susy/plugins/_svg-grid.scss +5 -5
  126. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_prefix.scss +7 -7
  127. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -114
  128. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -67
  129. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -14
  130. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -18
  131. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -133
  132. data/_sass/basically-basic/vendor/susy/susy/_api.scss +318 -318
  133. data/_sass/basically-basic/vendor/susy/susy/_normalize.scss +261 -261
  134. data/_sass/basically-basic/vendor/susy/susy/_parse.scss +163 -163
  135. data/_sass/basically-basic/vendor/susy/susy/_settings.scss +329 -329
  136. data/_sass/basically-basic/vendor/susy/susy/_su-math.scss +441 -441
  137. data/_sass/basically-basic/vendor/susy/susy/_su-validate.scss +213 -213
  138. data/_sass/basically-basic/vendor/susy/susy/_syntax-helpers.scss +191 -191
  139. data/_sass/basically-basic/vendor/susy/susy/_unprefix.scss +56 -56
  140. data/_sass/basically-basic/vendor/susy/susy/_utilities.scss +167 -167
  141. data/assets/javascripts/lunr/lunr.da.min.js +17 -17
  142. data/assets/javascripts/lunr/lunr.de.min.js +17 -17
  143. data/assets/javascripts/lunr/lunr.du.min.js +17 -17
  144. data/assets/javascripts/lunr/lunr.es.min.js +17 -17
  145. data/assets/javascripts/lunr/lunr.fi.min.js +17 -17
  146. data/assets/javascripts/lunr/lunr.fr.min.js +17 -17
  147. data/assets/javascripts/lunr/lunr.hu.min.js +17 -17
  148. data/assets/javascripts/lunr/lunr.it.min.js +17 -17
  149. data/assets/javascripts/lunr/lunr.jp.min.js +1 -1
  150. data/assets/javascripts/lunr/lunr.min.js +6 -6
  151. data/assets/javascripts/lunr/lunr.no.min.js +17 -17
  152. data/assets/javascripts/lunr/lunr.pt.min.js +17 -17
  153. data/assets/javascripts/lunr/lunr.ro.min.js +17 -17
  154. data/assets/javascripts/lunr/lunr.ru.min.js +17 -17
  155. data/assets/javascripts/lunr/lunr.sv.min.js +17 -17
  156. data/assets/javascripts/lunr/lunr.tr.min.js +17 -17
  157. data/assets/javascripts/main.js +12 -12
  158. data/assets/javascripts/search-data.json +43 -27
  159. data/assets/stylesheets/main.scss +9 -9
  160. metadata +21 -5
@@ -1,43 +1,43 @@
1
- /* ==========================================================================
2
- Accessibility Modules
3
- ========================================================================== */
4
-
5
- /* Text meant only for screen readers */
6
- .screen-reader-text,
7
- .screen-reader-text span,
8
- .screen-reader-shortcut {
9
- position: absolute !important;
10
- width: 1px;
11
- height: 1px;
12
- clip: rect(0, 0, 0, 0);
13
- border: 0;
14
- overflow: hidden;
15
-
16
- &:focus {
17
- display: block;
18
- top: 5px;
19
- left: 5px;
20
- width: auto;
21
- height: auto;
22
- padding: 0.75em 1em;
23
- clip: auto !important;
24
- border-radius: 0.125em;
25
- background-color: $base-color;
26
- color: #fff;
27
- font-weight: bold;
28
- line-height: normal;
29
- text-decoration: none;
30
- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
31
- z-index: 100000;
32
- }
33
- }
34
-
35
- .screen-reader-text:focus,
36
- .screen-reader-shortcut:focus {
37
- width: auto;
38
- height: auto;
39
- clip: auto !important;
40
- text-decoration: none;
41
- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
42
- z-index: 100000;
43
- }
1
+ /* ==========================================================================
2
+ Accessibility Modules
3
+ ========================================================================== */
4
+
5
+ /* Text meant only for screen readers */
6
+ .screen-reader-text,
7
+ .screen-reader-text span,
8
+ .screen-reader-shortcut {
9
+ position: absolute !important;
10
+ width: 1px;
11
+ height: 1px;
12
+ clip: rect(0, 0, 0, 0);
13
+ border: 0;
14
+ overflow: hidden;
15
+
16
+ &:focus {
17
+ display: block;
18
+ top: 5px;
19
+ left: 5px;
20
+ width: auto;
21
+ height: auto;
22
+ padding: 0.75em 1em;
23
+ clip: auto !important;
24
+ border-radius: 0.125em;
25
+ background-color: $base-color;
26
+ color: #fff;
27
+ font-weight: bold;
28
+ line-height: normal;
29
+ text-decoration: none;
30
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
31
+ z-index: 100000;
32
+ }
33
+ }
34
+
35
+ .screen-reader-text:focus,
36
+ .screen-reader-shortcut:focus {
37
+ width: auto;
38
+ height: auto;
39
+ clip: auto !important;
40
+ text-decoration: none;
41
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
42
+ z-index: 100000;
43
+ }
@@ -1,62 +1,62 @@
1
- /* ==========================================================================
2
- Alignment
3
- ========================================================================== */
4
-
5
- .align-baseline { vertical-align: baseline !important; } /* Browser default */
6
- .align-top { vertical-align: top !important; }
7
- .align-middle { vertical-align: middle !important; }
8
- .align-bottom { vertical-align: bottom !important; }
9
- .align-text-bottom { vertical-align: text-bottom !important; }
10
- .align-text-top { vertical-align: text-top !important; }
11
-
12
- /*
13
- Image Alignment
14
- ========================================================================== */
15
-
16
- .align-center,
17
- div.align-center,
18
- a img.align-center {
19
- display: block;
20
- margin-right: auto;
21
- margin-left: auto;
22
- }
23
-
24
- figure.align-center {
25
-
26
- img {
27
- display: block;
28
- margin-right: auto;
29
- margin-left: auto;
30
- }
31
-
32
- figcaption {
33
- text-align: center;
34
- }
35
- }
36
-
37
- .align-right,
38
- a img.align-right {
39
- margin-bottom: 1rem;
40
- margin-left: 1rem;
41
- float: right;
42
- }
43
-
44
- .align-left,
45
- a img.align-left {
46
- margin-right: 1rem;
47
- margin-bottom: 1rem;
48
- float: left;
49
- }
50
-
51
- /*
52
- Sidebar Pusher
53
- ========================================================================== */
54
-
55
- .is--pushed {
56
- transform: translateX(1 * $sidebar-width);
57
- transform-origin: right;
58
-
59
- @include breakpoint($large) {
60
- transform: translateX(1.5 * $sidebar-width);
61
- }
62
- }
1
+ /* ==========================================================================
2
+ Alignment
3
+ ========================================================================== */
4
+
5
+ .align-baseline { vertical-align: baseline !important; } /* Browser default */
6
+ .align-top { vertical-align: top !important; }
7
+ .align-middle { vertical-align: middle !important; }
8
+ .align-bottom { vertical-align: bottom !important; }
9
+ .align-text-bottom { vertical-align: text-bottom !important; }
10
+ .align-text-top { vertical-align: text-top !important; }
11
+
12
+ /*
13
+ Image Alignment
14
+ ========================================================================== */
15
+
16
+ .align-center,
17
+ div.align-center,
18
+ a img.align-center {
19
+ display: block;
20
+ margin-right: auto;
21
+ margin-left: auto;
22
+ }
23
+
24
+ figure.align-center {
25
+
26
+ img {
27
+ display: block;
28
+ margin-right: auto;
29
+ margin-left: auto;
30
+ }
31
+
32
+ figcaption {
33
+ text-align: center;
34
+ }
35
+ }
36
+
37
+ .align-right,
38
+ a img.align-right {
39
+ margin-bottom: 1rem;
40
+ margin-left: 1rem;
41
+ float: right;
42
+ }
43
+
44
+ .align-left,
45
+ a img.align-left {
46
+ margin-right: 1rem;
47
+ margin-bottom: 1rem;
48
+ float: left;
49
+ }
50
+
51
+ /*
52
+ Sidebar Pusher
53
+ ========================================================================== */
54
+
55
+ .is--pushed {
56
+ transform: translateX(1 * $sidebar-width);
57
+ transform-origin: right;
58
+
59
+ @include breakpoint($large) {
60
+ transform: translateX(1.5 * $sidebar-width);
61
+ }
62
+ }
@@ -1,7 +1,7 @@
1
- //
2
- // Clearfix
3
- //
4
-
5
- .clearfix {
6
- @include clearfix();
7
- }
1
+ //
2
+ // Clearfix
3
+ //
4
+
5
+ .clearfix {
6
+ @include clearfix();
7
+ }
@@ -1,7 +1,7 @@
1
- /* ==========================================================================
2
- Floats
3
- ========================================================================== */
4
-
5
- .float-left { @include float-left; }
6
- .float-right { @include float-right; }
7
- .float-none { @include float-none; }
1
+ /* ==========================================================================
2
+ Floats
3
+ ========================================================================== */
4
+
5
+ .float-left { @include float-left; }
6
+ .float-right { @include float-right; }
7
+ .float-none { @include float-none; }
@@ -1,28 +1,28 @@
1
- /* ==========================================================================
2
- Text
3
- ========================================================================== */
4
-
5
- /*
6
- Alignment
7
- ========================================================================== */
8
-
9
- .text-justify { text-align: justify !important; }
10
- .text-nowrap { white-space: nowrap !important; }
11
- .text-left { text-align: left !important; }
12
- .text-right { text-align: right !important; }
13
- .text-center { text-align: center !important; }
14
-
15
- /*
16
- Transformation
17
- ========================================================================== */
18
-
19
- .text-lowercase { text-transform: lowercase !important; }
20
- .text-uppercase { text-transform: uppercase !important; }
21
- .text-capitalize { text-transform: capitalize !important; }
22
- .text-truncate { @include text-truncate; }
23
-
24
- /*
25
- Sizing
26
- ========================================================================== */
27
-
28
- .small { font-size: 80%; }
1
+ /* ==========================================================================
2
+ Text
3
+ ========================================================================== */
4
+
5
+ /*
6
+ Alignment
7
+ ========================================================================== */
8
+
9
+ .text-justify { text-align: justify !important; }
10
+ .text-nowrap { white-space: nowrap !important; }
11
+ .text-left { text-align: left !important; }
12
+ .text-right { text-align: right !important; }
13
+ .text-center { text-align: center !important; }
14
+
15
+ /*
16
+ Transformation
17
+ ========================================================================== */
18
+
19
+ .text-lowercase { text-transform: lowercase !important; }
20
+ .text-uppercase { text-transform: uppercase !important; }
21
+ .text-capitalize { text-transform: capitalize !important; }
22
+ .text-truncate { @include text-truncate; }
23
+
24
+ /*
25
+ Sizing
26
+ ========================================================================== */
27
+
28
+ .small { font-size: 80%; }
@@ -1,32 +1,32 @@
1
- /* ==========================================================================
2
- Visibility
3
- ========================================================================== */
4
-
5
- /* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
6
-
7
- .is--hidden {
8
- display: none;
9
- visibility: hidden;
10
- }
11
-
12
- .is--visible {
13
- display: block;
14
- visibility: visible;
15
- }
16
-
17
- /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
18
-
19
- .visually-hidden {
20
- position: absolute !important;
21
- clip: rect(1px, 1px, 1px, 1px);
22
- height: 1px !important;
23
- width: 1px !important;
24
- border: 0 !important;
25
- overflow: hidden;
26
- }
27
-
28
- body:hover .visually-hidden a,
29
- body:hover .visually-hidden input,
30
- body:hover .visually-hidden button {
31
- display: none !important;
32
- }
1
+ /* ==========================================================================
2
+ Visibility
3
+ ========================================================================== */
4
+
5
+ /* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
6
+
7
+ .is--hidden {
8
+ display: none;
9
+ visibility: hidden;
10
+ }
11
+
12
+ .is--visible {
13
+ display: block;
14
+ visibility: visible;
15
+ }
16
+
17
+ /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
18
+
19
+ .visually-hidden {
20
+ position: absolute !important;
21
+ clip: rect(1px, 1px, 1px, 1px);
22
+ height: 1px !important;
23
+ width: 1px !important;
24
+ border: 0 !important;
25
+ overflow: hidden;
26
+ }
27
+
28
+ body:hover .visually-hidden a,
29
+ body:hover .visually-hidden input,
30
+ body:hover .visually-hidden button {
31
+ display: none !important;
32
+ }
@@ -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
+ }