bulma-rails 0.9.3 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (144) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +49 -14
  3. data/app/assets/stylesheets/bulma.scss +4 -0
  4. data/app/assets/stylesheets/sass/_index.scss +10 -0
  5. data/app/assets/stylesheets/sass/base/_index.scss +6 -0
  6. data/app/assets/stylesheets/sass/base/animations.scss +15 -0
  7. data/app/assets/stylesheets/sass/base/generic.scss +239 -0
  8. data/app/assets/stylesheets/sass/base/minireset.scss +92 -0
  9. data/app/assets/stylesheets/sass/base/skeleton.scss +126 -0
  10. data/app/assets/stylesheets/sass/components/_index.scss +13 -0
  11. data/app/assets/stylesheets/sass/components/breadcrumb.scss +139 -0
  12. data/app/assets/stylesheets/sass/components/card.scss +162 -0
  13. data/app/assets/stylesheets/sass/components/dropdown.scss +188 -0
  14. data/app/assets/stylesheets/sass/components/menu.scss +165 -0
  15. data/app/assets/stylesheets/sass/components/message.scss +183 -0
  16. data/app/assets/stylesheets/sass/components/modal.scss +164 -0
  17. data/app/assets/stylesheets/sass/components/navbar.scss +788 -0
  18. data/app/assets/stylesheets/sass/components/pagination.scss +379 -0
  19. data/app/assets/stylesheets/sass/components/panel.scss +218 -0
  20. data/app/assets/stylesheets/sass/components/tabs.scss +273 -0
  21. data/app/assets/stylesheets/sass/elements/_index.scss +16 -0
  22. data/app/assets/stylesheets/sass/elements/block.scss +6 -0
  23. data/app/assets/stylesheets/sass/elements/box.scss +59 -0
  24. data/app/assets/stylesheets/sass/elements/button.scss +640 -0
  25. data/app/assets/stylesheets/sass/elements/content.scss +283 -0
  26. data/app/assets/stylesheets/sass/elements/delete.scss +6 -0
  27. data/app/assets/stylesheets/sass/elements/icon.scss +67 -0
  28. data/app/assets/stylesheets/sass/elements/image.scss +62 -0
  29. data/app/assets/stylesheets/sass/elements/loader.scss +15 -0
  30. data/app/assets/stylesheets/sass/elements/notification.scss +105 -0
  31. data/app/assets/stylesheets/sass/elements/progress.scss +115 -0
  32. data/app/assets/stylesheets/sass/elements/table.scss +261 -0
  33. data/app/assets/stylesheets/sass/elements/tag.scss +219 -0
  34. data/app/assets/stylesheets/sass/elements/title.scss +128 -0
  35. data/app/assets/stylesheets/sass/form/_index.scss +9 -0
  36. data/app/assets/stylesheets/sass/form/checkbox-radio.scss +32 -0
  37. data/app/assets/stylesheets/sass/form/file.scss +330 -0
  38. data/app/assets/stylesheets/sass/form/input-textarea.scss +123 -0
  39. data/app/assets/stylesheets/sass/form/select.scss +143 -0
  40. data/app/assets/stylesheets/sass/form/shared.scss +172 -0
  41. data/app/assets/stylesheets/sass/form/tools.scss +341 -0
  42. data/app/assets/stylesheets/sass/grid/_index.scss +5 -0
  43. data/app/assets/stylesheets/sass/grid/columns-v2.scss +957 -0
  44. data/app/assets/stylesheets/sass/grid/columns.scss +877 -0
  45. data/app/assets/stylesheets/sass/grid/grid.scss +209 -0
  46. data/app/assets/stylesheets/sass/helpers/_index.scss +15 -0
  47. data/app/assets/stylesheets/sass/helpers/aspect-ratio.scss +10 -0
  48. data/app/assets/stylesheets/sass/helpers/border.scss +15 -0
  49. data/app/assets/stylesheets/sass/helpers/color.scss +364 -0
  50. data/app/assets/stylesheets/sass/helpers/flexbox.scss +62 -0
  51. data/app/assets/stylesheets/sass/helpers/float.scss +28 -0
  52. data/app/assets/stylesheets/sass/helpers/gap.scss +24 -0
  53. data/app/assets/stylesheets/sass/helpers/other.scss +19 -0
  54. data/app/assets/stylesheets/sass/helpers/overflow.scss +21 -0
  55. data/app/assets/stylesheets/sass/helpers/position.scss +19 -0
  56. data/app/assets/stylesheets/sass/helpers/spacing.scss +64 -0
  57. data/app/assets/stylesheets/sass/helpers/typography.scss +168 -0
  58. data/app/assets/stylesheets/sass/helpers/visibility.scss +221 -0
  59. data/app/assets/stylesheets/sass/layout/_index.scss +9 -0
  60. data/app/assets/stylesheets/sass/layout/container.scss +51 -0
  61. data/app/assets/stylesheets/sass/layout/footer.scss +23 -0
  62. data/app/assets/stylesheets/sass/layout/hero.scss +270 -0
  63. data/app/assets/stylesheets/sass/layout/level.scss +107 -0
  64. data/app/assets/stylesheets/sass/layout/media.scss +106 -0
  65. data/app/assets/stylesheets/sass/layout/section.scss +34 -0
  66. data/app/assets/stylesheets/sass/themes/_index.scss +35 -0
  67. data/app/assets/stylesheets/sass/themes/dark.scss +56 -0
  68. data/app/assets/stylesheets/sass/themes/light.scss +145 -0
  69. data/app/assets/stylesheets/sass/themes/setup.scss +174 -0
  70. data/app/assets/stylesheets/sass/utilities/_index.scss +7 -0
  71. data/app/assets/stylesheets/sass/utilities/controls.scss +85 -0
  72. data/app/assets/stylesheets/sass/utilities/css-variables.scss +425 -0
  73. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +112 -0
  74. data/app/assets/stylesheets/sass/utilities/extends.scss +34 -0
  75. data/app/assets/stylesheets/sass/utilities/functions.scss +258 -0
  76. data/app/assets/stylesheets/sass/utilities/initial-variables.scss +155 -0
  77. data/app/assets/stylesheets/sass/utilities/mixins.scss +460 -0
  78. data/bulma-rails.gemspec +4 -6
  79. metadata +84 -74
  80. data/app/assets/stylesheets/bulma.sass +0 -10
  81. data/app/assets/stylesheets/sass/base/_all.sass +0 -6
  82. data/app/assets/stylesheets/sass/base/animations.sass +0 -5
  83. data/app/assets/stylesheets/sass/base/generic.sass +0 -145
  84. data/app/assets/stylesheets/sass/base/helpers.sass +0 -1
  85. data/app/assets/stylesheets/sass/base/minireset.sass +0 -79
  86. data/app/assets/stylesheets/sass/components/_all.sass +0 -15
  87. data/app/assets/stylesheets/sass/components/breadcrumb.sass +0 -77
  88. data/app/assets/stylesheets/sass/components/card.sass +0 -103
  89. data/app/assets/stylesheets/sass/components/dropdown.sass +0 -83
  90. data/app/assets/stylesheets/sass/components/level.sass +0 -79
  91. data/app/assets/stylesheets/sass/components/media.sass +0 -59
  92. data/app/assets/stylesheets/sass/components/menu.sass +0 -59
  93. data/app/assets/stylesheets/sass/components/message.sass +0 -101
  94. data/app/assets/stylesheets/sass/components/modal.sass +0 -117
  95. data/app/assets/stylesheets/sass/components/navbar.sass +0 -446
  96. data/app/assets/stylesheets/sass/components/pagination.sass +0 -166
  97. data/app/assets/stylesheets/sass/components/panel.sass +0 -121
  98. data/app/assets/stylesheets/sass/components/tabs.sass +0 -176
  99. data/app/assets/stylesheets/sass/elements/_all.sass +0 -16
  100. data/app/assets/stylesheets/sass/elements/box.sass +0 -26
  101. data/app/assets/stylesheets/sass/elements/button.sass +0 -345
  102. data/app/assets/stylesheets/sass/elements/container.sass +0 -29
  103. data/app/assets/stylesheets/sass/elements/content.sass +0 -159
  104. data/app/assets/stylesheets/sass/elements/form.sass +0 -1
  105. data/app/assets/stylesheets/sass/elements/icon.sass +0 -46
  106. data/app/assets/stylesheets/sass/elements/image.sass +0 -73
  107. data/app/assets/stylesheets/sass/elements/notification.sass +0 -52
  108. data/app/assets/stylesheets/sass/elements/other.sass +0 -31
  109. data/app/assets/stylesheets/sass/elements/progress.sass +0 -73
  110. data/app/assets/stylesheets/sass/elements/table.sass +0 -133
  111. data/app/assets/stylesheets/sass/elements/tag.sass +0 -140
  112. data/app/assets/stylesheets/sass/elements/title.sass +0 -70
  113. data/app/assets/stylesheets/sass/form/_all.sass +0 -9
  114. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +0 -22
  115. data/app/assets/stylesheets/sass/form/file.sass +0 -184
  116. data/app/assets/stylesheets/sass/form/input-textarea.sass +0 -66
  117. data/app/assets/stylesheets/sass/form/select.sass +0 -87
  118. data/app/assets/stylesheets/sass/form/shared.sass +0 -60
  119. data/app/assets/stylesheets/sass/form/tools.sass +0 -215
  120. data/app/assets/stylesheets/sass/grid/_all.sass +0 -5
  121. data/app/assets/stylesheets/sass/grid/columns.sass +0 -513
  122. data/app/assets/stylesheets/sass/grid/tiles.sass +0 -36
  123. data/app/assets/stylesheets/sass/helpers/_all.sass +0 -12
  124. data/app/assets/stylesheets/sass/helpers/color.sass +0 -39
  125. data/app/assets/stylesheets/sass/helpers/flexbox.sass +0 -35
  126. data/app/assets/stylesheets/sass/helpers/float.sass +0 -10
  127. data/app/assets/stylesheets/sass/helpers/other.sass +0 -14
  128. data/app/assets/stylesheets/sass/helpers/overflow.sass +0 -2
  129. data/app/assets/stylesheets/sass/helpers/position.sass +0 -7
  130. data/app/assets/stylesheets/sass/helpers/spacing.sass +0 -31
  131. data/app/assets/stylesheets/sass/helpers/typography.sass +0 -103
  132. data/app/assets/stylesheets/sass/helpers/visibility.sass +0 -122
  133. data/app/assets/stylesheets/sass/layout/_all.sass +0 -6
  134. data/app/assets/stylesheets/sass/layout/footer.sass +0 -11
  135. data/app/assets/stylesheets/sass/layout/hero.sass +0 -153
  136. data/app/assets/stylesheets/sass/layout/section.sass +0 -17
  137. data/app/assets/stylesheets/sass/utilities/_all.sass +0 -9
  138. data/app/assets/stylesheets/sass/utilities/animations.sass +0 -1
  139. data/app/assets/stylesheets/sass/utilities/controls.sass +0 -49
  140. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +0 -114
  141. data/app/assets/stylesheets/sass/utilities/extends.sass +0 -25
  142. data/app/assets/stylesheets/sass/utilities/functions.sass +0 -136
  143. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +0 -78
  144. data/app/assets/stylesheets/sass/utilities/mixins.sass +0 -280
