bulma-clean-theme 0.11 → 0.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (150) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +10 -634
  3. data/_includes/head.html +1 -1
  4. data/_includes/header.html +1 -1
  5. data/_includes/image-modal.html +1 -1
  6. data/_includes/notification.html +2 -2
  7. data/_includes/series.html +32 -0
  8. data/_layouts/default.html +2 -2
  9. data/_layouts/post.html +4 -0
  10. data/_layouts/recipe.html +22 -0
  11. data/_posts/2021-10-30-creating-a-post-series.md +59 -0
  12. data/node_modules/.package-lock.json +21 -0
  13. data/node_modules/bulma/CHANGELOG.md +521 -448
  14. data/node_modules/bulma/README.md +5 -2
  15. data/node_modules/bulma/bulma.sass +1 -1
  16. data/node_modules/bulma/css/bulma-rtl.css +778 -591
  17. data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
  18. data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
  19. data/node_modules/bulma/css/bulma.css +621 -434
  20. data/node_modules/bulma/css/bulma.css.map +1 -1
  21. data/node_modules/bulma/css/bulma.min.css +1 -1
  22. data/node_modules/bulma/package.json +28 -54
  23. data/node_modules/bulma/sass/base/_all.sass +3 -2
  24. data/node_modules/{bulma-block-list/node_modules/bulma/sass/utilities → bulma/sass/base}/animations.sass +0 -0
  25. data/node_modules/bulma/sass/base/generic.sass +2 -0
  26. data/node_modules/bulma/sass/components/_all.sass +12 -12
  27. data/node_modules/bulma/sass/components/breadcrumb.sass +2 -0
  28. data/node_modules/bulma/sass/components/card.sass +23 -3
  29. data/node_modules/bulma/sass/components/dropdown.sass +3 -1
  30. data/node_modules/bulma/sass/components/level.sass +3 -1
  31. data/node_modules/bulma/sass/components/media.sass +16 -9
  32. data/node_modules/bulma/sass/components/menu.sass +2 -0
  33. data/node_modules/bulma/sass/components/message.sass +2 -0
  34. data/node_modules/bulma/sass/components/modal.sass +2 -0
  35. data/node_modules/bulma/sass/components/navbar.sass +3 -0
  36. data/node_modules/bulma/sass/components/pagination.sass +19 -3
  37. data/node_modules/bulma/sass/components/panel.sass +3 -1
  38. data/node_modules/bulma/sass/components/tabs.sass +2 -0
  39. data/node_modules/bulma/sass/elements/_all.sass +12 -12
  40. data/node_modules/bulma/sass/elements/box.sass +3 -1
  41. data/node_modules/bulma/sass/elements/button.sass +27 -7
  42. data/node_modules/bulma/sass/elements/container.sass +2 -0
  43. data/node_modules/bulma/sass/elements/content.sass +4 -0
  44. data/node_modules/bulma/sass/elements/icon.sass +25 -0
  45. data/node_modules/bulma/sass/elements/image.sass +2 -0
  46. data/node_modules/bulma/sass/elements/notification.sass +2 -0
  47. data/node_modules/bulma/sass/elements/other.sass +2 -10
  48. data/node_modules/bulma/sass/elements/progress.sass +2 -0
  49. data/node_modules/bulma/sass/elements/table.sass +2 -0
  50. data/node_modules/bulma/sass/elements/tag.sass +2 -0
  51. data/node_modules/bulma/sass/elements/title.sass +2 -2
  52. data/node_modules/bulma/sass/form/_all.sass +6 -6
  53. data/node_modules/bulma/sass/form/file.sass +2 -0
  54. data/node_modules/bulma/sass/form/shared.sass +3 -0
  55. data/node_modules/bulma/sass/grid/_all.sass +2 -2
  56. data/node_modules/bulma/sass/grid/columns.sass +93 -84
  57. data/node_modules/bulma/sass/grid/tiles.sass +3 -1
  58. data/node_modules/bulma/sass/helpers/_all.sass +9 -9
  59. data/node_modules/bulma/sass/helpers/color.sass +2 -0
  60. data/node_modules/bulma/sass/helpers/float.sass +2 -0
  61. data/node_modules/bulma/sass/helpers/other.sass +3 -0
  62. data/node_modules/bulma/sass/helpers/position.sass +2 -0
  63. data/node_modules/bulma/sass/helpers/spacing.sass +1 -1
  64. data/node_modules/bulma/sass/helpers/typography.sass +5 -0
  65. data/node_modules/bulma/sass/helpers/visibility.sass +1 -1
  66. data/node_modules/bulma/sass/layout/_all.sass +3 -3
  67. data/node_modules/bulma/sass/layout/footer.sass +2 -0
  68. data/node_modules/bulma/sass/layout/hero.sass +8 -2
  69. data/node_modules/bulma/sass/layout/section.sass +6 -2
  70. data/node_modules/bulma/sass/utilities/_all.sass +6 -6
  71. data/node_modules/bulma/sass/utilities/animations.sass +1 -5
  72. data/node_modules/bulma/sass/utilities/controls.sass +2 -3
  73. data/node_modules/bulma/sass/utilities/derived-variables.sass +7 -0
  74. data/node_modules/bulma/sass/utilities/extends.sass +25 -0
  75. data/node_modules/bulma/sass/utilities/functions.sass +25 -4
  76. data/node_modules/bulma/sass/utilities/initial-variables.sass +5 -5
  77. data/node_modules/bulma/sass/utilities/mixins.sass +18 -23
  78. data/node_modules/bulma-block-list/.editorconfig +15 -0
  79. data/node_modules/bulma-block-list/.github/FUNDING.yml +12 -0
  80. data/node_modules/bulma-block-list/changelog.txt +20 -0
  81. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  82. data/node_modules/bulma-block-list/docs/_config.yml +2 -0
  83. data/node_modules/bulma-block-list/docs/_data/menu.yaml +5 -1
  84. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +30 -2
  85. data/node_modules/bulma-block-list/docs/index.html +106 -7
  86. data/node_modules/bulma-block-list/package.json +10 -44
  87. data/node_modules/bulma-block-list/src/block-list.scss +30 -2
  88. data/package-lock.json +32 -15
  89. data/package.json +2 -2
  90. metadata +20 -67
  91. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +0 -1390
  92. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +0 -21
  93. data/node_modules/bulma-block-list/node_modules/bulma/README.md +0 -130
  94. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +0 -9
  95. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +0 -10855
  96. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +0 -1
  97. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +0 -1
  98. data/node_modules/bulma-block-list/node_modules/bulma/package.json +0 -77
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +0 -5
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +0 -142
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +0 -281
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +0 -79
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +0 -15
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +0 -75
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +0 -79
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +0 -81
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +0 -77
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +0 -39
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +0 -50
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +0 -57
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +0 -99
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +0 -113
  113. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +0 -441
  114. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +0 -150
  115. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +0 -119
  116. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +0 -151
  117. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +0 -15
  118. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +0 -24
  119. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +0 -323
  120. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +0 -24
  121. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +0 -155
  122. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +0 -1
  123. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +0 -21
  124. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +0 -71
  125. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +0 -43
  126. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +0 -39
  127. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +0 -67
  128. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +0 -127
  129. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +0 -128
  130. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +0 -70
  131. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +0 -8
  132. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +0 -21
  133. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +0 -180
  134. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +0 -64
  135. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +0 -85
  136. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +0 -55
  137. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +0 -205
  138. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +0 -4
  139. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +0 -504
  140. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +0 -34
  141. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +0 -5
  142. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +0 -9
  143. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +0 -145
  144. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +0 -13
  145. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +0 -8
  146. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +0 -50
  147. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +0 -106
  148. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +0 -110
  149. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +0 -77
  150. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +0 -261
