bulma-clean-theme 0.8.1 → 0.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (138) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +37 -0
  3. data/_includes/callouts.html +1 -1
  4. data/_includes/footer.html +1 -1
  5. data/_includes/gallery.html +27 -0
  6. data/_includes/head.html +1 -1
  7. data/_includes/header.html +3 -3
  8. data/_includes/hero.html +1 -1
  9. data/_includes/menubar.html +2 -2
  10. data/_includes/showcase.html +1 -1
  11. data/_includes/tabs.html +1 -1
  12. data/_layouts/default.html +1 -0
  13. data/_layouts/product-category.html +1 -1
  14. data/node_modules/bulma-block-list/docs/Gemfile +3 -0
  15. data/node_modules/bulma-block-list/docs/_config.yml +15 -0
  16. data/node_modules/bulma-block-list/docs/_data/menu.yaml +20 -0
  17. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +92 -0
  18. data/node_modules/bulma-block-list/docs/_sass/_main.scss +20 -0
  19. data/node_modules/bulma-block-list/docs/assets/css/app.scss +7 -0
  20. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  21. data/node_modules/bulma-block-list/docs/index.html +249 -261
  22. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -0
  23. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -0
  24. data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -0
  25. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -0
  26. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10855 -0
  27. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +1 -0
  28. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +1 -0
  29. data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -0
  30. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -0
  31. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -0
  32. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -0
  33. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -0
  34. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -0
  35. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
  36. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -0
  37. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -0
  38. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -0
  39. data/node_modules/{bulma → bulma-block-list/node_modules/bulma}/sass/components/list.sass +0 -0
  40. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -0
  41. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -0
  42. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -0
  43. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -0
  44. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -0
  45. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -0
  46. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -0
  47. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -0
  48. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -0
  49. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -0
  50. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -0
  51. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -0
  52. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -0
  53. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -0
  54. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -0
  55. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -0
  56. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -0
  57. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -0
  58. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -0
  59. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -0
  60. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -0
  61. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -0
  62. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -0
  63. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
  64. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -0
  65. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -0
  66. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -0
  67. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -0
  68. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -0
  69. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -0
  70. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -0
  71. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -0
  72. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -0
  73. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -0
  74. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -0
  75. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -0
  76. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -0
  77. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -0
  78. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -0
  79. data/node_modules/{bulma → bulma-block-list/node_modules/bulma}/sass/utilities/derived-variables.sass +0 -0
  80. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -0
  81. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -0
  82. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -0
  83. data/node_modules/bulma-block-list/package.json +10 -10
  84. data/node_modules/bulma-block-list/src/block-list.scss +24 -1
  85. data/node_modules/bulma/CHANGELOG.md +69 -0
  86. data/node_modules/bulma/README.md +1 -1
  87. data/node_modules/bulma/bulma.sass +2 -1
  88. data/node_modules/bulma/css/bulma-rtl.css +11331 -0
  89. data/node_modules/bulma/css/bulma-rtl.css.map +1 -0
  90. data/node_modules/bulma/css/bulma-rtl.min.css +1 -0
  91. data/node_modules/bulma/css/bulma.css +6935 -6459
  92. data/node_modules/bulma/css/bulma.css.map +1 -1
  93. data/node_modules/bulma/css/bulma.min.css +1 -1
  94. data/node_modules/bulma/package.json +22 -20
  95. data/node_modules/bulma/sass/base/_all.sass +0 -1
  96. data/node_modules/bulma/sass/base/generic.sass +1 -1
  97. data/node_modules/bulma/sass/base/helpers.sass +1 -281
  98. data/node_modules/bulma/sass/base/minireset.sass +1 -1
  99. data/node_modules/bulma/sass/components/_all.sass +0 -1
  100. data/node_modules/bulma/sass/components/breadcrumb.sass +3 -3
  101. data/node_modules/bulma/sass/components/card.sass +1 -1
  102. data/node_modules/bulma/sass/components/dropdown.sass +3 -3
  103. data/node_modules/bulma/sass/components/level.sass +2 -2
  104. data/node_modules/bulma/sass/components/media.sass +10 -8
  105. data/node_modules/bulma/sass/components/menu.sass +2 -2
  106. data/node_modules/bulma/sass/components/message.sass +1 -1
  107. data/node_modules/bulma/sass/components/modal.sass +2 -2
  108. data/node_modules/bulma/sass/components/navbar.sass +9 -9
  109. data/node_modules/bulma/sass/components/panel.sass +2 -2
  110. data/node_modules/bulma/sass/components/tabs.sass +35 -12
  111. data/node_modules/bulma/sass/elements/button.sass +7 -7
  112. data/node_modules/bulma/sass/elements/content.sass +5 -5
  113. data/node_modules/bulma/sass/elements/notification.sass +7 -2
  114. data/node_modules/bulma/sass/elements/table.sass +3 -1
  115. data/node_modules/bulma/sass/elements/tag.sass +24 -16
  116. data/node_modules/bulma/sass/form/checkbox-radio.sass +1 -1
  117. data/node_modules/bulma/sass/form/file.sass +2 -2
  118. data/node_modules/bulma/sass/form/select.sass +4 -4
  119. data/node_modules/bulma/sass/form/tools.sass +18 -10
  120. data/node_modules/bulma/sass/helpers/_all.sass +10 -0
  121. data/node_modules/bulma/sass/helpers/color.sass +37 -0
  122. data/node_modules/bulma/sass/helpers/float.sass +8 -0
  123. data/node_modules/bulma/sass/helpers/other.sass +8 -0
  124. data/node_modules/bulma/sass/helpers/overflow.sass +2 -0
  125. data/node_modules/bulma/sass/helpers/position.sass +5 -0
  126. data/node_modules/bulma/sass/helpers/spacing.sass +28 -0
  127. data/node_modules/bulma/sass/helpers/typography.sass +98 -0
  128. data/node_modules/bulma/sass/helpers/visibility.sass +122 -0
  129. data/node_modules/bulma/sass/layout/hero.sass +1 -1
  130. data/node_modules/bulma/sass/utilities/_all.sass +1 -1
  131. data/node_modules/bulma/sass/utilities/derived-variables.scss +132 -0
  132. data/node_modules/bulma/sass/utilities/functions.sass +5 -0
  133. data/node_modules/bulma/sass/utilities/initial-variables.sass +1 -0
  134. data/node_modules/bulma/sass/utilities/mixins.sass +24 -0
  135. data/package-lock.json +13 -6
  136. data/package.json +2 -2
  137. metadata +84 -5
  138. data/node_modules/bulma-block-list/docs/demo.css +0 -7241
