bulma-clean-theme 0.7.1 → 0.9.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (148) hide show
  1. checksums.yaml +5 -5
  2. data/README.md +44 -2
  3. data/_includes/callouts.html +5 -1
  4. data/_includes/footer.html +1 -1
  5. data/_includes/gallery.html +27 -0
  6. data/_includes/head.html +5 -2
  7. data/_includes/header.html +3 -3
  8. data/_includes/hero.html +2 -2
  9. data/_includes/menubar.html +2 -2
  10. data/_includes/pagination.html +2 -2
  11. data/_includes/share-buttons.html +19 -0
  12. data/_includes/showcase.html +1 -1
  13. data/_includes/tabs.html +1 -1
  14. data/_includes/youtube.html +8 -0
  15. data/_layouts/default.html +1 -0
  16. data/_layouts/post.html +4 -0
  17. data/_layouts/product-category.html +1 -1
  18. data/_posts/2020-05-08-creating-a-docs-site-with-bulma-clean-theme.markdown +96 -0
  19. data/node_modules/bulma-block-list/README.md +12 -0
  20. data/node_modules/bulma-block-list/docs/Gemfile +3 -0
  21. data/node_modules/bulma-block-list/docs/_config.yml +15 -0
  22. data/node_modules/bulma-block-list/docs/_data/menu.yaml +20 -0
  23. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +92 -0
  24. data/node_modules/bulma-block-list/docs/_sass/_main.scss +20 -0
  25. data/node_modules/bulma-block-list/docs/assets/css/app.scss +7 -0
  26. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  27. data/node_modules/bulma-block-list/docs/index.html +250 -232
  28. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -0
  29. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -0
  30. data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -0
  31. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -0
  32. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10855 -0
  33. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +1 -0
  34. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +1 -0
  35. data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -0
  36. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -0
  37. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -0
  38. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -0
  39. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -0
  40. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -0
  41. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
  42. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -0
  43. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -0
  44. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -0
  45. data/node_modules/{bulma → bulma-block-list/node_modules/bulma}/sass/components/list.sass +0 -0
  46. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -0
  47. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -0
  48. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -0
  49. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -0
  50. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -0
  51. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -0
  52. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -0
  53. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -0
  54. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -0
  55. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -0
  56. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -0
  57. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -0
  58. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -0
  59. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -0
  60. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -0
  61. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -0
  62. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -0
  63. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -0
  64. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -0
  65. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -0
  66. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -0
  67. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -0
  68. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -0
  69. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
  70. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -0
  71. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -0
  72. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -0
  73. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -0
  74. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -0
  75. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -0
  76. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -0
  77. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -0
  78. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -0
  79. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -0
  80. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -0
  81. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -0
  82. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -0
  83. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -0
  84. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -0
  85. data/node_modules/{bulma → bulma-block-list/node_modules/bulma}/sass/utilities/derived-variables.sass +0 -0
  86. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -0
  87. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -0
  88. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -0
  89. data/node_modules/bulma-block-list/package.json +10 -10
  90. data/node_modules/bulma-block-list/src/block-list.scss +55 -42
  91. data/node_modules/bulma-block-list/src/demo.scss +1 -1
  92. data/node_modules/bulma/CHANGELOG.md +89 -1
  93. data/node_modules/bulma/LICENSE +1 -1
  94. data/node_modules/bulma/README.md +12 -8
  95. data/node_modules/bulma/bulma.sass +2 -1
  96. data/node_modules/bulma/css/bulma-rtl.css +11331 -0
  97. data/node_modules/bulma/css/bulma-rtl.css.map +1 -0
  98. data/node_modules/bulma/css/bulma-rtl.min.css +1 -0
  99. data/node_modules/bulma/css/bulma.css +6815 -6316
  100. data/node_modules/bulma/css/bulma.css.map +1 -1
  101. data/node_modules/bulma/css/bulma.min.css +1 -1
  102. data/node_modules/bulma/package.json +24 -23
  103. data/node_modules/bulma/sass/base/_all.sass +0 -1
  104. data/node_modules/bulma/sass/base/generic.sass +1 -1
  105. data/node_modules/bulma/sass/base/helpers.sass +1 -281
  106. data/node_modules/bulma/sass/base/minireset.sass +1 -1
  107. data/node_modules/bulma/sass/components/_all.sass +0 -1
  108. data/node_modules/bulma/sass/components/breadcrumb.sass +3 -3
  109. data/node_modules/bulma/sass/components/card.sass +1 -1
  110. data/node_modules/bulma/sass/components/dropdown.sass +3 -3
  111. data/node_modules/bulma/sass/components/level.sass +2 -2
  112. data/node_modules/bulma/sass/components/media.sass +11 -9
  113. data/node_modules/bulma/sass/components/menu.sass +2 -2
  114. data/node_modules/bulma/sass/components/message.sass +1 -1
  115. data/node_modules/bulma/sass/components/modal.sass +3 -3
  116. data/node_modules/bulma/sass/components/navbar.sass +18 -20
  117. data/node_modules/bulma/sass/components/panel.sass +4 -3
  118. data/node_modules/bulma/sass/components/tabs.sass +35 -12
  119. data/node_modules/bulma/sass/elements/button.sass +17 -16
  120. data/node_modules/bulma/sass/elements/content.sass +5 -5
  121. data/node_modules/bulma/sass/elements/notification.sass +14 -2
  122. data/node_modules/bulma/sass/elements/table.sass +3 -1
  123. data/node_modules/bulma/sass/elements/tag.sass +24 -16
  124. data/node_modules/bulma/sass/form/checkbox-radio.sass +1 -1
  125. data/node_modules/bulma/sass/form/file.sass +9 -9
  126. data/node_modules/bulma/sass/form/input-textarea.sass +1 -1
  127. data/node_modules/bulma/sass/form/select.sass +6 -6
  128. data/node_modules/bulma/sass/form/shared.sass +3 -3
  129. data/node_modules/bulma/sass/form/tools.sass +18 -10
  130. data/node_modules/bulma/sass/helpers/_all.sass +10 -0
  131. data/node_modules/bulma/sass/helpers/color.sass +37 -0
  132. data/node_modules/bulma/sass/helpers/float.sass +8 -0
  133. data/node_modules/bulma/sass/helpers/other.sass +8 -0
  134. data/node_modules/bulma/sass/helpers/overflow.sass +2 -0
  135. data/node_modules/bulma/sass/helpers/position.sass +5 -0
  136. data/node_modules/bulma/sass/helpers/spacing.sass +28 -0
  137. data/node_modules/bulma/sass/helpers/typography.sass +98 -0
  138. data/node_modules/bulma/sass/helpers/visibility.sass +122 -0
  139. data/node_modules/bulma/sass/layout/hero.sass +22 -20
  140. data/node_modules/bulma/sass/utilities/_all.sass +1 -1
  141. data/node_modules/bulma/sass/utilities/derived-variables.scss +132 -0
  142. data/node_modules/bulma/sass/utilities/functions.sass +17 -0
  143. data/node_modules/bulma/sass/utilities/initial-variables.sass +1 -0
  144. data/node_modules/bulma/sass/utilities/mixins.sass +28 -4
  145. data/package-lock.json +13 -6
  146. data/package.json +2 -2
  147. metadata +88 -7
  148. data/node_modules/bulma-block-list/docs/demo.css +0 -7212
