jekyll-bulma-feather 0.1.1

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 (83) hide show
  1. checksums.yaml +7 -0
  2. data/COPYING.md +88 -0
  3. data/README.md +125 -0
  4. data/_includes/feather.html +3 -0
  5. data/_includes/footer.html +14 -0
  6. data/_includes/head.html +12 -0
  7. data/_includes/header.html +8 -0
  8. data/_includes/nav.html +38 -0
  9. data/_layouts/default.html +7 -0
  10. data/_layouts/empty.html +9 -0
  11. data/_layouts/page.html +5 -0
  12. data/_layouts/post.html +5 -0
  13. data/_sass/bulma.scss +1 -0
  14. data/_sass/bulma/bulma-rtl.sass +3 -0
  15. data/_sass/bulma/bulma.sass +10 -0
  16. data/_sass/bulma/sass/base/_all.sass +6 -0
  17. data/_sass/bulma/sass/base/animations.sass +5 -0
  18. data/_sass/bulma/sass/base/generic.sass +145 -0
  19. data/_sass/bulma/sass/base/helpers.sass +1 -0
  20. data/_sass/bulma/sass/base/minireset.sass +79 -0
  21. data/_sass/bulma/sass/components/_all.sass +15 -0
  22. data/_sass/bulma/sass/components/breadcrumb.sass +77 -0
  23. data/_sass/bulma/sass/components/card.sass +102 -0
  24. data/_sass/bulma/sass/components/dropdown.sass +83 -0
  25. data/_sass/bulma/sass/components/level.sass +79 -0
  26. data/_sass/bulma/sass/components/media.sass +59 -0
  27. data/_sass/bulma/sass/components/menu.sass +59 -0
  28. data/_sass/bulma/sass/components/message.sass +101 -0
  29. data/_sass/bulma/sass/components/modal.sass +117 -0
  30. data/_sass/bulma/sass/components/navbar.sass +445 -0
  31. data/_sass/bulma/sass/components/pagination.sass +153 -0
  32. data/_sass/bulma/sass/components/panel.sass +121 -0
  33. data/_sass/bulma/sass/components/tabs.sass +176 -0
  34. data/_sass/bulma/sass/elements/_all.sass +16 -0
  35. data/_sass/bulma/sass/elements/box.sass +26 -0
  36. data/_sass/bulma/sass/elements/button.sass +344 -0
  37. data/_sass/bulma/sass/elements/container.sass +29 -0
  38. data/_sass/bulma/sass/elements/content.sass +157 -0
  39. data/_sass/bulma/sass/elements/form.sass +1 -0
  40. data/_sass/bulma/sass/elements/icon.sass +21 -0
  41. data/_sass/bulma/sass/elements/image.sass +73 -0
  42. data/_sass/bulma/sass/elements/notification.sass +52 -0
  43. data/_sass/bulma/sass/elements/other.sass +41 -0
  44. data/_sass/bulma/sass/elements/progress.sass +73 -0
  45. data/_sass/bulma/sass/elements/table.sass +133 -0
  46. data/_sass/bulma/sass/elements/tag.sass +140 -0
  47. data/_sass/bulma/sass/elements/title.sass +72 -0
  48. data/_sass/bulma/sass/form/_all.sass +9 -0
  49. data/_sass/bulma/sass/form/checkbox-radio.sass +24 -0
  50. data/_sass/bulma/sass/form/file.sass +184 -0
  51. data/_sass/bulma/sass/form/input-textarea.sass +68 -0
  52. data/_sass/bulma/sass/form/select.sass +89 -0
  53. data/_sass/bulma/sass/form/shared.sass +60 -0
  54. data/_sass/bulma/sass/form/tools.sass +217 -0
  55. data/_sass/bulma/sass/grid/_all.sass +5 -0
  56. data/_sass/bulma/sass/grid/columns.sass +513 -0
  57. data/_sass/bulma/sass/grid/tiles.sass +36 -0
  58. data/_sass/bulma/sass/helpers/_all.sass +12 -0
  59. data/_sass/bulma/sass/helpers/color.sass +39 -0
  60. data/_sass/bulma/sass/helpers/flexbox.sass +35 -0
  61. data/_sass/bulma/sass/helpers/float.sass +10 -0
  62. data/_sass/bulma/sass/helpers/other.sass +14 -0
  63. data/_sass/bulma/sass/helpers/overflow.sass +2 -0
  64. data/_sass/bulma/sass/helpers/position.sass +7 -0
  65. data/_sass/bulma/sass/helpers/spacing.sass +31 -0
  66. data/_sass/bulma/sass/helpers/typography.sass +100 -0
  67. data/_sass/bulma/sass/helpers/visibility.sass +122 -0
  68. data/_sass/bulma/sass/layout/_all.sass +6 -0
  69. data/_sass/bulma/sass/layout/footer.sass +11 -0
  70. data/_sass/bulma/sass/layout/hero.sass +149 -0
  71. data/_sass/bulma/sass/layout/section.sass +15 -0
  72. data/_sass/bulma/sass/utilities/_all.sass +8 -0
  73. data/_sass/bulma/sass/utilities/animations.sass +1 -0
  74. data/_sass/bulma/sass/utilities/controls.sass +52 -0
  75. data/_sass/bulma/sass/utilities/derived-variables.sass +110 -0
  76. data/_sass/bulma/sass/utilities/functions.sass +115 -0
  77. data/_sass/bulma/sass/utilities/initial-variables.sass +78 -0
  78. data/_sass/bulma/sass/utilities/mixins.sass +285 -0
  79. data/_sass/jekyll-bulma-feather.scss +213 -0
  80. data/assets/feather-sprite.svg +1 -0
  81. data/assets/jekyll-bulma-feather.svg +125 -0
  82. data/assets/style.scss +5 -0
  83. metadata +166 -0
