minimal-jekyll-theme 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +1 -0
  3. data/LICENSE.txt +5 -0
  4. data/README.md +54 -0
  5. data/_includes/author_bio.html +39 -0
  6. data/_includes/category_tag_list.html +20 -0
  7. data/_includes/disqus_comments.html +17 -0
  8. data/_includes/figure +12 -0
  9. data/_includes/footer.html +20 -0
  10. data/_includes/head.html +46 -0
  11. data/_includes/header.html +38 -0
  12. data/_includes/navigation.html +26 -0
  13. data/_includes/newsletter.html +19 -0
  14. data/_includes/post_meta.html +49 -0
  15. data/_includes/read_time.html +18 -0
  16. data/_includes/share_icons.html +30 -0
  17. data/_includes/sidebar.html +17 -0
  18. data/_includes/video +3 -0
  19. data/_layouts/default.html +17 -0
  20. data/_layouts/home.html +40 -0
  21. data/_layouts/page.html +25 -0
  22. data/_layouts/post.html +50 -0
  23. data/_sass/_custom.scss +137 -0
  24. data/_sass/_tachyons.scss +94 -0
  25. data/_sass/_variables.scss +38 -0
  26. data/_sass/scss/_aspect-ratios.scss +142 -0
  27. data/_sass/scss/_background-position.scss +133 -0
  28. data/_sass/scss/_background-size.scss +41 -0
  29. data/_sass/scss/_border-colors.scss +93 -0
  30. data/_sass/scss/_border-radius.scss +134 -0
  31. data/_sass/scss/_border-style.scss +55 -0
  32. data/_sass/scss/_border-widths.scss +81 -0
  33. data/_sass/scss/_borders.scss +65 -0
  34. data/_sass/scss/_box-shadow.scss +48 -0
  35. data/_sass/scss/_box-sizing.scss +50 -0
  36. data/_sass/scss/_clears.scss +47 -0
  37. data/_sass/scss/_code.scss +18 -0
  38. data/_sass/scss/_colors.scss +84 -0
  39. data/_sass/scss/_coordinates.scss +153 -0
  40. data/_sass/scss/_debug-children.scss +21 -0
  41. data/_sass/scss/_debug-grid.scss +33 -0
  42. data/_sass/scss/_debug.scss +127 -0
  43. data/_sass/scss/_debug_children.scss +18 -0
  44. data/_sass/scss/_display.scss +111 -0
  45. data/_sass/scss/_flexbox.scss +229 -0
  46. data/_sass/scss/_floats.scss +56 -0
  47. data/_sass/scss/_font-family.scss +107 -0
  48. data/_sass/scss/_font-style.scss +36 -0
  49. data/_sass/scss/_font-weight.scss +87 -0
  50. data/_sass/scss/_forms.scss +23 -0
  51. data/_sass/scss/_gradients.scss +29 -0
  52. data/_sass/scss/_heights.scss +131 -0
  53. data/_sass/scss/_hovers.scss +166 -0
  54. data/_sass/scss/_images.scss +18 -0
  55. data/_sass/scss/_letter-spacing.scss +40 -0
  56. data/_sass/scss/_line-height.scss +41 -0
  57. data/_sass/scss/_links.scss +34 -0
  58. data/_sass/scss/_lists.scss +15 -0
  59. data/_sass/scss/_max-widths.scss +105 -0
  60. data/_sass/scss/_media-queries.scss +43 -0
  61. data/_sass/scss/_module-template.scss +29 -0
  62. data/_sass/scss/_negative-margins.scss +206 -0
  63. data/_sass/scss/_nested.scss +64 -0
  64. data/_sass/scss/_normalize.scss +434 -0
  65. data/_sass/scss/_opacity.scss +27 -0
  66. data/_sass/scss/_outlines.scss +39 -0
  67. data/_sass/scss/_overflow.scss +82 -0
  68. data/_sass/scss/_position.scss +44 -0
  69. data/_sass/scss/_rotations.scss +50 -0
  70. data/_sass/scss/_skins-pseudo.scss +243 -0
  71. data/_sass/scss/_skins.scss +143 -0
  72. data/_sass/scss/_spacing.scss +956 -0
  73. data/_sass/scss/_styles.scss +15 -0
  74. data/_sass/scss/_tables.scss +42 -0
  75. data/_sass/scss/_text-align.scss +49 -0
  76. data/_sass/scss/_text-decoration.scss +42 -0
  77. data/_sass/scss/_text-transform.scss +53 -0
  78. data/_sass/scss/_type-scale.scss +102 -0
  79. data/_sass/scss/_typography.scss +129 -0
  80. data/_sass/scss/_utilities.scss +48 -0
  81. data/_sass/scss/_vertical-align.scss +43 -0
  82. data/_sass/scss/_visibility.scss +58 -0
  83. data/_sass/scss/_white-space.scss +41 -0
  84. data/_sass/scss/_widths.scss +150 -0
  85. data/_sass/scss/_word-break.scss +43 -0
  86. data/_sass/scss/_z-index.scss +60 -0
  87. data/assets/css/minimal.scss +20 -0
  88. metadata +91 -5