@@ -0,0 +1,8 @@
1
+ .is-radiusless
2
+ border-radius: 0 !important
3
+
4
+ .is-shadowless
5
+ box-shadow: none !important
6
+
7
+ .is-unselectable
8
+ @extend %unselectable
@@ -0,0 +1,2 @@
1
+ .is-clipped
2
+ overflow: hidden !important
@@ -0,0 +1,5 @@
1
+ .is-overlay
2
+ @extend %overlay
3
+
4
+ .is-relative
5
+ position: relative !important
@@ -0,0 +1,28 @@
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
+ // Cardinal directions
16
+ @each $direction, $suffix in $spacing-directions
17
+ .#{$shortcut}#{$suffix}-#{$name}
18
+ #{$property}-#{$direction}: $value !important
19
+ // Horizontal axis
20
+ @if $spacing-horizontal != null
21
+ .#{$shortcut}#{$spacing-horizontal}-#{$name}
22
+ #{$property}-left: $value !important
23
+ #{$property}-right: $value !important
24
+ // Vertical axis
25
+ @if $spacing-vertical != null
26
+ .#{$shortcut}#{$spacing-vertical}-#{$name}
27
+ #{$property}-top: $value !important
28
+ #{$property}-bottom: $value !important
@@ -0,0 +1,98 @@
1
+ =typography-size($target:'')
2
+ @each $size in $sizes
3
+ $i: index($sizes, $size)
4
+ .is-size-#{$i}#{if($target == '', '', '-' + $target)}
5
+ font-size: $size !important
6
+
7
+ +typography-size()
8
+
9
+ +mobile
10
+ +typography-size('mobile')
11
+
12
+ +tablet
13
+ +typography-size('tablet')
14
+
15
+ +touch
16
+ +typography-size('touch')
17
+
18
+ +desktop
19
+ +typography-size('desktop')
20
+
21
+ +widescreen
22
+ +typography-size('widescreen')
23
+
24
+ +fullhd
25
+ +typography-size('fullhd')
26
+
27
+ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
28
+
29
+ @each $alignment, $text-align in $alignments
30
+ .has-text-#{$alignment}
31
+ text-align: #{$text-align} !important
32
+
33
+ @each $alignment, $text-align in $alignments
34
+ +mobile
35
+ .has-text-#{$alignment}-mobile
36
+ text-align: #{$text-align} !important
37
+ +tablet
38
+ .has-text-#{$alignment}-tablet
39
+ text-align: #{$text-align} !important
40
+ +tablet-only
41
+ .has-text-#{$alignment}-tablet-only
42
+ text-align: #{$text-align} !important
43
+ +touch
44
+ .has-text-#{$alignment}-touch
45
+ text-align: #{$text-align} !important
46
+ +desktop
47
+ .has-text-#{$alignment}-desktop
48
+ text-align: #{$text-align} !important
49
+ +desktop-only
50
+ .has-text-#{$alignment}-desktop-only
51
+ text-align: #{$text-align} !important
52
+ +widescreen
53
+ .has-text-#{$alignment}-widescreen
54
+ text-align: #{$text-align} !important
55
+ +widescreen-only
56
+ .has-text-#{$alignment}-widescreen-only
57
+ text-align: #{$text-align} !important
58
+ +fullhd
59
+ .has-text-#{$alignment}-fullhd
60
+ text-align: #{$text-align} !important
61
+
62
+ .is-capitalized
63
+ text-transform: capitalize !important
64
+
65
+ .is-lowercase
66
+ text-transform: lowercase !important
67
+
68
+ .is-uppercase
69
+ text-transform: uppercase !important
70
+
71
+ .is-italic
72
+ font-style: italic !important
73
+
74
+ .has-text-weight-light
75
+ font-weight: $weight-light !important
76
+ .has-text-weight-normal
77
+ font-weight: $weight-normal !important
78
+ .has-text-weight-medium
79
+ font-weight: $weight-medium !important
80
+ .has-text-weight-semibold
81
+ font-weight: $weight-semibold !important
82
+ .has-text-weight-bold
83
+ font-weight: $weight-bold !important
84
+
85
+ .is-family-primary
86
+ font-family: $family-primary !important
87
+
88
+ .is-family-secondary
89
+ font-family: $family-secondary !important
90
+
91
+ .is-family-sans-serif
92
+ font-family: $family-sans-serif !important
93
+
94
+ .is-family-monospace
95
+ font-family: $family-monospace !important
96
+
97
+ .is-family-code
98
+ font-family: $family-code !important
@@ -0,0 +1,122 @@
1
+
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
@@ -1,5 +1,9 @@
1
- // Main container
1
+ $hero-body-padding: 3rem 1.5rem !default
2
+ $hero-body-padding-small: 1.5rem !default
3
+ $hero-body-padding-medium: 9rem 1.5rem !default
4
+ $hero-body-padding-large: 18rem 1.5rem !default
2
5
 