@@ -1,151 +0,0 @@
1
- $tabs-border-bottom-color: $border !default
2
- $tabs-border-bottom-style: solid !default
3
- $tabs-border-bottom-width: 1px !default
4
- $tabs-link-color: $text !default
5
- $tabs-link-hover-border-bottom-color: $text-strong !default
6
- $tabs-link-hover-color: $text-strong !default
7
- $tabs-link-active-border-bottom-color: $link !default
8
- $tabs-link-active-color: $link !default
9
- $tabs-link-padding: 0.5em 1em !default
10
-
11
- $tabs-boxed-link-radius: $radius !default
12
- $tabs-boxed-link-hover-background-color: $background !default
13
- $tabs-boxed-link-hover-border-bottom-color: $border !default
14
-
15
- $tabs-boxed-link-active-background-color: $scheme-main !default
16
- $tabs-boxed-link-active-border-color: $border !default
17
- $tabs-boxed-link-active-border-bottom-color: transparent !default
18
-
19
- $tabs-toggle-link-border-color: $border !default
20
- $tabs-toggle-link-border-style: solid !default
21
- $tabs-toggle-link-border-width: 1px !default
22
- $tabs-toggle-link-hover-background-color: $background !default
23
- $tabs-toggle-link-hover-border-color: $border-hover !default
24
- $tabs-toggle-link-radius: $radius !default
25
- $tabs-toggle-link-active-background-color: $link !default
26
- $tabs-toggle-link-active-border-color: $link !default
27
- $tabs-toggle-link-active-color: $link-invert !default
28
-
29
- .tabs
30
- @extend %block
31
- +overflow-touch
32
- @extend %unselectable
33
- align-items: stretch
34
- display: flex
35
- font-size: $size-normal
36
- justify-content: space-between
37
- overflow: hidden
38
- overflow-x: auto
39
- white-space: nowrap
40
- a
41
- align-items: center
42
- border-bottom-color: $tabs-border-bottom-color
43
- border-bottom-style: $tabs-border-bottom-style
44
- border-bottom-width: $tabs-border-bottom-width
45
- color: $tabs-link-color
46
- display: flex
47
- justify-content: center
48
- margin-bottom: -#{$tabs-border-bottom-width}
49
- padding: $tabs-link-padding
50
- vertical-align: top
51
- &:hover
52
- border-bottom-color: $tabs-link-hover-border-bottom-color
53
- color: $tabs-link-hover-color
54
- li
55
- display: block
56
- &.is-active
57
- a
58
- border-bottom-color: $tabs-link-active-border-bottom-color
59
- color: $tabs-link-active-color
60
- ul
61
- align-items: center
62
- border-bottom-color: $tabs-border-bottom-color
63
- border-bottom-style: $tabs-border-bottom-style
64
- border-bottom-width: $tabs-border-bottom-width
65
- display: flex
66
- flex-grow: 1
67
- flex-shrink: 0
68
- justify-content: flex-start
69
- &.is-left
70
- padding-right: 0.75em
71
- &.is-center
72
- flex: none
73
- justify-content: center
74
- padding-left: 0.75em
75
- padding-right: 0.75em
76
- &.is-right
77
- justify-content: flex-end
78
- padding-left: 0.75em
79
- .icon
80
- &:first-child
81
- margin-right: 0.5em
82
- &:last-child
83
- margin-left: 0.5em
84
- // Alignment
85
- &.is-centered
86
- ul
87
- justify-content: center
88
- &.is-right
89
- ul
90
- justify-content: flex-end
91
- // Styles
92
- &.is-boxed
93
- a
94
- border: 1px solid transparent
95
- border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
96
- &:hover
97
- background-color: $tabs-boxed-link-hover-background-color
98
- border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
99
- li
100
- &.is-active
101
- a
102
- background-color: $tabs-boxed-link-active-background-color
103
- border-color: $tabs-boxed-link-active-border-color
104
- border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
105
- &.is-fullwidth
106
- li
107
- flex-grow: 1
108
- flex-shrink: 0
109
- &.is-toggle
110
- a
111
- border-color: $tabs-toggle-link-border-color
112
- border-style: $tabs-toggle-link-border-style
113
- border-width: $tabs-toggle-link-border-width
114
- margin-bottom: 0
115
- position: relative
116
- &:hover
117
- background-color: $tabs-toggle-link-hover-background-color
118
- border-color: $tabs-toggle-link-hover-border-color
119
- z-index: 2
120
- li
121
- & + li
122
- margin-left: -#{$tabs-toggle-link-border-width}
123
- &:first-child a
124
- border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
125
- &:last-child a
126
- border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
127
- &.is-active
128
- a
129
- background-color: $tabs-toggle-link-active-background-color
130
- border-color: $tabs-toggle-link-active-border-color
131
- color: $tabs-toggle-link-active-color
132
- z-index: 1
133
- ul
134
- border-bottom: none
135
- &.is-toggle-rounded
136
- li
137
- &:first-child a
138
- border-bottom-left-radius: $radius-rounded
139
- border-top-left-radius: $radius-rounded
140
- padding-left: 1.25em
141
- &:last-child a
142
- border-bottom-right-radius: $radius-rounded
143
- border-top-right-radius: $radius-rounded
144
- padding-right: 1.25em
145
- // Sizes
146
- &.is-small
147
- font-size: $size-small
148
- &.is-medium
149
- font-size: $size-medium
150
- &.is-large
151
- font-size: $size-large
@@ -1,15 +0,0 @@
1
- @charset "utf-8"
2
-
3
- @import "box.sass"
4
- @import "button.sass"
5
- @import "container.sass"
6
- @import "content.sass"
7
- @import "icon.sass"
8
- @import "image.sass"
9
- @import "notification.sass"
10
- @import "progress.sass"
11
- @import "table.sass"
12
- @import "tag.sass"
13
- @import "title.sass"
14
-
15
- @import "other.sass"
@@ -1,24 +0,0 @@
1
- $box-color: $text !default
2
- $box-background-color: $scheme-main !default
3
- $box-radius: $radius-large !default
4
- $box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
5
- $box-padding: 1.25rem !default
6
-
7
- $box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
8
- $box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
9
-
10
- .box
11
- @extend %block
12
- background-color: $box-background-color
13
- border-radius: $box-radius
14
- box-shadow: $box-shadow
15
- color: $box-color
16
- display: block
17
- padding: $box-padding
18
-
19
- a.box
20
- &:hover,
21
- &:focus
22
- box-shadow: $box-link-hover-shadow
23
- &:active
24
- box-shadow: $box-link-active-shadow
@@ -1,323 +0,0 @@
1
- $button-color: $text-strong !default
2
- $button-background-color: $scheme-main !default
3
- $button-family: false !default
4
-
5
- $button-border-color: $border !default
6
- $button-border-width: $control-border-width !default
7
-
8
- $button-padding-vertical: calc(0.5em - #{$button-border-width}) !default
9
- $button-padding-horizontal: 1em !default
10
-
11
- $button-hover-color: $link-hover !default
12
- $button-hover-border-color: $link-hover-border !default
13
-
14
- $button-focus-color: $link-focus !default
15
- $button-focus-border-color: $link-focus-border !default
16
- $button-focus-box-shadow-size: 0 0 0 0.125em !default
17
- $button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
18
-
19
- $button-active-color: $link-active !default
20
- $button-active-border-color: $link-active-border !default
21
-
22
- $button-text-color: $text !default
23
- $button-text-decoration: underline !default
24
- $button-text-hover-background-color: $background !default
25
- $button-text-hover-color: $text-strong !default
26
-
27
- $button-disabled-background-color: $scheme-main !default
28
- $button-disabled-border-color: $border !default
29
- $button-disabled-shadow: none !default
30
- $button-disabled-opacity: 0.5 !default
31
-
32
- $button-static-color: $text-light !default
33
- $button-static-background-color: $scheme-main-ter !default
34
- $button-static-border-color: $border !default
35
-
36
- // The button sizes use mixins so they can be used at different breakpoints
37
- =button-small
38
- border-radius: $radius-small
39
- font-size: $size-small
40
- =button-normal
41
- font-size: $size-normal
42
- =button-medium
43
- font-size: $size-medium
44
- =button-large
45
- font-size: $size-large
46
-
47
- .button
48
- @extend %control
49
- @extend %unselectable
50
- background-color: $button-background-color
51
- border-color: $button-border-color
52
- border-width: $button-border-width
53
- color: $button-color
54
- cursor: pointer
55
- @if $button-family
56
- font-family: $button-family
57
- justify-content: center
58
- padding-bottom: $button-padding-vertical
59
- padding-left: $button-padding-horizontal
60
- padding-right: $button-padding-horizontal
61
- padding-top: $button-padding-vertical
62
- text-align: center
63
- white-space: nowrap
64
- strong
65
- color: inherit
66
- .icon
67
- &,
68
- &.is-small,
69
- &.is-medium,
70
- &.is-large
71
- height: 1.5em
72
- width: 1.5em
73
- &:first-child:not(:last-child)
74
- margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
75
- margin-right: $button-padding-horizontal / 4
76
- &:last-child:not(:first-child)
77
- margin-left: $button-padding-horizontal / 4
78
- margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
79
- &:first-child:last-child
80
- margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
81
- margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
82
- // States
83
- &:hover,
84
- &.is-hovered
85
- border-color: $button-hover-border-color
86
- color: $button-hover-color
87
- &:focus,
88
- &.is-focused
89
- border-color: $button-focus-border-color
90
- color: $button-focus-color
91
- &:not(:active)
92
- box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
93
- &:active,
94
- &.is-active
95
- border-color: $button-active-border-color
96
- color: $button-active-color
97
- // Colors
98
- &.is-text
99
- background-color: transparent
100
- border-color: transparent
101
- color: $button-text-color
102
- text-decoration: $button-text-decoration
103
- &:hover,
104
- &.is-hovered,
105
- &:focus,
106
- &.is-focused
107
- background-color: $button-text-hover-background-color
108
- color: $button-text-hover-color
109
- &:active,
110
- &.is-active
111
- background-color: bulmaDarken($button-text-hover-background-color, 5%)
112
- color: $button-text-hover-color
113
- &[disabled],
114
- fieldset[disabled] &
115
- background-color: transparent
116
- border-color: transparent
117
- box-shadow: none
118
- @each $name, $pair in $colors
119
- $color: nth($pair, 1)
120
- $color-invert: nth($pair, 2)
121
- &.is-#{$name}
122
- background-color: $color
123
- border-color: transparent
124
- color: $color-invert
125
- &:hover,
126
- &.is-hovered
127
- background-color: bulmaDarken($color, 2.5%)
128
- border-color: transparent
129
- color: $color-invert
130
- &:focus,
131
- &.is-focused
132
- border-color: transparent
133
- color: $color-invert
134
- &:not(:active)
135
- box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
136
- &:active,
137
- &.is-active
138
- background-color: bulmaDarken($color, 5%)
139
- border-color: transparent
140
- color: $color-invert
141
- &[disabled],
142
- fieldset[disabled] &
143
- background-color: $color
144
- border-color: transparent
145
- box-shadow: none
146
- &.is-inverted
147
- background-color: $color-invert
148
- color: $color
149
- &:hover,
150
- &.is-hovered
151
- background-color: bulmaDarken($color-invert, 5%)
152
- &[disabled],
153
- fieldset[disabled] &
154
- background-color: $color-invert
155
- border-color: transparent
156
- box-shadow: none
157
- color: $color
158
- &.is-loading
159
- &::after
160
- border-color: transparent transparent $color-invert $color-invert !important
161
- &.is-outlined
162
- background-color: transparent
163
- border-color: $color
164
- color: $color
165
- &:hover,
166
- &.is-hovered,
167
- &:focus,
168
- &.is-focused
169
- background-color: $color
170
- border-color: $color
171
- color: $color-invert
172
- &.is-loading
173
- &::after
174
- border-color: transparent transparent $color $color !important
175
- &:hover,
176
- &.is-hovered,
177
- &:focus,
178
- &.is-focused
179
- &::after
180
- border-color: transparent transparent $color-invert $color-invert !important
181
- &[disabled],
182
- fieldset[disabled] &
183
- background-color: transparent
184
- border-color: $color
185
- box-shadow: none
186
- color: $color
187
- &.is-inverted.is-outlined
188
- background-color: transparent
189
- border-color: $color-invert
190
- color: $color-invert
191
- &:hover,
192
- &.is-hovered,
193
- &:focus,
194
- &.is-focused
195
- background-color: $color-invert
196
- color: $color
197
- &.is-loading
198
- &:hover,
199
- &.is-hovered,
200
- &:focus,
201
- &.is-focused
202
- &::after
203
- border-color: transparent transparent $color $color !important
204
- &[disabled],
205
- fieldset[disabled] &
206
- background-color: transparent
207
- border-color: $color-invert
208
- box-shadow: none
209
- color: $color-invert
210
- // If light and dark colors are provided
211
- @if length($pair) >= 4
212
- $color-light: nth($pair, 3)
213
- $color-dark: nth($pair, 4)
214
- &.is-light
215
- background-color: $color-light
216
- color: $color-dark
217
- &:hover,
218
- &.is-hovered
219
- background-color: bulmaDarken($color-light, 2.5%)
220
- border-color: transparent
221
- color: $color-dark
222
- &:active,
223
- &.is-active
224
- background-color: bulmaDarken($color-light, 5%)
225
- border-color: transparent
226
- color: $color-dark
227
- // Sizes
228
- &.is-small
229
- +button-small
230
- &.is-normal
231
- +button-normal
232
- &.is-medium
233
- +button-medium
234
- &.is-large
235
- +button-large
236
- // Modifiers
237
- &[disabled],
238
- fieldset[disabled] &
239
- background-color: $button-disabled-background-color
240
- border-color: $button-disabled-border-color
241
- box-shadow: $button-disabled-shadow
242
- opacity: $button-disabled-opacity
243
- &.is-fullwidth
244
- display: flex
245
- width: 100%
246
- &.is-loading
247
- color: transparent !important
248
- pointer-events: none
249
- &::after
250
- @extend %loader
251
- +center(1em)
252
- position: absolute !important
253
- &.is-static
254
- background-color: $button-static-background-color
255
- border-color: $button-static-border-color
256
- color: $button-static-color
257
- box-shadow: none
258
- pointer-events: none
259
- &.is-rounded
260
- border-radius: $radius-rounded
261
- padding-left: calc(#{$button-padding-horizontal} + 0.25em)
262
- padding-right: calc(#{$button-padding-horizontal} + 0.25em)
263
-
264
- .buttons
265
- align-items: center
266
- display: flex
267
- flex-wrap: wrap
268
- justify-content: flex-start
269
- .button
270
- margin-bottom: 0.5rem
271
- &:not(:last-child):not(.is-fullwidth)
272
- margin-right: 0.5rem
273
- &:last-child
274
- margin-bottom: -0.5rem
275
- &:not(:last-child)
276
- margin-bottom: 1rem
277
- // Sizes
278
- &.are-small
279
- .button:not(.is-normal):not(.is-medium):not(.is-large)
280
- +button-small
281
- &.are-medium
282
- .button:not(.is-small):not(.is-normal):not(.is-large)
283
- +button-medium
284
- &.are-large
285
- .button:not(.is-small):not(.is-normal):not(.is-medium)
286
- +button-large
287
- &.has-addons
288
- .button
289
- &:not(:first-child)
290
- border-bottom-left-radius: 0
291
- border-top-left-radius: 0
292
- &:not(:last-child)
293
- border-bottom-right-radius: 0
294
- border-top-right-radius: 0
295
- margin-right: -1px
296
- &:last-child
297
- margin-right: 0
298
- &:hover,
299
- &.is-hovered
300
- z-index: 2
301
- &:focus,
302
- &.is-focused,
303
- &:active,
304
- &.is-active,
305
- &.is-selected
306
- z-index: 3
307
- &:hover
308
- z-index: 4
309
- &.is-expanded
310
- flex-grow: 1
311
- flex-shrink: 1
312
- &.is-centered
313
- justify-content: center
314
- &:not(.has-addons)
315
- .button:not(.is-fullwidth)
316
- margin-left: 0.25rem
317
- margin-right: 0.25rem
318
- &.is-right
319
- justify-content: flex-end
320
- &:not(.has-addons)
321
- .button:not(.is-fullwidth)
322
- margin-left: 0.25rem
323
- margin-right: 0.25rem
@@ -1,24 +0,0 @@
1
- $container-offset: (2 * $gap) !default
2
-
3
- .container
4
- flex-grow: 1
5
- margin: 0 auto
6
- position: relative
7
- width: auto
8
- &.is-fluid
9
- max-width: none
10
- padding-left: $gap
11
- padding-right: $gap
12
- width: 100%
13
- +desktop
14
- max-width: $desktop - $container-offset
15
- +until-widescreen
16
- &.is-widescreen
17
- max-width: $widescreen - $container-offset
18
- +until-fullhd
19
- &.is-fullhd
20
- max-width: $fullhd - $container-offset
21
- +widescreen
22
- max-width: $widescreen - $container-offset
23
- +fullhd
24
- max-width: $fullhd - $container-offset
@@ -1,155 +0,0 @@
1
- $content-heading-color: $text-strong !default
2
- $content-heading-weight: $weight-semibold !default
3
- $content-heading-line-height: 1.125 !default
4
-
5
- $content-blockquote-background-color: $background !default
6
- $content-blockquote-border-left: 5px solid $border !default
7
- $content-blockquote-padding: 1.25em 1.5em !default
8
-
9
- $content-pre-padding: 1.25em 1.5em !default
10
-
11
- $content-table-cell-border: 1px solid $border !default
12
- $content-table-cell-border-width: 0 0 1px !default
13
- $content-table-cell-padding: 0.5em 0.75em !default
14
- $content-table-cell-heading-color: $text-strong !default
15
- $content-table-head-cell-border-width: 0 0 2px !default
16
- $content-table-head-cell-color: $text-strong !default
17
- $content-table-foot-cell-border-width: 2px 0 0 !default
18
- $content-table-foot-cell-color: $text-strong !default
19
-
20
- .content
21
- @extend %block
22
- // Inline
23
- li + li
24
- margin-top: 0.25em
25
- // Block
26
- p,
27
- dl,
28
- ol,
29
- ul,
30
- blockquote,
31
- pre,
32
- table
33
- &:not(:last-child)
34
- margin-bottom: 1em
35
- h1,
36
- h2,
37
- h3,
38
- h4,
39
- h5,
40
- h6
41
- color: $content-heading-color
42
- font-weight: $content-heading-weight
43
- line-height: $content-heading-line-height
44
- h1
45
- font-size: 2em
46
- margin-bottom: 0.5em
47
- &:not(:first-child)
48
- margin-top: 1em
49
- h2
50
- font-size: 1.75em
51
- margin-bottom: 0.5714em
52
- &:not(:first-child)
53
- margin-top: 1.1428em
54
- h3
55
- font-size: 1.5em
56
- margin-bottom: 0.6666em
57
- &:not(:first-child)
58
- margin-top: 1.3333em
59
- h4
60
- font-size: 1.25em
61
- margin-bottom: 0.8em
62
- h5
63
- font-size: 1.125em
64
- margin-bottom: 0.8888em
65
- h6
66
- font-size: 1em
67
- margin-bottom: 1em
68
- blockquote
69
- background-color: $content-blockquote-background-color
70
- border-left: $content-blockquote-border-left
71
- padding: $content-blockquote-padding
72
- ol
73
- list-style-position: outside
74
- margin-left: 2em
75
- margin-top: 1em
76
- &:not([type])
77
- list-style-type: decimal
78
- &.is-lower-alpha
79
- list-style-type: lower-alpha
80
- &.is-lower-roman
81
- list-style-type: lower-roman
82
- &.is-upper-alpha
83
- list-style-type: upper-alpha
84
- &.is-upper-roman
85
- list-style-type: upper-roman
86
- ul
87
- list-style: disc outside
88
- margin-left: 2em
89
- margin-top: 1em
90
- ul
91
- list-style-type: circle
92
- margin-top: 0.5em
93
- ul
94
- list-style-type: square
95
- dd
96
- margin-left: 2em
97
- figure
98
- margin-left: 2em
99
- margin-right: 2em
100
- text-align: center
101
- &:not(:first-child)
102
- margin-top: 2em
103
- &:not(:last-child)
104
- margin-bottom: 2em
105
- img
106
- display: inline-block
107
- figcaption
108
- font-style: italic
109
- pre
110
- +overflow-touch
111
- overflow-x: auto
112
- padding: $content-pre-padding
113
- white-space: pre
114
- word-wrap: normal
115
- sup,
116
- sub
117
- font-size: 75%
118
- table
119
- width: 100%
120
- td,
121
- th
122
- border: $content-table-cell-border
123
- border-width: $content-table-cell-border-width
124
- padding: $content-table-cell-padding
125
- vertical-align: top
126
- th
127
- color: $content-table-cell-heading-color
128
- &:not([align])
129
- text-align: left
130
- thead
131
- td,
132
- th
133
- border-width: $content-table-head-cell-border-width
134
- color: $content-table-head-cell-color
135
- tfoot
136
- td,
137
- th
138
- border-width: $content-table-foot-cell-border-width
139
- color: $content-table-foot-cell-color
140
- tbody
141
- tr
142
- &:last-child
143
- td,
144
- th
145
- border-bottom-width: 0
146
- .tabs
147
- li + li
148
- margin-top: 0
149
- // Sizes
150
- &.is-small
151
- font-size: $size-small
152
- &.is-medium
153
- font-size: $size-medium
154
- &.is-large
155
- font-size: $size-large
@@ -1 +0,0 @@
1
- @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."