@@ -0,0 +1,36 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $tile-spacing: 0.75rem !default
4
+
5
+ .tile
6
+ align-items: stretch
7
+ display: block
8
+ flex-basis: 0
9
+ flex-grow: 1
10
+ flex-shrink: 1
11
+ min-height: min-content
12
+ // Modifiers
13
+ &.is-ancestor
14
+ margin-left: $tile-spacing * -1
15
+ margin-right: $tile-spacing * -1
16
+ margin-top: $tile-spacing * -1
17
+ &:last-child
18
+ margin-bottom: $tile-spacing * -1
19
+ &:not(:last-child)
20
+ margin-bottom: $tile-spacing
21
+ &.is-child
22
+ margin: 0 !important
23
+ &.is-parent
24
+ padding: $tile-spacing
25
+ &.is-vertical
26
+ flex-direction: column
27
+ & > .tile.is-child:not(:last-child)
28
+ margin-bottom: 1.5rem !important
29
+ // Responsiveness
30
+ +tablet
31
+ &:not(.is-child)
32
+ display: flex
33
+ @for $i from 1 through 12
34
+ &.is-#{$i}
35
+ flex: none
36
+ width: ($i / 12) * 100%
@@ -0,0 +1,12 @@
1
+ /* Bulma Helpers */
2
+ @charset "utf-8"
3
+
4
+ @import "color.sass"
5
+ @import "flexbox.sass"
6
+ @import "float.sass"
7
+ @import "other.sass"
8
+ @import "overflow.sass"
9
+ @import "position.sass"
10
+ @import "spacing.sass"
11
+ @import "typography.sass"
12
+ @import "visibility.sass"
@@ -0,0 +1,39 @@
1
+ @import "../utilities/derived-variables"
2
+
3
+ @each $name, $pair in $colors
4
+ $color: nth($pair, 1)
5
+ .has-text-#{$name}
6
+ color: $color !important
7
+ a.has-text-#{$name}
8
+ &:hover,
9
+ &:focus
10
+ color: bulmaDarken($color, 10%) !important
11
+ .has-background-#{$name}
12
+ background-color: $color !important
13
+ @if length($pair) >= 4
14
+ $color-light: nth($pair, 3)
15
+ $color-dark: nth($pair, 4)
16
+ // Light
17
+ .has-text-#{$name}-light
18
+ color: $color-light !important
19
+ a.has-text-#{$name}-light
20
+ &:hover,
21
+ &:focus
22
+ color: bulmaDarken($color-light, 10%) !important
23
+ .has-background-#{$name}-light
24
+ background-color: $color-light !important
25
+ // Dark
26
+ .has-text-#{$name}-dark
27
+ color: $color-dark !important
28
+ a.has-text-#{$name}-dark
29
+ &:hover,
30
+ &:focus
31
+ color: bulmaLighten($color-dark, 10%) !important
32
+ .has-background-#{$name}-dark
33
+ background-color: $color-dark !important
34
+
35
+ @each $name, $shade in $shades
36
+ .has-text-#{$name}
37
+ color: $shade !important
38
+ .has-background-#{$name}
39
+ background-color: $shade !important
@@ -0,0 +1,35 @@
1
+ $flex-direction-values: row, row-reverse, column, column-reverse
2
+ @each $value in $flex-direction-values
3
+ .is-flex-direction-#{$value}
4
+ flex-direction: $value !important
5
+
6
+ $flex-wrap-values: nowrap, wrap, wrap-reverse
7
+ @each $value in $flex-wrap-values
8
+ .is-flex-wrap-#{$value}
9
+ flex-wrap: $value !important
10
+
11
+ $justify-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, start, end, left, right
12
+ @each $value in $justify-content-values
13
+ .is-justify-content-#{$value}
14
+ justify-content: $value !important
15
+
16
+ $align-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, stretch, start, end, baseline
17
+ @each $value in $align-content-values
18
+ .is-align-content-#{$value}
19
+ align-content: $value !important
20
+
21
+ $align-items-values: stretch, flex-start, flex-end, center, baseline, start, end, self-start, self-end
22
+ @each $value in $align-items-values
23
+ .is-align-items-#{$value}
24
+ align-items: $value !important
25
+
26
+ $align-self-values: auto, flex-start, flex-end, center, baseline, stretch
27
+ @each $value in $align-self-values
28
+ .is-align-self-#{$value}
29
+ align-self: $value !important
30
+
31
+ $flex-operators: grow, shrink
32
+ @each $operator in $flex-operators
33
+ @for $i from 0 through 5
34
+ .is-flex-#{$operator}-#{$i}
35
+ flex-#{$operator}: $i !important
@@ -0,0 +1,10 @@
1
+ @import "../utilities/mixins"
2
+
3
+ .is-clearfix
4
+ +clearfix
5
+
6
+ .is-pulled-left
7
+ float: left !important
8
+
9
+ .is-pulled-right
10
+ float: right !important
@@ -0,0 +1,14 @@
1
+ @import "../utilities/mixins"
2
+
3
+ .is-radiusless
4
+ border-radius: 0 !important
5
+
6
+ .is-shadowless
7
+ box-shadow: none !important
8
+
9
+ .is-clickable
10
+ cursor: pointer !important
11
+ pointer-events: all !important
12
+
13
+ .is-unselectable
14
+ @extend %unselectable
@@ -0,0 +1,2 @@
1
+ .is-clipped
2
+ overflow: hidden !important
@@ -0,0 +1,7 @@
1
+ @import "../utilities/mixins"
2
+
3
+ .is-overlay
4
+ @extend %overlay
5
+
6
+ .is-relative
7
+ position: relative !important
@@ -0,0 +1,31 @@
1
+ .is-marginless
2
+ margin: 0 !important
3
+
4
+ .is-paddingless
5
+ padding: 0 !important
6
+
7
+ $spacing-shortcuts: ("margin": "m", "padding": "p") !default
8
+ $spacing-directions: ("top": "t", "right": "r", "bottom": "b", "left": "l") !default
9
+ $spacing-horizontal: "x" !default
10
+ $spacing-vertical: "y" !default
11
+ $spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5": 1.5rem, "6": 3rem) !default
12
+
13
+ @each $property, $shortcut in $spacing-shortcuts
14
+ @each $name, $value in $spacing-values
15
+ // All directions
16
+ .#{$shortcut}-#{$name}
17
+ #{$property}: $value !important
18
+ // Cardinal directions
19
+ @each $direction, $suffix in $spacing-directions
20
+ .#{$shortcut}#{$suffix}-#{$name}
21
+ #{$property}-#{$direction}: $value !important
22
+ // Horizontal axis
23
+ @if $spacing-horizontal != null
24
+ .#{$shortcut}#{$spacing-horizontal}-#{$name}
25
+ #{$property}-left: $value !important
26
+ #{$property}-right: $value !important
27
+ // Vertical axis
28
+ @if $spacing-vertical != null
29
+ .#{$shortcut}#{$spacing-vertical}-#{$name}
30
+ #{$property}-top: $value !important
31
+ #{$property}-bottom: $value !important
@@ -0,0 +1,100 @@
1
+ @import "../utilities/mixins"
2
+
3
+ =typography-size($target:'')
4
+ @each $size in $sizes
5
+ $i: index($sizes, $size)
6
+ .is-size-#{$i}#{if($target == '', '', '-' + $target)}
7
+ font-size: $size !important
8
+
9
+ +typography-size()
10
+
11
+ +mobile
12
+ +typography-size('mobile')
13
+
14
+ +tablet
15
+ +typography-size('tablet')
16
+
17
+ +touch
18
+ +typography-size('touch')
19
+
20
+ +desktop
21
+ +typography-size('desktop')
22
+
23
+ +widescreen
24
+ +typography-size('widescreen')
25
+
26
+ +fullhd
27
+ +typography-size('fullhd')
28
+
29
+ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
30
+
31
+ @each $alignment, $text-align in $alignments
32
+ .has-text-#{$alignment}
33
+ text-align: #{$text-align} !important
34
+
35
+ @each $alignment, $text-align in $alignments
36
+ +mobile
37
+ .has-text-#{$alignment}-mobile
38
+ text-align: #{$text-align} !important
39
+ +tablet
40
+ .has-text-#{$alignment}-tablet
41
+ text-align: #{$text-align} !important
42
+ +tablet-only
43
+ .has-text-#{$alignment}-tablet-only
44
+ text-align: #{$text-align} !important
45
+ +touch
46
+ .has-text-#{$alignment}-touch
47
+ text-align: #{$text-align} !important
48
+ +desktop
49
+ .has-text-#{$alignment}-desktop
50
+ text-align: #{$text-align} !important
51
+ +desktop-only
52
+ .has-text-#{$alignment}-desktop-only
53
+ text-align: #{$text-align} !important
54
+ +widescreen
55
+ .has-text-#{$alignment}-widescreen
56
+ text-align: #{$text-align} !important
57
+ +widescreen-only
58
+ .has-text-#{$alignment}-widescreen-only
59
+ text-align: #{$text-align} !important
60
+ +fullhd
61
+ .has-text-#{$alignment}-fullhd
62
+ text-align: #{$text-align} !important
63
+
64
+ .is-capitalized
65
+ text-transform: capitalize !important
66
+
67
+ .is-lowercase
68
+ text-transform: lowercase !important
69
+
70
+ .is-uppercase
71
+ text-transform: uppercase !important
72
+
73
+ .is-italic
74
+ font-style: italic !important
75
+
76
+ .has-text-weight-light
77
+ font-weight: $weight-light !important
78
+ .has-text-weight-normal
79
+ font-weight: $weight-normal !important
80
+ .has-text-weight-medium
81
+ font-weight: $weight-medium !important
82
+ .has-text-weight-semibold
83
+ font-weight: $weight-semibold !important
84
+ .has-text-weight-bold
85
+ font-weight: $weight-bold !important
86
+
87
+ .is-family-primary
88
+ font-family: $family-primary !important
89
+
90
+ .is-family-secondary
91
+ font-family: $family-secondary !important
92
+
93
+ .is-family-sans-serif
94
+ font-family: $family-sans-serif !important
95
+
96
+ .is-family-monospace
97
+ font-family: $family-monospace !important
98
+
99
+ .is-family-code
100
+ font-family: $family-code !important
@@ -0,0 +1,122 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
4
+
5
+ @each $display in $displays
6
+ .is-#{$display}
7
+ display: #{$display} !important
8
+ +mobile
9
+ .is-#{$display}-mobile
10
+ display: #{$display} !important
11
+ +tablet
12
+ .is-#{$display}-tablet
13
+ display: #{$display} !important
14
+ +tablet-only
15
+ .is-#{$display}-tablet-only
16
+ display: #{$display} !important
17
+ +touch
18
+ .is-#{$display}-touch
19
+ display: #{$display} !important
20
+ +desktop
21
+ .is-#{$display}-desktop
22
+ display: #{$display} !important
23
+ +desktop-only
24
+ .is-#{$display}-desktop-only
25
+ display: #{$display} !important
26
+ +widescreen
27
+ .is-#{$display}-widescreen
28
+ display: #{$display} !important
29
+ +widescreen-only
30
+ .is-#{$display}-widescreen-only
31
+ display: #{$display} !important
32
+ +fullhd
33
+ .is-#{$display}-fullhd
34
+ display: #{$display} !important
35
+
36
+ .is-hidden
37
+ display: none !important
38
+
39
+ .is-sr-only
40
+ border: none !important
41
+ clip: rect(0, 0, 0, 0) !important
42
+ height: 0.01em !important
43
+ overflow: hidden !important
44
+ padding: 0 !important
45
+ position: absolute !important
46
+ white-space: nowrap !important
47
+ width: 0.01em !important
48
+
49
+ +mobile
50
+ .is-hidden-mobile
51
+ display: none !important
52
+
53
+ +tablet
54
+ .is-hidden-tablet
55
+ display: none !important
56
+
57
+ +tablet-only
58
+ .is-hidden-tablet-only
59
+ display: none !important
60
+
61
+ +touch
62
+ .is-hidden-touch
63
+ display: none !important
64
+
65
+ +desktop
66
+ .is-hidden-desktop
67
+ display: none !important
68
+
69
+ +desktop-only
70
+ .is-hidden-desktop-only
71
+ display: none !important
72
+
73
+ +widescreen
74
+ .is-hidden-widescreen
75
+ display: none !important
76
+
77
+ +widescreen-only
78
+ .is-hidden-widescreen-only
79
+ display: none !important
80
+
81
+ +fullhd
82
+ .is-hidden-fullhd
83
+ display: none !important
84
+
85
+ .is-invisible
86
+ visibility: hidden !important
87
+
88
+ +mobile
89
+ .is-invisible-mobile
90
+ visibility: hidden !important
91
+
92
+ +tablet
93
+ .is-invisible-tablet
94
+ visibility: hidden !important
95
+
96
+ +tablet-only
97
+ .is-invisible-tablet-only
98
+ visibility: hidden !important
99
+
100
+ +touch
101
+ .is-invisible-touch
102
+ visibility: hidden !important
103
+
104
+ +desktop
105
+ .is-invisible-desktop
106
+ visibility: hidden !important
107
+
108
+ +desktop-only
109
+ .is-invisible-desktop-only
110
+ visibility: hidden !important
111
+
112
+ +widescreen
113
+ .is-invisible-widescreen
114
+ visibility: hidden !important
115
+
116
+ +widescreen-only
117
+ .is-invisible-widescreen-only
118
+ visibility: hidden !important
119
+
120
+ +fullhd
121
+ .is-invisible-fullhd
122
+ visibility: hidden !important
@@ -0,0 +1,6 @@
1
+ /* Bulma Layout */
2
+ @charset "utf-8"
3
+
4
+ @import "hero.sass"
5
+ @import "section.sass"
6
+ @import "footer.sass"
@@ -0,0 +1,11 @@
1
+ @import "../utilities/derived-variables"
2
+
3
+ $footer-background-color: $scheme-main-bis !default
4
+ $footer-color: false !default
5
+ $footer-padding: 3rem 1.5rem 6rem !default
6
+
7
+ .footer
8
+ background-color: $footer-background-color
9
+ padding: $footer-padding
10
+ @if $footer-color
11
+ color: $footer-color
@@ -0,0 +1,149 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $hero-body-padding: 3rem 1.5rem !default
4
+ $hero-body-padding-small: 1.5rem !default
5
+ $hero-body-padding-medium: 9rem 1.5rem !default
6
+ $hero-body-padding-large: 18rem 1.5rem !default
7
+
8
+ $hero-colors: $colors !default
9
+
10
+ // Main container
11
+ .hero
12
+ align-items: stretch
13
+ display: flex
14
+ flex-direction: column
15
+ justify-content: space-between
16
+ .navbar
17
+ background: none
18
+ .tabs
19
+ ul
20
+ border-bottom: none
21
+ // Colors
22
+ @each $name, $pair in $hero-colors
23
+ $color: nth($pair, 1)
24
+ $color-invert: nth($pair, 2)
25
+ &.is-#{$name}
26
+ background-color: $color
27
+ color: $color-invert
28
+ a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
29
+ strong
30
+ color: inherit
31
+ .title
32
+ color: $color-invert
33
+ .subtitle
34
+ color: bulmaRgba($color-invert, 0.9)
35
+ a:not(.button),
36
+ strong
37
+ color: $color-invert
38
+ .navbar-menu
39
+ +touch
40
+ background-color: $color
41
+ .navbar-item,
42
+ .navbar-link
43
+ color: bulmaRgba($color-invert, 0.7)
44
+ a.navbar-item,
45
+ .navbar-link
46
+ &:hover,
47
+ &.is-active
48
+ background-color: bulmaDarken($color, 5%)
49
+ color: $color-invert
50
+ .tabs
51
+ a
52
+ color: $color-invert
53
+ opacity: 0.9
54
+ &:hover
55
+ opacity: 1
56
+ li
57
+ &.is-active a
58
+ opacity: 1
59
+ &.is-boxed,
60
+ &.is-toggle
61
+ a
62
+ color: $color-invert
63
+ &:hover
64
+ background-color: bulmaRgba($scheme-invert, 0.1)
65
+ li.is-active a
66
+ &,
67
+ &:hover
68
+ background-color: $color-invert
69
+ border-color: $color-invert
70
+ color: $color
71
+ // Modifiers
72
+ @if type-of($color) == 'color'
73
+ &.is-bold
74
+ $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
75
+ $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
76
+ background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
77
+ +mobile
78
+ .navbar-menu
79
+ background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
80
+ // Sizes
81
+ &.is-small
82
+ .hero-body
83
+ padding: $hero-body-padding-small
84
+ &.is-medium
85
+ +tablet
86
+ .hero-body
87
+ padding: $hero-body-padding-medium
88
+ &.is-large
89
+ +tablet
90
+ .hero-body
91
+ padding: $hero-body-padding-large
92
+ &.is-halfheight,
93
+ &.is-fullheight,
94
+ &.is-fullheight-with-navbar
95
+ .hero-body
96
+ align-items: center
97
+ display: flex
98
+ & > .container
99
+ flex-grow: 1
100
+ flex-shrink: 1
101
+ &.is-halfheight
102
+ min-height: 50vh
103
+ &.is-fullheight
104
+ min-height: 100vh
105
+
106
+ // Components
107
+
108
+ .hero-video
109
+ @extend %overlay
110
+ overflow: hidden
111
+ video
112
+ left: 50%
113
+ min-height: 100%
114
+ min-width: 100%
115
+ position: absolute
116
+ top: 50%
117
+ transform: translate3d(-50%, -50%, 0)
118
+ // Modifiers
119
+ &.is-transparent
120
+ opacity: 0.3
121
+ // Responsiveness
122
+ +mobile
123
+ display: none
124
+
125
+ .hero-buttons
126
+ margin-top: 1.5rem
127
+ // Responsiveness
128
+ +mobile
129
+ .button
130
+ display: flex
131
+ &:not(:last-child)
132
+ margin-bottom: 0.75rem
133
+ +tablet
134
+ display: flex
135
+ justify-content: center
136
+ .button:not(:last-child)
137
+ +ltr-property("margin", 1.5rem)
138
+
139
+ // Containers
140
+
141
+ .hero-head,
142
+ .hero-foot
143
+ flex-grow: 0
144
+ flex-shrink: 0
145
+
146
+ .hero-body
147
+ flex-grow: 1
148
+ flex-shrink: 0
149
+ padding: $hero-body-padding