6
+ // Main container
3
7
  .hero
4
8
  align-items: stretch
5
9
  display: flex
@@ -23,7 +27,7 @@
23
27
  .title
24
28
  color: $color-invert
25
29
  .subtitle
26
- color: rgba($color-invert, 0.9)
30
+ color: bulmaRgba($color-invert, 0.9)
27
31
  a:not(.button),
28
32
  strong
29
33
  color: $color-invert
@@ -32,12 +36,12 @@
32
36
  background-color: $color
33
37
  .navbar-item,
34
38
  .navbar-link
35
- color: rgba($color-invert, 0.7)
39
+ color: bulmaRgba($color-invert, 0.7)
36
40
  a.navbar-item,
37
41
  .navbar-link
38
42
  &:hover,
39
43
  &.is-active
40
- background-color: darken($color, 5%)
44
+ background-color: bulmaDarken($color, 5%)
41
45
  color: $color-invert
42
46
  .tabs
43
47
  a
@@ -53,7 +57,7 @@
53
57
  a
54
58
  color: $color-invert
55
59
  &:hover
56
- background-color: rgba($scheme-invert, 0.1)
60
+ background-color: bulmaRgba($scheme-invert, 0.1)
57
61
  li.is-active a
58
62
  &,
59
63
  &:hover