@@ -0,0 +1,150 @@
1
+ $pagination-color: $text-strong !default
2
+ $pagination-border-color: $border !default
3
+ $pagination-margin: -0.25rem !default
4
+ $pagination-min-width: $control-height !default
5
+
6
+ $pagination-item-font-size: 1em !default
7
+ $pagination-item-margin: 0.25rem !default
8
+ $pagination-item-padding-left: 0.5em !default
9
+ $pagination-item-padding-right: 0.5em !default
10
+
11
+ $pagination-hover-color: $link-hover !default
12
+ $pagination-hover-border-color: $link-hover-border !default
13
+
14
+ $pagination-focus-color: $link-focus !default
15
+ $pagination-focus-border-color: $link-focus-border !default
16
+
17
+ $pagination-active-color: $link-active !default
18
+ $pagination-active-border-color: $link-active-border !default
19
+
20
+ $pagination-disabled-color: $text-light !default
21
+ $pagination-disabled-background-color: $border !default
22
+ $pagination-disabled-border-color: $border !default
23
+
24
+ $pagination-current-color: $link-invert !default
25
+ $pagination-current-background-color: $link !default
26
+ $pagination-current-border-color: $link !default
27
+
28
+ $pagination-ellipsis-color: $grey-light !default
29
+
30
+ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
31
+
32
+ .pagination
33
+ @extend %block
34
+ font-size: $size-normal
35
+ margin: $pagination-margin
36
+ // Sizes
37
+ &.is-small
38
+ font-size: $size-small
39
+ &.is-medium
40
+ font-size: $size-medium
41
+ &.is-large
42
+ font-size: $size-large
43
+ &.is-rounded
44
+ .pagination-previous,
45
+ .pagination-next
46
+ padding-left: 1em
47
+ padding-right: 1em
48
+ border-radius: $radius-rounded
49
+ .pagination-link
50
+ border-radius: $radius-rounded
51
+
52
+ .pagination,
53
+ .pagination-list
54
+ align-items: center
55
+ display: flex
56
+ justify-content: center
57
+ text-align: center
58
+
59
+ .pagination-previous,
60
+ .pagination-next,
61
+ .pagination-link,
62
+ .pagination-ellipsis
63
+ @extend %control
64
+ @extend %unselectable
65
+ font-size: $pagination-item-font-size
66
+ justify-content: center
67
+ margin: $pagination-item-margin
68
+ padding-left: $pagination-item-padding-left
69
+ padding-right: $pagination-item-padding-right
70
+ text-align: center
71
+
72
+ .pagination-previous,
73
+ .pagination-next,
74
+ .pagination-link
75
+ border-color: $pagination-border-color
76
+ color: $pagination-color
77
+ min-width: $pagination-min-width
78
+ &:hover
79
+ border-color: $pagination-hover-border-color
80
+ color: $pagination-hover-color
81
+ &:focus
82
+ border-color: $pagination-focus-border-color
83
+ &:active
84
+ box-shadow: $pagination-shadow-inset
85
+ &[disabled]
86
+ background-color: $pagination-disabled-background-color
87
+ border-color: $pagination-disabled-border-color
88
+ box-shadow: none
89
+ color: $pagination-disabled-color
90
+ opacity: 0.5
91
+
92
+ .pagination-previous,
93
+ .pagination-next
94
+ padding-left: 0.75em
95
+ padding-right: 0.75em
96
+ white-space: nowrap
97
+
98
+ .pagination-link
99
+ &.is-current
100
+ background-color: $pagination-current-background-color
101
+ border-color: $pagination-current-border-color
102
+ color: $pagination-current-color
103
+
104
+ .pagination-ellipsis
105
+ color: $pagination-ellipsis-color
106
+ pointer-events: none
107
+
108
+ .pagination-list
109
+ flex-wrap: wrap
110
+
111
+ +mobile
112
+ .pagination
113
+ flex-wrap: wrap
114
+ .pagination-previous,
115
+ .pagination-next
116
+ flex-grow: 1
117
+ flex-shrink: 1
118
+ .pagination-list
119
+ li
120
+ flex-grow: 1
121
+ flex-shrink: 1
122
+
123
+ +tablet
124
+ .pagination-list
125
+ flex-grow: 1
126
+ flex-shrink: 1
127
+ justify-content: flex-start
128
+ order: 1
129
+ .pagination-previous
130
+ order: 2
131
+ .pagination-next
132
+ order: 3
133
+ .pagination
134
+ justify-content: space-between
135
+ &.is-centered
136
+ .pagination-previous
137
+ order: 1
138
+ .pagination-list
139
+ justify-content: center
140
+ order: 2
141
+ .pagination-next
142
+ order: 3
143
+ &.is-right
144
+ .pagination-previous
145
+ order: 1
146
+ .pagination-next
147
+ order: 2
148
+ .pagination-list
149
+ justify-content: flex-end
150
+ order: 3
@@ -0,0 +1,119 @@
1
+ $panel-margin: $block-spacing !default
2
+ $panel-item-border: 1px solid $border-light !default
3
+ $panel-radius: $radius-large !default
4
+ $panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
5
+
6
+ $panel-heading-background-color: $border-light !default
7
+ $panel-heading-color: $text-strong !default
8
+ $panel-heading-line-height: 1.25 !default
9
+ $panel-heading-padding: 0.75em 1em !default
10
+ $panel-heading-radius: $radius !default
11
+ $panel-heading-size: 1.25em !default
12
+ $panel-heading-weight: $weight-bold !default
13
+
14
+ $panel-tabs-font-size: 0.875em !default
15
+ $panel-tab-border-bottom: 1px solid $border !default
16
+ $panel-tab-active-border-bottom-color: $link-active-border !default
17
+ $panel-tab-active-color: $link-active !default
18
+
19
+ $panel-list-item-color: $text !default
20
+ $panel-list-item-hover-color: $link !default
21
+
22
+ $panel-block-color: $text-strong !default
23
+ $panel-block-hover-background-color: $background !default
24
+ $panel-block-active-border-left-color: $link !default
25
+ $panel-block-active-color: $link-active !default
26
+ $panel-block-active-icon-color: $link !default
27
+
28
+ $panel-icon-color: $text-light !default
29
+ $panel-colors: $colors !default
30
+
31
+ .panel
32
+ border-radius: $panel-radius
33
+ box-shadow: $panel-shadow
34
+ font-size: $size-normal
35
+ &:not(:last-child)
36
+ margin-bottom: $panel-margin
37
+ // Colors
38
+ @each $name, $components in $panel-colors
39
+ $color: nth($components, 1)
40
+ $color-invert: nth($components, 2)
41
+ &.is-#{$name}
42
+ .panel-heading
43
+ background-color: $color
44
+ color: $color-invert
45
+ .panel-tabs a.is-active
46
+ border-bottom-color: $color
47
+ .panel-block.is-active .panel-icon
48
+ color: $color
49
+
50
+ .panel-tabs,
51
+ .panel-block
52
+ &:not(:last-child)
53
+ border-bottom: $panel-item-border
54
+
55
+ .panel-heading
56
+ background-color: $panel-heading-background-color
57
+ border-radius: $panel-radius $panel-radius 0 0
58
+ color: $panel-heading-color
59
+ font-size: $panel-heading-size
60
+ font-weight: $panel-heading-weight
61
+ line-height: $panel-heading-line-height
62
+ padding: $panel-heading-padding
63
+
64
+ .panel-tabs
65
+ align-items: flex-end
66
+ display: flex
67
+ font-size: $panel-tabs-font-size
68
+ justify-content: center
69
+ a
70
+ border-bottom: $panel-tab-border-bottom
71
+ margin-bottom: -1px
72
+ padding: 0.5em
73
+ // Modifiers
74
+ &.is-active
75
+ border-bottom-color: $panel-tab-active-border-bottom-color
76
+ color: $panel-tab-active-color
77
+
78
+ .panel-list
79
+ a
80
+ color: $panel-list-item-color
81
+ &:hover
82
+ color: $panel-list-item-hover-color
83
+
84
+ .panel-block
85
+ align-items: center
86
+ color: $panel-block-color
87
+ display: flex
88
+ justify-content: flex-start
89
+ padding: 0.5em 0.75em
90
+ input[type="checkbox"]
91
+ margin-right: 0.75em
92
+ & > .control
93
+ flex-grow: 1
94
+ flex-shrink: 1
95
+ width: 100%
96
+ &.is-wrapped
97
+ flex-wrap: wrap
98
+ &.is-active
99
+ border-left-color: $panel-block-active-border-left-color
100
+ color: $panel-block-active-color
101
+ .panel-icon
102
+ color: $panel-block-active-icon-color
103
+ &:last-child
104
+ border-bottom-left-radius: $panel-radius
105
+ border-bottom-right-radius: $panel-radius
106
+
107
+ a.panel-block,
108
+ label.panel-block
109
+ cursor: pointer
110
+ &:hover
111
+ background-color: $panel-block-hover-background-color
112
+
113
+ .panel-icon
114
+ +fa(14px, 1em)
115
+ color: $panel-icon-color
116
+ margin-right: 0.75em
117
+ .fa
118
+ font-size: inherit
119
+ line-height: inherit
@@ -0,0 +1,151 @@
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
@@ -0,0 +1,15 @@
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"
@@ -0,0 +1,24 @@
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