bulma-clean-theme 0.14.0 → 1.0.0.beta.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 (190) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -0
  3. data/_includes/callouts.html +12 -5
  4. data/_includes/cookie-banner.html +1 -1
  5. data/_includes/hero.html +5 -3
  6. data/_includes/showcase.html +8 -6
  7. data/_layouts/default.html +1 -0
  8. data/_layouts/post.html +7 -3
  9. data/_sass/_main.scss +3 -2
  10. data/node_modules/.package-lock.json +211 -8
  11. data/node_modules/bulma/LICENSE +1 -1
  12. data/node_modules/bulma/README.md +56 -52
  13. data/node_modules/bulma/bulma.scss +4 -0
  14. data/node_modules/bulma/css/bulma.css +19282 -8696
  15. data/node_modules/bulma/css/bulma.css.map +1 -1
  16. data/node_modules/bulma/css/bulma.min.css +3 -1
  17. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
  18. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css.map +1 -0
  19. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
  20. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css.map +1 -0
  21. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
  22. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css.map +1 -0
  23. data/node_modules/bulma/css/versions/bulma-prefixed.min.css +3 -0
  24. data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
  25. data/node_modules/bulma/package.json +25 -20
  26. data/node_modules/bulma/sass/_index.scss +10 -0
  27. data/node_modules/bulma/sass/base/_index.scss +6 -0
  28. data/node_modules/bulma/sass/base/animations.scss +15 -0
  29. data/node_modules/bulma/sass/base/generic.scss +239 -0
  30. data/node_modules/bulma/sass/base/minireset.scss +92 -0
  31. data/node_modules/bulma/sass/base/skeleton.scss +126 -0
  32. data/node_modules/bulma/sass/components/_index.scss +13 -0
  33. data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
  34. data/node_modules/bulma/sass/components/card.scss +162 -0
  35. data/node_modules/bulma/sass/components/dropdown.scss +188 -0
  36. data/node_modules/bulma/sass/components/menu.scss +165 -0
  37. data/node_modules/bulma/sass/components/message.scss +183 -0
  38. data/node_modules/bulma/sass/components/modal.scss +164 -0
  39. data/node_modules/bulma/sass/components/navbar.scss +788 -0
  40. data/node_modules/bulma/sass/components/pagination.scss +379 -0
  41. data/node_modules/bulma/sass/components/panel.scss +218 -0
  42. data/node_modules/bulma/sass/components/tabs.scss +273 -0
  43. data/node_modules/bulma/sass/elements/_index.scss +16 -0
  44. data/node_modules/bulma/sass/elements/block.scss +6 -0
  45. data/node_modules/bulma/sass/elements/box.scss +59 -0
  46. data/node_modules/bulma/sass/elements/button.scss +640 -0
  47. data/node_modules/bulma/sass/elements/content.scss +283 -0
  48. data/node_modules/bulma/sass/elements/delete.scss +6 -0
  49. data/node_modules/bulma/sass/elements/icon.scss +67 -0
  50. data/node_modules/bulma/sass/elements/image.scss +62 -0
  51. data/node_modules/bulma/sass/elements/loader.scss +15 -0
  52. data/node_modules/bulma/sass/elements/notification.scss +105 -0
  53. data/node_modules/bulma/sass/elements/progress.scss +115 -0
  54. data/node_modules/bulma/sass/elements/table.scss +261 -0
  55. data/node_modules/bulma/sass/elements/tag.scss +219 -0
  56. data/node_modules/bulma/sass/elements/title.scss +128 -0
  57. data/node_modules/bulma/sass/form/_index.scss +9 -0
  58. data/node_modules/bulma/sass/form/checkbox-radio.scss +32 -0
  59. data/node_modules/bulma/sass/form/file.scss +330 -0
  60. data/node_modules/bulma/sass/form/input-textarea.scss +123 -0
  61. data/node_modules/bulma/sass/form/select.scss +143 -0
  62. data/node_modules/bulma/sass/form/shared.scss +172 -0
  63. data/node_modules/bulma/sass/form/tools.scss +341 -0
  64. data/node_modules/bulma/sass/grid/_index.scss +5 -0
  65. data/node_modules/bulma/sass/grid/columns-v2.scss +957 -0
  66. data/node_modules/bulma/sass/grid/columns.scss +877 -0
  67. data/node_modules/bulma/sass/grid/grid.scss +209 -0
  68. data/node_modules/bulma/sass/helpers/_index.scss +15 -0
  69. data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
  70. data/node_modules/bulma/sass/helpers/border.scss +15 -0
  71. data/node_modules/bulma/sass/helpers/color.scss +364 -0
  72. data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
  73. data/node_modules/bulma/sass/helpers/float.scss +28 -0
  74. data/node_modules/bulma/sass/helpers/gap.scss +24 -0
  75. data/node_modules/bulma/sass/helpers/other.scss +19 -0
  76. data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
  77. data/node_modules/bulma/sass/helpers/position.scss +19 -0
  78. data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
  79. data/node_modules/bulma/sass/helpers/typography.scss +168 -0
  80. data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
  81. data/node_modules/bulma/sass/layout/_index.scss +9 -0
  82. data/node_modules/bulma/sass/layout/container.scss +51 -0
  83. data/node_modules/bulma/sass/layout/footer.scss +23 -0
  84. data/node_modules/bulma/sass/layout/hero.scss +270 -0
  85. data/node_modules/bulma/sass/layout/level.scss +107 -0
  86. data/node_modules/bulma/sass/layout/media.scss +106 -0
  87. data/node_modules/bulma/sass/layout/section.scss +34 -0
  88. data/node_modules/bulma/sass/themes/_index.scss +35 -0
  89. data/node_modules/bulma/sass/themes/dark.scss +56 -0
  90. data/node_modules/bulma/sass/themes/light.scss +145 -0
  91. data/node_modules/bulma/sass/themes/setup.scss +174 -0
  92. data/node_modules/bulma/sass/utilities/_index.scss +7 -0
  93. data/node_modules/bulma/sass/utilities/controls.scss +85 -0
  94. data/node_modules/bulma/sass/utilities/css-variables.scss +425 -0
  95. data/node_modules/bulma/sass/utilities/derived-variables.scss +112 -0
  96. data/node_modules/bulma/sass/utilities/extends.scss +34 -0
  97. data/node_modules/bulma/sass/utilities/functions.scss +258 -0
  98. data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
  99. data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
  100. data/node_modules/bulma/versions/bulma-no-dark-mode.scss +19 -0
  101. data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
  102. data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
  103. data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
  104. data/node_modules/bulma-block-list/README.md +12 -6
  105. data/node_modules/bulma-block-list/docs/.nojekyll +0 -0
  106. data/node_modules/bulma-block-list/docs/docs.css +22782 -0
  107. data/node_modules/bulma-block-list/docs/docs.css.map +1 -0
  108. data/node_modules/bulma-block-list/docs/index.html +376 -307
  109. data/node_modules/bulma-block-list/package.json +8 -3
  110. data/node_modules/bulma-block-list/src/block-list.scss +99 -125
  111. data/node_modules/bulma-block-list/src/docs.scss +5 -0
  112. data/package-lock.json +353 -16
  113. data/package.json +2 -2
  114. metadata +97 -82
  115. data/node_modules/bulma/bulma.sass +0 -10
  116. data/node_modules/bulma/css/bulma-rtl.css +0 -11851
  117. data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
  118. data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
  119. data/node_modules/bulma/sass/base/_all.sass +0 -6
  120. data/node_modules/bulma/sass/base/animations.sass +0 -5
  121. data/node_modules/bulma/sass/base/generic.sass +0 -145
  122. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  123. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  124. data/node_modules/bulma/sass/components/_all.sass +0 -15
  125. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
  126. data/node_modules/bulma/sass/components/card.sass +0 -103
  127. data/node_modules/bulma/sass/components/dropdown.sass +0 -83
  128. data/node_modules/bulma/sass/components/level.sass +0 -79
  129. data/node_modules/bulma/sass/components/media.sass +0 -59
  130. data/node_modules/bulma/sass/components/menu.sass +0 -59
  131. data/node_modules/bulma/sass/components/message.sass +0 -101
  132. data/node_modules/bulma/sass/components/modal.sass +0 -117
  133. data/node_modules/bulma/sass/components/navbar.sass +0 -446
  134. data/node_modules/bulma/sass/components/pagination.sass +0 -167
  135. data/node_modules/bulma/sass/components/panel.sass +0 -121
  136. data/node_modules/bulma/sass/components/tabs.sass +0 -176
  137. data/node_modules/bulma/sass/elements/_all.sass +0 -16
  138. data/node_modules/bulma/sass/elements/box.sass +0 -26
  139. data/node_modules/bulma/sass/elements/button.sass +0 -357
  140. data/node_modules/bulma/sass/elements/container.sass +0 -29
  141. data/node_modules/bulma/sass/elements/content.sass +0 -162
  142. data/node_modules/bulma/sass/elements/form.sass +0 -1
  143. data/node_modules/bulma/sass/elements/icon.sass +0 -46
  144. data/node_modules/bulma/sass/elements/image.sass +0 -73
  145. data/node_modules/bulma/sass/elements/notification.sass +0 -52
  146. data/node_modules/bulma/sass/elements/other.sass +0 -31
  147. data/node_modules/bulma/sass/elements/progress.sass +0 -73
  148. data/node_modules/bulma/sass/elements/table.sass +0 -134
  149. data/node_modules/bulma/sass/elements/tag.sass +0 -140
  150. data/node_modules/bulma/sass/elements/title.sass +0 -70
  151. data/node_modules/bulma/sass/form/_all.sass +0 -9
  152. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
  153. data/node_modules/bulma/sass/form/file.sass +0 -184
  154. data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
  155. data/node_modules/bulma/sass/form/select.sass +0 -88
  156. data/node_modules/bulma/sass/form/shared.sass +0 -60
  157. data/node_modules/bulma/sass/form/tools.sass +0 -215
  158. data/node_modules/bulma/sass/grid/_all.sass +0 -5
  159. data/node_modules/bulma/sass/grid/columns.sass +0 -513
  160. data/node_modules/bulma/sass/grid/tiles.sass +0 -36
  161. data/node_modules/bulma/sass/helpers/_all.sass +0 -12
  162. data/node_modules/bulma/sass/helpers/color.sass +0 -39
  163. data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
  164. data/node_modules/bulma/sass/helpers/float.sass +0 -10
  165. data/node_modules/bulma/sass/helpers/other.sass +0 -14
  166. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  167. data/node_modules/bulma/sass/helpers/position.sass +0 -7
  168. data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
  169. data/node_modules/bulma/sass/helpers/typography.sass +0 -103
  170. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  171. data/node_modules/bulma/sass/layout/_all.sass +0 -6
  172. data/node_modules/bulma/sass/layout/footer.sass +0 -11
  173. data/node_modules/bulma/sass/layout/hero.sass +0 -153
  174. data/node_modules/bulma/sass/layout/section.sass +0 -17
  175. data/node_modules/bulma/sass/utilities/_all.sass +0 -9
  176. data/node_modules/bulma/sass/utilities/animations.sass +0 -1
  177. data/node_modules/bulma/sass/utilities/controls.sass +0 -49
  178. data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -114
  179. data/node_modules/bulma/sass/utilities/extends.sass +0 -25
  180. data/node_modules/bulma/sass/utilities/functions.sass +0 -135
  181. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -79
  182. data/node_modules/bulma/sass/utilities/mixins.sass +0 -303
  183. data/node_modules/bulma-block-list/docs/Gemfile +0 -3
  184. data/node_modules/bulma-block-list/docs/_config.yml +0 -17
  185. data/node_modules/bulma-block-list/docs/_data/menu.yaml +0 -24
  186. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +0 -156
  187. data/node_modules/bulma-block-list/docs/_sass/_main.scss +0 -20
  188. data/node_modules/bulma-block-list/docs/assets/css/app.scss +0 -7
  189. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  190. data/node_modules/bulma-block-list/src/demo.scss +0 -3