@@ -61,28 +65,26 @@
61
65
  border-color: $color-invert
62
66
  color: $color
63
67
  // Modifiers
64
- &.is-bold
65
- $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
66
- $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
67
- background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
68
- +mobile
69
- .navbar-menu
70
- background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
68
+ @if type-of($color) == 'color'
69
+ &.is-bold
70
+ $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
71
+ $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
72
+ background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
73
+ +mobile
74
+ .navbar-menu
75
+ background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
71
76
  // Sizes
72
77
  &.is-small
73
78
  .hero-body
74
- padding-bottom: 1.5rem
75
- padding-top: 1.5rem
79
+ padding: $hero-body-padding-small
76
80
  &.is-medium
77
81
  +tablet
78
82
  .hero-body
79
- padding-bottom: 9rem
80
- padding-top: 9rem
83
+ padding: $hero-body-padding-medium
81
84
  &.is-large
82
85
  +tablet
83
86
  .hero-body
84
- padding-bottom: 18rem
85
- padding-top: 18rem
87
+ padding: $hero-body-padding-large
86
88
  &.is-halfheight,
87
89
  &.is-fullheight,
88
90
  &.is-fullheight-with-navbar
@@ -128,7 +130,7 @@
128
130
  display: flex
129
131
  justify-content: center
130
132
  .button:not(:last-child)
131
- margin-right: 1.5rem
133
+ +ltr-property("margin", 1.5rem)
132
134
 
133
135
  // Containers
134
136
 
@@ -140,4 +142,4 @@
140
142
  .hero-body
141
143
  flex-grow: 1
142
144
  flex-shrink: 0
143
- padding: 3rem 1.5rem
145
+ padding: $hero-body-padding
@@ -2,7 +2,7 @@
2
2
 
3
3
  @import "initial-variables.sass"
4
4
  @import "functions.sass"
5
- @import "derived-variables.sass"
5
+ @import "derived-variables.scss"
6
6
  @import "animations.sass"
7
7
  @import "mixins.sass"
8
8
  @import "controls.sass"
