minimal-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.
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
+ }