@@ -1,166 +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
- background-color: $pagination-disabled-background-color
93
- border-color: $pagination-disabled-border-color
94
- box-shadow: none
95
- color: $pagination-disabled-color
96
- opacity: 0.5
97
-
98
- .pagination-previous,
99
- .pagination-next
100
- padding-left: $pagination-nav-padding-left
101
- padding-right: $pagination-nav-padding-right
102
- white-space: nowrap
103
-
104
- .pagination-link
105
- &.is-current
106
- background-color: $pagination-current-background-color
107
- border-color: $pagination-current-border-color
108
- color: $pagination-current-color
109
-
110
- .pagination-ellipsis
111
- color: $pagination-ellipsis-color
112
- pointer-events: none
113
-
114
- .pagination-list
115
- flex-wrap: wrap
116
- li
117
- list-style: none
118
-
119
- +mobile
120
- .pagination
121
- flex-wrap: wrap
122
- .pagination-previous,
123
- .pagination-next
124
- flex-grow: 1
125
- flex-shrink: 1
126
- .pagination-list
127
- li
128
- flex-grow: 1
129
- flex-shrink: 1
130
-
131
- +tablet
132
- .pagination-list
133
- flex-grow: 1
134
- flex-shrink: 1
135
- justify-content: flex-start
136
- order: 1
137
- .pagination-previous,
138
- .pagination-next,
139
- .pagination-link,
140
- .pagination-ellipsis
141
- margin-bottom: 0
142
- margin-top: 0
143
- .pagination-previous
144
- order: 2
145
- .pagination-next
146
- order: 3
147
- .pagination
148
- justify-content: space-between
149
- margin-bottom: 0
150
- margin-top: 0
151
- &.is-centered
152
- .pagination-previous
153
- order: 1
154
- .pagination-list
155
- justify-content: center
156
- order: 2
157
- .pagination-next
158
- order: 3
159
- &.is-right
160
- .pagination-previous
161
- order: 1
162
- .pagination-next
163
- order: 2
164
- .pagination-list
165
- justify-content: flex-end
166
- 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