@@ -0,0 +1,132 @@
1
+ $primary: $turquoise !default;
2
+
3
+ $info : $cyan !default;
4
+ $success: $green !default;
5
+ $warning: $yellow !default;
6
+ $danger : $red !default;
7
+
8
+ $light : $white-ter !default;
9
+ $dark : $grey-darker !default;
10
+
11
+ // Invert colors
12
+
13
+ $orange-invert : findColorInvert($orange) !default;
14
+ $yellow-invert : findColorInvert($yellow) !default;
15
+ $green-invert : findColorInvert($green) !default;
16
+ $turquoise-invert: findColorInvert($turquoise) !default;
17
+ $cyan-invert : findColorInvert($cyan) !default;
18
+ $blue-invert : findColorInvert($blue) !default;
19
+ $purple-invert : findColorInvert($purple) !default;
20
+ $red-invert : findColorInvert($red) !default;
21
+
22
+ $primary-invert : findColorInvert($primary) !default;
23
+ $primary-light : findLightColor($primary) !default;
24
+ $primary-dark : findDarkColor($primary) !default;
25
+ $info-invert : findColorInvert($info) !default;
26
+ $info-light : findLightColor($info) !default;
27
+ $info-dark : findDarkColor($info) !default;
28
+ $success-invert : findColorInvert($success) !default;
29
+ $success-light : findLightColor($success) !default;
30
+ $success-dark : findDarkColor($success) !default;
31
+ $warning-invert : findColorInvert($warning) !default;
32
+ $warning-light : findLightColor($warning) !default;
33
+ $warning-dark : findDarkColor($warning) !default;
34
+ $danger-invert : findColorInvert($danger) !default;
35
+ $danger-light : findLightColor($danger) !default;
36
+ $danger-dark : findDarkColor($danger) !default;
37
+ $light-invert : findColorInvert($light) !default;
38
+ $dark-invert : findColorInvert($dark) !default;
39
+
40
+ // General colors
41
+
42
+ $scheme-main : $white !default;
43
+ $scheme-main-bis : $white-bis !default;
44
+ $scheme-main-ter : $white-ter !default;
45
+ $scheme-invert : $black !default;
46
+ $scheme-invert-bis : $black-bis !default;
47
+ $scheme-invert-ter : $black-ter !default;
48
+
49
+ $background : $white-ter !default;
50
+
51
+ $border : $grey-lighter !default;
52
+ $border-hover : $grey-light !default;
53
+ $border-light : $grey-lightest !default;
54
+ $border-light-hover: $grey-light !default;
55
+
56
+ // Text colors
57
+
58
+ $text : $grey-dark !default;
59
+ $text-invert: findColorInvert($text) !default;
60
+ $text-light : $grey !default;
61
+ $text-strong: $grey-darker !default;
62
+
63
+ // Code colors
64
+
65
+ $code : $red !default;
66
+ $code-background: $background !default;
67
+
68
+ $pre : $text !default;
69
+ $pre-background : $background !default;
70
+
71
+ // Link colors
72
+
73
+ $link : $blue !default;
74
+ $link-invert : findColorInvert($link) !default;
75
+ $link-light : findLightColor($link) !default;
76
+ $link-dark : findDarkColor($link) !default;
77
+ $link-visited : $purple !default;
78
+
79
+ $link-hover : $grey-darker !default;
80
+ $link-hover-border : $grey-light !default;
81
+
82
+ $link-focus : $grey-darker !default;
83
+ $link-focus-border : $blue !default;
84
+
85
+ $link-active : $grey-darker !default;
86
+ $link-active-border: $grey-dark !default;
87
+
88
+ // Typography
89
+
90
+ $family-primary : $family-sans-serif !default;
91
+ $family-secondary: $family-sans-serif !default;
92
+ $family-code : $family-monospace !default;
93
+
94
+ $size-small : $size-7 !default;
95
+ $size-normal: $size-6 !default;
96
+ $size-medium: $size-5 !default;
97
+ $size-large : $size-4 !default;
98
+
99
+ // Lists and maps
100
+ $custom-colors: null !default;
101
+ $custom-shades: null !default;
102
+
103
+ $colors: mergeColorMaps(
104
+ (
105
+ "white" : ($white, $black),
106
+ "black" : ($black, $white),
107
+ "light" : ($light, $light-invert),
108
+ "dark" : ($dark, $dark-invert),
109
+ "primary": ($primary, $primary-invert, $primary-light, $primary-dark),
110
+ "link" : ($link, $link-invert, $link-light, $link-dark),
111
+ "info" : ($info, $info-invert, $info-light, $info-dark),
112
+ "success": ($success, $success-invert, $success-light, $success-dark),
113
+ "warning": ($warning, $warning-invert, $warning-light, $warning-dark),
114
+ "danger" : ($danger, $danger-invert, $danger-light, $danger-dark)),
115
+ $custom-colors
116
+ ) !default;
117
+
118
+ $shades: mergeColorMaps(
119
+ (
120
+ "black-bis" : $black-bis,
121
+ "black-ter" : $black-ter,
122
+ "grey-darker" : $grey-darker,
123
+ "grey-dark" : $grey-dark,
124
+ "grey" : $grey,
125
+ "grey-light" : $grey-light,
126
+ "grey-lighter": $grey-lighter,
127
+ "white-ter" : $white-ter,
128
+ "white-bis" : $white-bis),
129
+ $custom-shades
130
+ ) !default;
131
+
132
+ $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default;