@@ -1,167 +0,0 @@
1
- @import "../utilities/controls"
2
- @import "../utilities/mixins"
3
-
4
- $pagination-color: $text-strong !default
5
- $pagination-border-color: $border !default
6
- $pagination-margin: -0.25rem !default
7
- $pagination-min-width: $control-height !default
8
-
9
- $pagination-item-font-size: 1em !default
10
- $pagination-item-margin: 0.25rem !default
11
- $pagination-item-padding-left: 0.5em !default
12
- $pagination-item-padding-right: 0.5em !default
13
-
14
- $pagination-nav-padding-left: 0.75em !default
15
- $pagination-nav-padding-right: 0.75em !default
16
-
17
- $pagination-hover-color: $link-hover !default
18
- $pagination-hover-border-color: $link-hover-border !default
19
-
20
- $pagination-focus-color: $link-focus !default
21
- $pagination-focus-border-color: $link-focus-border !default
22
-
23
- $pagination-active-color: $link-active !default
24
- $pagination-active-border-color: $link-active-border !default
25
-
26
- $pagination-disabled-color: $text-light !default
27
- $pagination-disabled-background-color: $border !default
28
- $pagination-disabled-border-color: $border !default
29
-
30
- $pagination-current-color: $link-invert !default
31
- $pagination-current-background-color: $link !default
32
- $pagination-current-border-color: $link !default
33
-
34
- $pagination-ellipsis-color: $grey-light !default
35
-
36
- $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
37
-
38
- .pagination
39
- @extend %block
40
- font-size: $size-normal
41
- margin: $pagination-margin
42
- // Sizes
43
- &.is-small
44
- font-size: $size-small
45
- &.is-medium
46
- font-size: $size-medium
47
- &.is-large
48
- font-size: $size-large
49
- &.is-rounded
50
- .pagination-previous,
51
- .pagination-next
52
- padding-left: 1em
53
- padding-right: 1em
54
- border-radius: $radius-rounded
55
- .pagination-link
56
- border-radius: $radius-rounded
57
-
58
- .pagination,
59
- .pagination-list
60
- align-items: center
61
- display: flex
62
- justify-content: center
63
- text-align: center
64
-
65
- .pagination-previous,
66
- .pagination-next,
67
- .pagination-link,
68
- .pagination-ellipsis
69
- @extend %control
70
- @extend %unselectable
71
- font-size: $pagination-item-font-size
72
- justify-content: center
73
- margin: $pagination-item-margin
74
- padding-left: $pagination-item-padding-left
75
- padding-right: $pagination-item-padding-right
76
- text-align: center
77
-
78
- .pagination-previous,
79
- .pagination-next,
80
- .pagination-link
81
- border-color: $pagination-border-color
82
- color: $pagination-color
83
- min-width: $pagination-min-width
84
- &:hover
85
- border-color: $pagination-hover-border-color
86
- color: $pagination-hover-color
87
- &:focus
88
- border-color: $pagination-focus-border-color
89
- &:active
90
- box-shadow: $pagination-shadow-inset
91
- &[disabled],
92
- &.is-disabled
93
- background-color: $pagination-disabled-background-color
94
- border-color: $pagination-disabled-border-color
95
- box-shadow: none
96
- color: $pagination-disabled-color
97
- opacity: 0.5
98
-
99
- .pagination-previous,
100
- .pagination-next
101
- padding-left: $pagination-nav-padding-left
102
- padding-right: $pagination-nav-padding-right
103
- white-space: nowrap
104
-
105
- .pagination-link
106
- &.is-current
107
- background-color: $pagination-current-background-color
108
- border-color: $pagination-current-border-color
109
- color: $pagination-current-color
110
-
111
- .pagination-ellipsis
112
- color: $pagination-ellipsis-color
113
- pointer-events: none
114
-
115
- .pagination-list
116
- flex-wrap: wrap
117
- li
118
- list-style: none
119
-
120
- +mobile
121
- .pagination
122
- flex-wrap: wrap
123
- .pagination-previous,
124
- .pagination-next
125
- flex-grow: 1
126
- flex-shrink: 1
127
- .pagination-list
128
- li
129
- flex-grow: 1
130
- flex-shrink: 1
131
-
132
- +tablet
133
- .pagination-list
134
- flex-grow: 1
135
- flex-shrink: 1
136
- justify-content: flex-start
137
- order: 1
138
- .pagination-previous,
139
- .pagination-next,
140
- .pagination-link,
141
- .pagination-ellipsis
142
- margin-bottom: 0
143
- margin-top: 0
144
- .pagination-previous
145
- order: 2
146
- .pagination-next
147
- order: 3
148
- .pagination
149
- justify-content: space-between
150
- margin-bottom: 0
151
- margin-top: 0
152
- &.is-centered
153
- .pagination-previous
154
- order: 1
155
- .pagination-list
156
- justify-content: center
157
- order: 2
158
- .pagination-next
159
- order: 3
160
- &.is-right
161
- .pagination-previous
162
- order: 1
163
- .pagination-next
164
- order: 2
165
- .pagination-list
166
- justify-content: flex-end
167
- order: 3
@@ -1,121 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $panel-margin: $block-spacing !default
4
- $panel-item-border: 1px solid $border-light !default
5
- $panel-radius: $radius-large !default
6
- $panel-shadow: $shadow !default
7
-
8
- $panel-heading-background-color: $border-light !default
9
- $panel-heading-color: $text-strong !default
10
- $panel-heading-line-height: 1.25 !default
11
- $panel-heading-padding: 0.75em 1em !default
12
- $panel-heading-radius: $radius !default
13
- $panel-heading-size: 1.25em !default
14
- $panel-heading-weight: $weight-bold !default
15
-
16
- $panel-tabs-font-size: 0.875em !default
17
- $panel-tab-border-bottom: 1px solid $border !default
18
- $panel-tab-active-border-bottom-color: $link-active-border !default
19
- $panel-tab-active-color: $link-active !default
20
-
21
- $panel-list-item-color: $text !default
22
- $panel-list-item-hover-color: $link !default
23
-
24
- $panel-block-color: $text-strong !default
25
- $panel-block-hover-background-color: $background !default
26
- $panel-block-active-border-left-color: $link !default
27
- $panel-block-active-color: $link-active !default
28
- $panel-block-active-icon-color: $link !default
29
-
30
- $panel-icon-color: $text-light !default
31
- $panel-colors: $colors !default
32
-
33
- .panel
34
- border-radius: $panel-radius
35
- box-shadow: $panel-shadow
36
- font-size: $size-normal
37
- &:not(:last-child)
38
- margin-bottom: $panel-margin
39
- // Colors
40
- @each $name, $components in $panel-colors
41
- $color: nth($components, 1)
42
- $color-invert: nth($components, 2)
43
- &.is-#{$name}
44
- .panel-heading
45
- background-color: $color
46
- color: $color-invert
47
- .panel-tabs a.is-active
48
- border-bottom-color: $color
49
- .panel-block.is-active .panel-icon
50
- color: $color
51
-
52
- .panel-tabs,
53
- .panel-block
54
- &:not(:last-child)
55
- border-bottom: $panel-item-border
56
-
57
- .panel-heading
58
- background-color: $panel-heading-background-color
59
- border-radius: $panel-radius $panel-radius 0 0
60
- color: $panel-heading-color
61
- font-size: $panel-heading-size
62
- font-weight: $panel-heading-weight
63
- line-height: $panel-heading-line-height
64
- padding: $panel-heading-padding
65
-
66
- .panel-tabs
67
- align-items: flex-end
68
- display: flex
69
- font-size: $panel-tabs-font-size
70
- justify-content: center
71
- a
72
- border-bottom: $panel-tab-border-bottom
73
- margin-bottom: -1px
74
- padding: 0.5em
75
- // Modifiers
76
- &.is-active
77
- border-bottom-color: $panel-tab-active-border-bottom-color
78
- color: $panel-tab-active-color
79
-
80
- .panel-list
81
- a
82
- color: $panel-list-item-color
83
- &:hover
84
- color: $panel-list-item-hover-color
85
-
86
- .panel-block
87
- align-items: center
88
- color: $panel-block-color
89
- display: flex
90
- justify-content: flex-start
91
- padding: 0.5em 0.75em
92
- input[type="checkbox"]
93
- +ltr-property("margin", 0.75em)
94
- & > .control
95
- flex-grow: 1
96
- flex-shrink: 1
97
- width: 100%
98
- &.is-wrapped
99
- flex-wrap: wrap
100
- &.is-active
101
- border-left-color: $panel-block-active-border-left-color
102
- color: $panel-block-active-color
103
- .panel-icon
104
- color: $panel-block-active-icon-color
105
- &:last-child
106
- border-bottom-left-radius: $panel-radius
107
- border-bottom-right-radius: $panel-radius
108
-
109
- a.panel-block,
110
- label.panel-block
111
- cursor: pointer
112
- &:hover
113
- background-color: $panel-block-hover-background-color
114
-
115
- .panel-icon
116
- +fa(14px, 1em)
117
- color: $panel-icon-color
118
- +ltr-property("margin", 0.75em)
119
- .fa
120
- font-size: inherit
121
- line-height: inherit
@@ -1,176 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $tabs-border-bottom-color: $border !default
4
- $tabs-border-bottom-style: solid !default
5
- $tabs-border-bottom-width: 1px !default
6
- $tabs-link-color: $text !default
7
- $tabs-link-hover-border-bottom-color: $text-strong !default
8
- $tabs-link-hover-color: $text-strong !default
9
- $tabs-link-active-border-bottom-color: $link !default
10
- $tabs-link-active-color: $link !default
11
- $tabs-link-padding: 0.5em 1em !default
12
-
13
- $tabs-boxed-link-radius: $radius !default
14
- $tabs-boxed-link-hover-background-color: $background !default
15
- $tabs-boxed-link-hover-border-bottom-color: $border !default
16
-
17
- $tabs-boxed-link-active-background-color: $scheme-main !default
18
- $tabs-boxed-link-active-border-color: $border !default
19
- $tabs-boxed-link-active-border-bottom-color: transparent !default
20
-
21
- $tabs-toggle-link-border-color: $border !default
22
- $tabs-toggle-link-border-style: solid !default
23
- $tabs-toggle-link-border-width: 1px !default
24
- $tabs-toggle-link-hover-background-color: $background !default
25
- $tabs-toggle-link-hover-border-color: $border-hover !default
26
- $tabs-toggle-link-radius: $radius !default
27
- $tabs-toggle-link-active-background-color: $link !default
28
- $tabs-toggle-link-active-border-color: $link !default
29
- $tabs-toggle-link-active-color: $link-invert !default
30
-
31
- .tabs
32
- @extend %block
33
- +overflow-touch
34
- @extend %unselectable
35
- align-items: stretch
36
- display: flex
37
- font-size: $size-normal
38
- justify-content: space-between
39
- overflow: hidden
40
- overflow-x: auto
41
- white-space: nowrap
42
- a
43
- align-items: center
44
- border-bottom-color: $tabs-border-bottom-color
45
- border-bottom-style: $tabs-border-bottom-style
46
- border-bottom-width: $tabs-border-bottom-width
47
- color: $tabs-link-color
48
- display: flex
49
- justify-content: center
50
- margin-bottom: -#{$tabs-border-bottom-width}
51
- padding: $tabs-link-padding
52
- vertical-align: top
53
- &:hover
54
- border-bottom-color: $tabs-link-hover-border-bottom-color
55
- color: $tabs-link-hover-color
56
- li
57
- display: block
58
- &.is-active
59
- a
60
- border-bottom-color: $tabs-link-active-border-bottom-color
61
- color: $tabs-link-active-color
62
- ul
63
- align-items: center
64
- border-bottom-color: $tabs-border-bottom-color
65
- border-bottom-style: $tabs-border-bottom-style
66
- border-bottom-width: $tabs-border-bottom-width
67
- display: flex
68
- flex-grow: 1
69
- flex-shrink: 0
70
- justify-content: flex-start
71
- &.is-left
72
- padding-right: 0.75em
73
- &.is-center
74
- flex: none
75
- justify-content: center
76
- padding-left: 0.75em
77
- padding-right: 0.75em
78
- &.is-right
79
- justify-content: flex-end
80
- padding-left: 0.75em
81
- .icon
82
- &:first-child
83
- +ltr-property("margin", 0.5em)
84
- &:last-child
85
- +ltr-property("margin", 0.5em, false)
86
- // Alignment
87
- &.is-centered
88
- ul
89
- justify-content: center
90
- &.is-right
91
- ul
92
- justify-content: flex-end
93
- // Styles
94
- &.is-boxed
95
- a
96
- border: 1px solid transparent
97
- +ltr
98
- border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
99
- +rtl
100
- border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
101
- &:hover
102
- background-color: $tabs-boxed-link-hover-background-color
103
- border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
104
- li
105
- &.is-active
106
- a
107
- background-color: $tabs-boxed-link-active-background-color
108
- border-color: $tabs-boxed-link-active-border-color
109
- border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
110
- &.is-fullwidth
111
- li
112
- flex-grow: 1
113
- flex-shrink: 0
114
- &.is-toggle
115
- a
116
- border-color: $tabs-toggle-link-border-color
117
- border-style: $tabs-toggle-link-border-style
118
- border-width: $tabs-toggle-link-border-width
119
- margin-bottom: 0
120
- position: relative
121
- &:hover
122
- background-color: $tabs-toggle-link-hover-background-color
123
- border-color: $tabs-toggle-link-hover-border-color
124
- z-index: 2
125
- li
126
- & + li
127
- +ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
128
- &:first-child a
129
- +ltr
130
- border-top-left-radius: $tabs-toggle-link-radius
131
- border-bottom-left-radius: $tabs-toggle-link-radius
132
- +rtl
133
- border-top-right-radius: $tabs-toggle-link-radius
134
- border-bottom-right-radius: $tabs-toggle-link-radius
135
- &:last-child a
136
- +ltr
137
- border-top-right-radius: $tabs-toggle-link-radius
138
- border-bottom-right-radius: $tabs-toggle-link-radius
139
- +rtl
140
- border-top-left-radius: $tabs-toggle-link-radius
141
- border-bottom-left-radius: $tabs-toggle-link-radius
142
- &.is-active
143
- a
144
- background-color: $tabs-toggle-link-active-background-color
145
- border-color: $tabs-toggle-link-active-border-color
146
- color: $tabs-toggle-link-active-color
147
- z-index: 1
148
- ul
149
- border-bottom: none
150
- &.is-toggle-rounded
151
- li
152
- &:first-child a
153
- +ltr
154
- border-bottom-left-radius: $radius-rounded
155
- border-top-left-radius: $radius-rounded
156
- padding-left: 1.25em
157
- +rtl
158
- border-bottom-right-radius: $radius-rounded
159
- border-top-right-radius: $radius-rounded
160
- padding-right: 1.25em
161
- &:last-child a
162
- +ltr
163
- border-bottom-right-radius: $radius-rounded
164
- border-top-right-radius: $radius-rounded
165
- padding-right: 1.25em
166
- +rtl
167
- border-bottom-left-radius: $radius-rounded
168
- border-top-left-radius: $radius-rounded
169
- padding-left: 1.25em
170
- // Sizes
171
- &.is-small
172
- font-size: $size-small
173
- &.is-medium
174
- font-size: $size-medium
175
- &.is-large
176
- font-size: $size-large
@@ -1,16 +0,0 @@
1
- /* Bulma Elements */
2
- @charset "utf-8"
3
-
4
- @import "box"
5
- @import "button"
6
- @import "container"
7
- @import "content"
8
- @import "icon"
9
- @import "image"
10
- @import "notification"
11
- @import "progress"
12
- @import "table"
13
- @import "tag"
14
- @import "title"
15
-
16
- @import "other"
@@ -1,26 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $box-color: $text !default
4
- $box-background-color: $scheme-main !default
5
- $box-radius: $radius-large !default
6
- $box-shadow: $shadow !default
7
- $box-padding: 1.25rem !default
8
-
9
- $box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
10
- $box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
11
-
12
- .box
13
- @extend %block
14
- background-color: $box-background-color
15
- border-radius: $box-radius
16
- box-shadow: $box-shadow
17
- color: $box-color
18
- display: block
19
- padding: $box-padding
20
-
21
- a.box
22
- &:hover,
23
- &:focus
24
- box-shadow: $box-link-hover-shadow
25
- &:active
26
- box-shadow: $box-link-active-shadow