@@ -0,0 +1,81 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BORDER WIDTHS
11
+ Docs: http://tachyons.io/docs/themes/borders/
12
+
13
+ Base:
14
+ bw = border-width
15
+
16
+ Modifiers:
17
+ 0 = 0 width border
18
+ 1 = 1st step in border-width scale
19
+ 2 = 2nd step in border-width scale
20
+ 3 = 3rd step in border-width scale
21
+ 4 = 4th step in border-width scale
22
+ 5 = 5th step in border-width scale
23
+
24
+ Media Query Extensions:
25
+ -ns = not-small
26
+ -m = medium
27
+ -l = large
28
+
29
+ */
30
+
31
+ .bw0 { border-width: 0; }
32
+ .bw1 { border-width: .125rem; }
33
+ .bw2 { border-width: .25rem; }
34
+ .bw3 { border-width: .5rem; }
35
+ .bw4 { border-width: 1rem; }
36
+ .bw5 { border-width: 2rem; }
37
+
38
+ /* Resets */
39
+ .bt-0 { border-top-width: 0; }
40
+ .br-0 { border-right-width: 0; }
41
+ .bb-0 { border-bottom-width: 0; }
42
+ .bl-0 { border-left-width: 0; }
43
+
44
+ @media #{$breakpoint-not-small} {
45
+ .bw0-ns { border-width: 0; }
46
+ .bw1-ns { border-width: .125rem; }
47
+ .bw2-ns { border-width: .25rem; }
48
+ .bw3-ns { border-width: .5rem; }
49
+ .bw4-ns { border-width: 1rem; }
50
+ .bw5-ns { border-width: 2rem; }
51
+ .bt-0-ns { border-top-width: 0; }
52
+ .br-0-ns { border-right-width: 0; }
53
+ .bb-0-ns { border-bottom-width: 0; }
54
+ .bl-0-ns { border-left-width: 0; }
55
+ }
56
+
57
+ @media #{$breakpoint-medium} {
58
+ .bw0-m { border-width: 0; }
59
+ .bw1-m { border-width: .125rem; }
60
+ .bw2-m { border-width: .25rem; }
61
+ .bw3-m { border-width: .5rem; }
62
+ .bw4-m { border-width: 1rem; }
63
+ .bw5-m { border-width: 2rem; }
64
+ .bt-0-m { border-top-width: 0; }
65
+ .br-0-m { border-right-width: 0; }
66
+ .bb-0-m { border-bottom-width: 0; }
67
+ .bl-0-m { border-left-width: 0; }
68
+ }
69
+
70
+ @media #{$breakpoint-large} {
71
+ .bw0-l { border-width: 0; }
72
+ .bw1-l { border-width: .125rem; }
73
+ .bw2-l { border-width: .25rem; }
74
+ .bw3-l { border-width: .5rem; }
75
+ .bw4-l { border-width: 1rem; }
76
+ .bw5-l { border-width: 2rem; }
77
+ .bt-0-l { border-top-width: 0; }
78
+ .br-0-l { border-right-width: 0; }
79
+ .bb-0-l { border-bottom-width: 0; }
80
+ .bl-0-l { border-left-width: 0; }
81
+ }
@@ -0,0 +1,65 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BORDERS
11
+ Docs: http://tachyons.io/docs/themes/borders/
12
+
13
+ Base:
14
+ b = border
15
+
16
+ Modifiers:
17
+ a = all
18
+ t = top
19
+ r = right
20
+ b = bottom
21
+ l = left
22
+ n = none
23
+
24
+ Media Query Extensions:
25
+ -ns = not-small
26
+ -m = medium
27
+ -l = large
28
+
29
+ */
30
+
31
+ .ba { border-style: solid; border-width: 1px; }
32
+ .bt { border-top-style: solid; border-top-width: 1px; }
33
+ .br { border-right-style: solid; border-right-width: 1px; }
34
+ .bb { border-bottom-style: solid; border-bottom-width: 1px; }
35
+ .bl { border-left-style: solid; border-left-width: 1px; }
36
+ .bn { border-style: none; border-width: 0; }
37
+
38
+
39
+ @media #{$breakpoint-not-small} {
40
+ .ba-ns { border-style: solid; border-width: 1px; }
41
+ .bt-ns { border-top-style: solid; border-top-width: 1px; }
42
+ .br-ns { border-right-style: solid; border-right-width: 1px; }
43
+ .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
44
+ .bl-ns { border-left-style: solid; border-left-width: 1px; }
45
+ .bn-ns { border-style: none; border-width: 0; }
46
+ }
47
+
48
+ @media #{$breakpoint-medium} {
49
+ .ba-m { border-style: solid; border-width: 1px; }
50
+ .bt-m { border-top-style: solid; border-top-width: 1px; }
51
+ .br-m { border-right-style: solid; border-right-width: 1px; }
52
+ .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
53
+ .bl-m { border-left-style: solid; border-left-width: 1px; }
54
+ .bn-m { border-style: none; border-width: 0; }
55
+ }
56
+
57
+ @media #{$breakpoint-large} {
58
+ .ba-l { border-style: solid; border-width: 1px; }
59
+ .bt-l { border-top-style: solid; border-top-width: 1px; }
60
+ .br-l { border-right-style: solid; border-right-width: 1px; }
61
+ .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
62
+ .bl-l { border-left-style: solid; border-left-width: 1px; }
63
+ .bn-l { border-style: none; border-width: 0; }
64
+ }
65
+
@@ -0,0 +1,48 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BOX-SHADOW
11
+ Docs: http://tachyons.io/docs/themes/box-shadow/
12
+
13
+ Media Query Extensions:
14
+ -ns = not-small
15
+ -m = medium
16
+ -l = large
17
+
18
+ */
19
+
20
+ .shadow-1 { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
21
+ .shadow-2 { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
22
+ .shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
23
+ .shadow-4 { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
24
+ .shadow-5 { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
25
+
26
+ @media #{$breakpoint-not-small} {
27
+ .shadow-1-ns { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
28
+ .shadow-2-ns { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
29
+ .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
30
+ .shadow-4-ns { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
31
+ .shadow-5-ns { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
32
+ }
33
+
34
+ @media #{$breakpoint-medium} {
35
+ .shadow-1-m { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
36
+ .shadow-2-m { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
37
+ .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
38
+ .shadow-4-m { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
39
+ .shadow-5-m { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
40
+ }
41
+
42
+ @media #{$breakpoint-large} {
43
+ .shadow-1-l { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }
44
+ .shadow-2-l { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }
45
+ .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }
46
+ .shadow-4-l { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }
47
+ .shadow-5-l { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }
48
+ }
@@ -0,0 +1,50 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ BOX SIZING
11
+
12
+ */
13
+
14
+ html,
15
+ body,
16
+ div,
17
+ article,
18
+ section,
19
+ main,
20
+ footer,
21
+ header,
22
+ form,
23
+ fieldset,
24
+ legend,
25
+ pre,
26
+ code,
27
+ a,
28
+ h1,h2,h3,h4,h5,h6,
29
+ p,
30
+ ul,
31
+ ol,
32
+ li,
33
+ dl,
34
+ dt,
35
+ dd,
36
+ textarea,
37
+ table,
38
+ td,
39
+ th,
40
+ tr,
41
+ input[type="email"],
42
+ input[type="number"],
43
+ input[type="password"],
44
+ input[type="tel"],
45
+ input[type="text"],
46
+ input[type="url"],
47
+ .border-box {
48
+ box-sizing: border-box;
49
+ }
50
+
@@ -0,0 +1,47 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ CLEARFIX
11
+ http://tachyons.io/docs/layout/clearfix/
12
+
13
+ */
14
+
15
+ /* Nicolas Gallaghers Clearfix solution
16
+ Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
17
+
18
+ .cf:before,
19
+ .cf:after { content: " "; display: table; }
20
+ .cf:after { clear: both; }
21
+ .cf { *zoom: 1; }
22
+
23
+ .cl { clear: left; }
24
+ .cr { clear: right; }
25
+ .cb { clear: both; }
26
+ .cn { clear: none; }
27
+
28
+ @media #{$breakpoint-not-small} {
29
+ .cl-ns { clear: left; }
30
+ .cr-ns { clear: right; }
31
+ .cb-ns { clear: both; }
32
+ .cn-ns { clear: none; }
33
+ }
34
+
35
+ @media #{$breakpoint-medium} {
36
+ .cl-m { clear: left; }
37
+ .cr-m { clear: right; }
38
+ .cb-m { clear: both; }
39
+ .cn-m { clear: none; }
40
+ }
41
+
42
+ @media #{$breakpoint-large} {
43
+ .cl-l { clear: left; }
44
+ .cr-l { clear: right; }
45
+ .cb-l { clear: both; }
46
+ .cn-l { clear: none; }
47
+ }
@@ -0,0 +1,18 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ CODE
11
+
12
+ */
13
+
14
+ .pre {
15
+ overflow-x: auto;
16
+ overflow-y: hidden;
17
+ overflow: scroll;
18
+ }
@@ -0,0 +1,84 @@
1
+
2
+ // Converted Variables
3
+
4
+ $black: #000 !default;
5
+ $near-black: #111 !default;
6
+ $dark-gray:#333 !default;
7
+ $mid-gray:#555 !default;
8
+ $gray: #777 !default;
9
+ $silver: #999 !default;
10
+ $light-silver: #aaa !default;
11
+ $moon-gray: #ccc !default;
12
+ $light-gray: #eee !default;
13
+ $near-white: #f4f4f4 !default;
14
+ $white: #fff !default;
15
+
16
+ $transparent:transparent !default;
17
+
18
+ $black-90: rgba(0,0,0,.9) !default;
19
+ $black-80: rgba(0,0,0,.8) !default;
20
+ $black-70: rgba(0,0,0,.7) !default;
21
+ $black-60: rgba(0,0,0,.6) !default;
22
+ $black-50: rgba(0,0,0,.5) !default;
23
+ $black-40: rgba(0,0,0,.4) !default;
24
+ $black-30: rgba(0,0,0,.3) !default;
25
+ $black-20: rgba(0,0,0,.2) !default;
26
+ $black-10: rgba(0,0,0,.1) !default;
27
+ $black-05: rgba(0,0,0,.05) !default;
28
+ $black-025: rgba(0,0,0,.025) !default;
29
+ $black-0125: rgba(0,0,0,.0125) !default;
30
+
31
+ $white-90: rgba(255,255,255,.9) !default;
32
+ $white-80: rgba(255,255,255,.8) !default;
33
+ $white-70: rgba(255,255,255,.7) !default;
34
+ $white-60: rgba(255,255,255,.6) !default;
35
+ $white-50: rgba(255,255,255,.5) !default;
36
+ $white-40: rgba(255,255,255,.4) !default;
37
+ $white-30: rgba(255,255,255,.3) !default;
38
+ $white-20: rgba(255,255,255,.2) !default;
39
+ $white-10: rgba(255,255,255,.1) !default;
40
+ $white-05: rgba(255,255,255,.05) !default;
41
+ $white-025: rgba(255,255,255,.025) !default;
42
+ $white-0125: rgba(255,255,255,.0125) !default;
43
+
44
+ $dark-red: #e7040f !default;
45
+ $red: #ff4136 !default;
46
+ $light-red: #ff725c !default;
47
+ $orange: #ff6300 !default;
48
+ $gold: #ffb700 !default;
49
+ $yellow: #ffd700 !default;
50
+ $light-yellow: #fbf1a9 !default;
51
+ $purple: #5e2ca5 !default;
52
+ $light-purple: #a463f2 !default;
53
+ $dark-pink: #d5008f !default;
54
+ $hot-pink: #ff41b4 !default;
55
+ $pink: #ff80cc !default;
56
+ $light-pink: #ffa3d7 !default;
57
+ $dark-green: #137752 !default;
58
+ $green: #19a974 !default;
59
+ $light-green: #9eebcf !default;
60
+ $navy: #001b44 !default;
61
+ $dark-blue: #00449e !default;
62
+ $blue: #357edd !default;
63
+ $light-blue: #96ccff !default;
64
+ $lightest-blue: #cdecff !default;
65
+ $washed-blue: #f6fffe !default;
66
+ $washed-green: #e8fdf5 !default;
67
+ $washed-yellow: #fffceb !default;
68
+ $washed-red: #ffdfdf !default;
69
+
70
+
71
+ // Custom Media Query Variables
72
+
73
+
74
+ /*
75
+
76
+ Tachyons
77
+ COLOR VARIABLES
78
+
79
+ Grayscale
80
+ - Solids
81
+ - Transparencies
82
+ Colors
83
+
84
+ */
@@ -0,0 +1,153 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ COORDINATES
11
+ Docs: http://tachyons.io/docs/layout/position/
12
+
13
+ Use in combination with the position module.
14
+
15
+ Base:
16
+ top
17
+ bottom
18
+ right
19
+ left
20
+
21
+ Modifiers:
22
+ -0 = literal value 0
23
+ -1 = literal value 1
24
+ -2 = literal value 2
25
+ --1 = literal value -1
26
+ --2 = literal value -2
27
+
28
+ Media Query Extensions:
29
+ -ns = not-small
30
+ -m = medium
31
+ -l = large
32
+
33
+ */
34
+
35
+ .top-0 { top: 0; }
36
+ .right-0 { right: 0; }
37
+ .bottom-0 { bottom: 0; }
38
+ .left-0 { left: 0; }
39
+
40
+ .top-1 { top: 1rem; }
41
+ .right-1 { right: 1rem; }
42
+ .bottom-1 { bottom: 1rem; }
43
+ .left-1 { left: 1rem; }
44
+
45
+ .top-2 { top: 2rem; }
46
+ .right-2 { right: 2rem; }
47
+ .bottom-2 { bottom: 2rem; }
48
+ .left-2 { left: 2rem; }
49
+
50
+ .top--1 { top: -1rem; }
51
+ .right--1 { right: -1rem; }
52
+ .bottom--1 { bottom: -1rem; }
53
+ .left--1 { left: -1rem; }
54
+
55
+ .top--2 { top: -2rem; }
56
+ .right--2 { right: -2rem; }
57
+ .bottom--2 { bottom: -2rem; }
58
+ .left--2 { left: -2rem; }
59
+
60
+
61
+ .absolute--fill {
62
+ top: 0;
63
+ right: 0;
64
+ bottom: 0;
65
+ left: 0;
66
+ }
67
+
68
+ @media #{$breakpoint-not-small} {
69
+ .top-0-ns { top: 0; }
70
+ .left-0-ns { left: 0; }
71
+ .right-0-ns { right: 0; }
72
+ .bottom-0-ns { bottom: 0; }
73
+ .top-1-ns { top: 1rem; }
74
+ .left-1-ns { left: 1rem; }
75
+ .right-1-ns { right: 1rem; }
76
+ .bottom-1-ns { bottom: 1rem; }
77
+ .top-2-ns { top: 2rem; }
78
+ .left-2-ns { left: 2rem; }
79
+ .right-2-ns { right: 2rem; }
80
+ .bottom-2-ns { bottom: 2rem; }
81
+ .top--1-ns { top: -1rem; }
82
+ .right--1-ns { right: -1rem; }
83
+ .bottom--1-ns { bottom: -1rem; }
84
+ .left--1-ns { left: -1rem; }
85
+ .top--2-ns { top: -2rem; }
86
+ .right--2-ns { right: -2rem; }
87
+ .bottom--2-ns { bottom: -2rem; }
88
+ .left--2-ns { left: -2rem; }
89
+ .absolute--fill-ns {
90
+ top: 0;
91
+ right: 0;
92
+ bottom: 0;
93
+ left: 0;
94
+ }
95
+ }
96
+
97
+ @media #{$breakpoint-medium} {
98
+ .top-0-m { top: 0; }
99
+ .left-0-m { left: 0; }
100
+ .right-0-m { right: 0; }
101
+ .bottom-0-m { bottom: 0; }
102
+ .top-1-m { top: 1rem; }
103
+ .left-1-m { left: 1rem; }
104
+ .right-1-m { right: 1rem; }
105
+ .bottom-1-m { bottom: 1rem; }
106
+ .top-2-m { top: 2rem; }
107
+ .left-2-m { left: 2rem; }
108
+ .right-2-m { right: 2rem; }
109
+ .bottom-2-m { bottom: 2rem; }
110
+ .top--1-m { top: -1rem; }
111
+ .right--1-m { right: -1rem; }
112
+ .bottom--1-m { bottom: -1rem; }
113
+ .left--1-m { left: -1rem; }
114
+ .top--2-m { top: -2rem; }
115
+ .right--2-m { right: -2rem; }
116
+ .bottom--2-m { bottom: -2rem; }
117
+ .left--2-m { left: -2rem; }
118
+ .absolute--fill-m {
119
+ top: 0;
120
+ right: 0;
121
+ bottom: 0;
122
+ left: 0;
123
+ }
124
+ }
125
+
126
+ @media #{$breakpoint-large} {
127
+ .top-0-l { top: 0; }
128
+ .left-0-l { left: 0; }
129
+ .right-0-l { right: 0; }
130
+ .bottom-0-l { bottom: 0; }
131
+ .top-1-l { top: 1rem; }
132
+ .left-1-l { left: 1rem; }
133
+ .right-1-l { right: 1rem; }
134
+ .bottom-1-l { bottom: 1rem; }
135
+ .top-2-l { top: 2rem; }
136
+ .left-2-l { left: 2rem; }
137
+ .right-2-l { right: 2rem; }
138
+ .bottom-2-l { bottom: 2rem; }
139
+ .top--1-l { top: -1rem; }
140
+ .right--1-l { right: -1rem; }
141
+ .bottom--1-l { bottom: -1rem; }
142
+ .left--1-l { left: -1rem; }
143
+ .top--2-l { top: -2rem; }
144
+ .right--2-l { right: -2rem; }
145
+ .bottom--2-l { bottom: -2rem; }
146
+ .left--2-l { left: -2rem; }
147
+ .absolute--fill-l {
148
+ top: 0;
149
+ right: 0;
150
+ bottom: 0;
151
+ left: 0;
152
+ }
153
+ }