jekyll-theme-opentoolbox 1.1.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (191) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +57 -31
  3. data/_includes/banner.html +4 -4
  4. data/_includes/callouts.html +8 -3
  5. data/_includes/contribute.html +19 -0
  6. data/_includes/credits.html +13 -0
  7. data/_includes/disqus.html +16 -16
  8. data/_includes/footer.html +6 -17
  9. data/_includes/gallery.html +24 -24
  10. data/_includes/google-analytics.html +7 -7
  11. data/_includes/header.html +11 -12
  12. data/_includes/icon.html +3 -0
  13. data/_includes/image-modal.html +18 -18
  14. data/_includes/important-message.html +5 -0
  15. data/_includes/latest-posts.html +14 -12
  16. data/_includes/menubar.html +20 -20
  17. data/_includes/notification.html +17 -16
  18. data/_includes/pagination.html +21 -23
  19. data/_includes/post-card.html +1 -1
  20. data/_includes/section-divider.html +5 -0
  21. data/_includes/showcase.html +1 -1
  22. data/_includes/simple_banner.html +11 -0
  23. data/_includes/sponsors.html +43 -41
  24. data/_includes/subscribe.html +15 -15
  25. data/_includes/tabs.html +18 -17
  26. data/_includes/tag.html +2 -2
  27. data/_includes/toc.html +82 -82
  28. data/_includes/vimeo.html +2 -2
  29. data/_includes/youtube.html +7 -7
  30. data/_layouts/base.html +2 -0
  31. data/_layouts/default.html +1 -1
  32. data/_layouts/page.html +10 -10
  33. data/_layouts/post.html +4 -2
  34. data/_layouts/resource.html +1 -1
  35. data/_sass/_external.scss +1 -0
  36. data/_sass/_layout.scss +48 -36
  37. data/_sass/_main.scss +45 -22
  38. data/_sass/_showcase.scss +12 -12
  39. data/_sass/{syntax.scss → _syntax.scss} +209 -209
  40. data/_sass/_variables.scss +125 -0
  41. data/_sass/highlight/_dark.scss +71 -0
  42. data/_sass/{_highlight.scss → highlight/_light.scss} +0 -0
  43. data/assets/css/app.scss +7 -146
  44. data/blog/index.html +4 -2
  45. data/node_modules/bulma-block-list/LICENSE.txt +21 -21
  46. data/node_modules/bulma-block-list/README.md +31 -31
  47. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  48. data/node_modules/bulma-block-list/docs/_config.yml +15 -15
  49. data/node_modules/bulma-block-list/docs/_data/menu.yaml +19 -19
  50. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +108 -108
  51. data/node_modules/bulma-block-list/docs/_sass/_main.scss +19 -19
  52. data/node_modules/bulma-block-list/docs/assets/css/app.scss +6 -6
  53. data/node_modules/bulma-block-list/docs/index.html +260 -260
  54. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -1390
  55. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -21
  56. data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -130
  57. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -9
  58. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10854 -10854
  59. data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -77
  60. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -5
  61. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -142
  62. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -281
  63. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -79
  64. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -15
  65. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -75
  66. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -79
  67. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -81
  68. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -77
  69. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +39 -39
  70. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -50
  71. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -57
  72. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -99
  73. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -113
  74. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -441
  75. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -150
  76. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -119
  77. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -151
  78. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -15
  79. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -24
  80. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -323
  81. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -24
  82. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -155
  83. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -1
  84. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -21
  85. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -71
  86. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -43
  87. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -39
  88. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -67
  89. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -127
  90. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -128
  91. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -70
  92. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -8
  93. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -21
  94. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -180
  95. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -64
  96. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -85
  97. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -55
  98. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -205
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -4
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -504
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -34
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -5
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -9
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -145
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -13
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -8
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -5
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -50
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +106 -106
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -110
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -77
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -261
  113. data/node_modules/bulma-block-list/package.json +56 -56
  114. data/node_modules/bulma-block-list/src/block-list.scss +108 -108
  115. data/node_modules/bulma-block-list/src/demo.scss +2 -2
  116. data/node_modules/bulma/CHANGELOG.md +1558 -1558
  117. data/node_modules/bulma/LICENSE +21 -21
  118. data/node_modules/bulma/README.md +134 -134
  119. data/node_modules/bulma/bulma.sass +10 -10
  120. data/node_modules/bulma/css/bulma-rtl.css +11810 -11810
  121. data/node_modules/bulma/css/bulma.css +11810 -11810
  122. data/node_modules/bulma/package.json +81 -81
  123. data/node_modules/bulma/sass/base/_all.sass +6 -6
  124. data/node_modules/bulma/sass/base/animations.sass +5 -5
  125. data/node_modules/bulma/sass/base/generic.sass +145 -145
  126. data/node_modules/bulma/sass/base/helpers.sass +1 -1
  127. data/node_modules/bulma/sass/base/minireset.sass +79 -79
  128. data/node_modules/bulma/sass/components/_all.sass +15 -15
  129. data/node_modules/bulma/sass/components/breadcrumb.sass +77 -77
  130. data/node_modules/bulma/sass/components/card.sass +103 -103
  131. data/node_modules/bulma/sass/components/dropdown.sass +83 -83
  132. data/node_modules/bulma/sass/components/level.sass +79 -79
  133. data/node_modules/bulma/sass/components/media.sass +59 -59
  134. data/node_modules/bulma/sass/components/menu.sass +59 -59
  135. data/node_modules/bulma/sass/components/message.sass +101 -101
  136. data/node_modules/bulma/sass/components/modal.sass +117 -117
  137. data/node_modules/bulma/sass/components/navbar.sass +446 -446
  138. data/node_modules/bulma/sass/components/pagination.sass +166 -166
  139. data/node_modules/bulma/sass/components/panel.sass +121 -121
  140. data/node_modules/bulma/sass/components/tabs.sass +176 -176
  141. data/node_modules/bulma/sass/elements/_all.sass +16 -16
  142. data/node_modules/bulma/sass/elements/box.sass +26 -26
  143. data/node_modules/bulma/sass/elements/button.sass +345 -345
  144. data/node_modules/bulma/sass/elements/container.sass +29 -29
  145. data/node_modules/bulma/sass/elements/content.sass +159 -159
  146. data/node_modules/bulma/sass/elements/form.sass +1 -1
  147. data/node_modules/bulma/sass/elements/icon.sass +46 -46
  148. data/node_modules/bulma/sass/elements/image.sass +73 -73
  149. data/node_modules/bulma/sass/elements/notification.sass +52 -52
  150. data/node_modules/bulma/sass/elements/other.sass +31 -31
  151. data/node_modules/bulma/sass/elements/progress.sass +73 -73
  152. data/node_modules/bulma/sass/elements/table.sass +133 -133
  153. data/node_modules/bulma/sass/elements/tag.sass +140 -140
  154. data/node_modules/bulma/sass/elements/title.sass +70 -70
  155. data/node_modules/bulma/sass/form/_all.sass +9 -9
  156. data/node_modules/bulma/sass/form/checkbox-radio.sass +22 -22
  157. data/node_modules/bulma/sass/form/file.sass +184 -184
  158. data/node_modules/bulma/sass/form/input-textarea.sass +66 -66
  159. data/node_modules/bulma/sass/form/select.sass +87 -87
  160. data/node_modules/bulma/sass/form/shared.sass +60 -60
  161. data/node_modules/bulma/sass/form/tools.sass +215 -215
  162. data/node_modules/bulma/sass/grid/_all.sass +5 -5
  163. data/node_modules/bulma/sass/grid/columns.sass +513 -513
  164. data/node_modules/bulma/sass/grid/tiles.sass +36 -36
  165. data/node_modules/bulma/sass/helpers/_all.sass +12 -12
  166. data/node_modules/bulma/sass/helpers/color.sass +39 -39
  167. data/node_modules/bulma/sass/helpers/flexbox.sass +35 -35
  168. data/node_modules/bulma/sass/helpers/float.sass +10 -10
  169. data/node_modules/bulma/sass/helpers/other.sass +14 -14
  170. data/node_modules/bulma/sass/helpers/overflow.sass +2 -2
  171. data/node_modules/bulma/sass/helpers/position.sass +7 -7
  172. data/node_modules/bulma/sass/helpers/spacing.sass +31 -31
  173. data/node_modules/bulma/sass/helpers/typography.sass +103 -103
  174. data/node_modules/bulma/sass/helpers/visibility.sass +122 -122
  175. data/node_modules/bulma/sass/layout/_all.sass +6 -6
  176. data/node_modules/bulma/sass/layout/footer.sass +11 -11
  177. data/node_modules/bulma/sass/layout/hero.sass +153 -153
  178. data/node_modules/bulma/sass/layout/section.sass +17 -17
  179. data/node_modules/bulma/sass/utilities/_all.sass +9 -9
  180. data/node_modules/bulma/sass/utilities/animations.sass +1 -1
  181. data/node_modules/bulma/sass/utilities/controls.sass +49 -49
  182. data/node_modules/bulma/sass/utilities/derived-variables.sass +114 -114
  183. data/node_modules/bulma/sass/utilities/extends.sass +25 -25
  184. data/node_modules/bulma/sass/utilities/functions.sass +136 -136
  185. data/node_modules/bulma/sass/utilities/initial-variables.sass +78 -78
  186. data/node_modules/bulma/sass/utilities/mixins.sass +280 -280
  187. data/package-lock.json +28 -28
  188. data/package.json +20 -20
  189. metadata +14 -7
  190. data/_includes/hero.html +0 -11
  191. data/_includes/join.html +0 -30
@@ -1,133 +1,133 @@
1
- @import "../utilities/mixins"
2
-
3
- $table-color: $text-strong !default
4
- $table-background-color: $scheme-main !default
5
-
6
- $table-cell-border: 1px solid $border !default
7
- $table-cell-border-width: 0 0 1px !default
8
- $table-cell-padding: 0.5em 0.75em !default
9
- $table-cell-heading-color: $text-strong !default
10
-
11
- $table-head-cell-border-width: 0 0 2px !default
12
- $table-head-cell-color: $text-strong !default
13
- $table-foot-cell-border-width: 2px 0 0 !default
14
- $table-foot-cell-color: $text-strong !default
15
-
16
- $table-head-background-color: transparent !default
17
- $table-body-background-color: transparent !default
18
- $table-foot-background-color: transparent !default
19
-
20
- $table-row-hover-background-color: $scheme-main-bis !default
21
-
22
- $table-row-active-background-color: $primary !default
23
- $table-row-active-color: $primary-invert !default
24
-
25
- $table-striped-row-even-background-color: $scheme-main-bis !default
26
- $table-striped-row-even-hover-background-color: $scheme-main-ter !default
27
-
28
- $table-colors: $colors !default
29
-
30
- .table
31
- @extend %block
32
- background-color: $table-background-color
33
- color: $table-color
34
- td,
35
- th
36
- border: $table-cell-border
37
- border-width: $table-cell-border-width
38
- padding: $table-cell-padding
39
- vertical-align: top
40
- // Colors
41
- @each $name, $pair in $table-colors
42
- $color: nth($pair, 1)
43
- $color-invert: nth($pair, 2)
44
- &.is-#{$name}
45
- background-color: $color
46
- border-color: $color
47
- color: $color-invert
48
- // Modifiers
49
- &.is-narrow
50
- white-space: nowrap
51
- width: 1%
52
- &.is-selected
53
- background-color: $table-row-active-background-color
54
- color: $table-row-active-color
55
- a,
56
- strong
57
- color: currentColor
58
- &.is-vcentered
59
- vertical-align: middle
60
- th
61
- color: $table-cell-heading-color
62
- &:not([align])
63
- text-align: inherit
64
- tr
65
- &.is-selected
66
- background-color: $table-row-active-background-color
67
- color: $table-row-active-color
68
- a,
69
- strong
70
- color: currentColor
71
- td,
72
- th
73
- border-color: $table-row-active-color
74
- color: currentColor
75
- thead
76
- background-color: $table-head-background-color
77
- td,
78
- th
79
- border-width: $table-head-cell-border-width
80
- color: $table-head-cell-color
81
- tfoot
82
- background-color: $table-foot-background-color
83
- td,
84
- th
85
- border-width: $table-foot-cell-border-width
86
- color: $table-foot-cell-color
87
- tbody
88
- background-color: $table-body-background-color
89
- tr
90
- &:last-child
91
- td,
92
- th
93
- border-bottom-width: 0
94
- // Modifiers
95
- &.is-bordered
96
- td,
97
- th
98
- border-width: 1px
99
- tr
100
- &:last-child
101
- td,
102
- th
103
- border-bottom-width: 1px
104
- &.is-fullwidth
105
- width: 100%
106
- &.is-hoverable
107
- tbody
108
- tr:not(.is-selected)
109
- &:hover
110
- background-color: $table-row-hover-background-color
111
- &.is-striped
112
- tbody
113
- tr:not(.is-selected)
114
- &:hover
115
- background-color: $table-row-hover-background-color
116
- &:nth-child(even)
117
- background-color: $table-striped-row-even-hover-background-color
118
- &.is-narrow
119
- td,
120
- th
121
- padding: 0.25em 0.5em
122
- &.is-striped
123
- tbody
124
- tr:not(.is-selected)
125
- &:nth-child(even)
126
- background-color: $table-striped-row-even-background-color
127
-
128
- .table-container
129
- @extend %block
130
- +overflow-touch
131
- overflow: auto
132
- overflow-y: hidden
133
- max-width: 100%
1
+ @import "../utilities/mixins"
2
+
3
+ $table-color: $text-strong !default
4
+ $table-background-color: $scheme-main !default
5
+
6
+ $table-cell-border: 1px solid $border !default
7
+ $table-cell-border-width: 0 0 1px !default
8
+ $table-cell-padding: 0.5em 0.75em !default
9
+ $table-cell-heading-color: $text-strong !default
10
+
11
+ $table-head-cell-border-width: 0 0 2px !default
12
+ $table-head-cell-color: $text-strong !default
13
+ $table-foot-cell-border-width: 2px 0 0 !default
14
+ $table-foot-cell-color: $text-strong !default
15
+
16
+ $table-head-background-color: transparent !default
17
+ $table-body-background-color: transparent !default
18
+ $table-foot-background-color: transparent !default
19
+
20
+ $table-row-hover-background-color: $scheme-main-bis !default
21
+
22
+ $table-row-active-background-color: $primary !default
23
+ $table-row-active-color: $primary-invert !default
24
+
25
+ $table-striped-row-even-background-color: $scheme-main-bis !default
26
+ $table-striped-row-even-hover-background-color: $scheme-main-ter !default
27
+
28
+ $table-colors: $colors !default
29
+
30
+ .table
31
+ @extend %block
32
+ background-color: $table-background-color
33
+ color: $table-color
34
+ td,
35
+ th
36
+ border: $table-cell-border
37
+ border-width: $table-cell-border-width
38
+ padding: $table-cell-padding
39
+ vertical-align: top
40
+ // Colors
41
+ @each $name, $pair in $table-colors
42
+ $color: nth($pair, 1)
43
+ $color-invert: nth($pair, 2)
44
+ &.is-#{$name}
45
+ background-color: $color
46
+ border-color: $color
47
+ color: $color-invert
48
+ // Modifiers
49
+ &.is-narrow
50
+ white-space: nowrap
51
+ width: 1%
52
+ &.is-selected
53
+ background-color: $table-row-active-background-color
54
+ color: $table-row-active-color
55
+ a,
56
+ strong
57
+ color: currentColor
58
+ &.is-vcentered
59
+ vertical-align: middle
60
+ th
61
+ color: $table-cell-heading-color
62
+ &:not([align])
63
+ text-align: inherit
64
+ tr
65
+ &.is-selected
66
+ background-color: $table-row-active-background-color
67
+ color: $table-row-active-color
68
+ a,
69
+ strong
70
+ color: currentColor
71
+ td,
72
+ th
73
+ border-color: $table-row-active-color
74
+ color: currentColor
75
+ thead
76
+ background-color: $table-head-background-color
77
+ td,
78
+ th
79
+ border-width: $table-head-cell-border-width
80
+ color: $table-head-cell-color
81
+ tfoot
82
+ background-color: $table-foot-background-color
83
+ td,
84
+ th
85
+ border-width: $table-foot-cell-border-width
86
+ color: $table-foot-cell-color
87
+ tbody
88
+ background-color: $table-body-background-color
89
+ tr
90
+ &:last-child
91
+ td,
92
+ th
93
+ border-bottom-width: 0
94
+ // Modifiers
95
+ &.is-bordered
96
+ td,
97
+ th
98
+ border-width: 1px
99
+ tr
100
+ &:last-child
101
+ td,
102
+ th
103
+ border-bottom-width: 1px
104
+ &.is-fullwidth
105
+ width: 100%
106
+ &.is-hoverable
107
+ tbody
108
+ tr:not(.is-selected)
109
+ &:hover
110
+ background-color: $table-row-hover-background-color
111
+ &.is-striped
112
+ tbody
113
+ tr:not(.is-selected)
114
+ &:hover
115
+ background-color: $table-row-hover-background-color
116
+ &:nth-child(even)
117
+ background-color: $table-striped-row-even-hover-background-color
118
+ &.is-narrow
119
+ td,
120
+ th
121
+ padding: 0.25em 0.5em
122
+ &.is-striped
123
+ tbody
124
+ tr:not(.is-selected)
125
+ &:nth-child(even)
126
+ background-color: $table-striped-row-even-background-color
127
+
128
+ .table-container
129
+ @extend %block
130
+ +overflow-touch
131
+ overflow: auto
132
+ overflow-y: hidden
133
+ max-width: 100%
@@ -1,140 +1,140 @@
1
- @import "../utilities/mixins"
2
-
3
- $tag-background-color: $background !default
4
- $tag-color: $text !default
5
- $tag-radius: $radius !default
6
- $tag-delete-margin: 1px !default
7
-
8
- $tag-colors: $colors !default
9
-
10
- .tags
11
- align-items: center
12
- display: flex
13
- flex-wrap: wrap
14
- justify-content: flex-start
15
- .tag
16
- margin-bottom: 0.5rem
17
- &:not(:last-child)
18
- +ltr-property("margin", 0.5rem)
19
- &:last-child
20
- margin-bottom: -0.5rem
21
- &:not(:last-child)
22
- margin-bottom: 1rem
23
- // Sizes
24
- &.are-medium
25
- .tag:not(.is-normal):not(.is-large)
26
- font-size: $size-normal
27
- &.are-large
28
- .tag:not(.is-normal):not(.is-medium)
29
- font-size: $size-medium
30
- &.is-centered
31
- justify-content: center
32
- .tag
33
- margin-right: 0.25rem
34
- margin-left: 0.25rem
35
- &.is-right
36
- justify-content: flex-end
37
- .tag
38
- &:not(:first-child)
39
- margin-left: 0.5rem
40
- &:not(:last-child)
41
- margin-right: 0
42
- &.has-addons
43
- .tag
44
- +ltr-property("margin", 0)
45
- &:not(:first-child)
46
- +ltr-property("margin", 0, false)
47
- +ltr
48
- border-top-left-radius: 0
49
- border-bottom-left-radius: 0
50
- +rtl
51
- border-top-right-radius: 0
52
- border-bottom-right-radius: 0
53
- &:not(:last-child)
54
- +ltr
55
- border-top-right-radius: 0
56
- border-bottom-right-radius: 0
57
- +rtl
58
- border-top-left-radius: 0
59
- border-bottom-left-radius: 0
60
-
61
- .tag:not(body)
62
- align-items: center
63
- background-color: $tag-background-color
64
- border-radius: $tag-radius
65
- color: $tag-color
66
- display: inline-flex
67
- font-size: $size-small
68
- height: 2em
69
- justify-content: center
70
- line-height: 1.5
71
- padding-left: 0.75em
72
- padding-right: 0.75em
73
- white-space: nowrap
74
- .delete
75
- +ltr-property("margin", 0.25rem, false)
76
- +ltr-property("margin", -0.375rem)
77
- // Colors
78
- @each $name, $pair in $tag-colors
79
- $color: nth($pair, 1)
80
- $color-invert: nth($pair, 2)
81
- &.is-#{$name}
82
- background-color: $color
83
- color: $color-invert
84
- // If a light and dark colors are provided
85
- @if length($pair) > 3
86
- $color-light: nth($pair, 3)
87
- $color-dark: nth($pair, 4)
88
- &.is-light
89
- background-color: $color-light
90
- color: $color-dark
91
- // Sizes
92
- &.is-normal
93
- font-size: $size-small
94
- &.is-medium
95
- font-size: $size-normal
96
- &.is-large
97
- font-size: $size-medium
98
- .icon
99
- &:first-child:not(:last-child)
100
- +ltr-property("margin", -0.375em, false)
101
- +ltr-property("margin", 0.1875em)
102
- &:last-child:not(:first-child)
103
- +ltr-property("margin", 0.1875em, false)
104
- +ltr-property("margin", -0.375em)
105
- &:first-child:last-child
106
- +ltr-property("margin", -0.375em, false)
107
- +ltr-property("margin", -0.375em)
108
- // Modifiers
109
- &.is-delete
110
- +ltr-property("margin", $tag-delete-margin, false)
111
- padding: 0
112
- position: relative
113
- width: 2em
114
- &::before,
115
- &::after
116
- background-color: currentColor
117
- content: ""
118
- display: block
119
- left: 50%
120
- position: absolute
121
- top: 50%
122
- transform: translateX(-50%) translateY(-50%) rotate(45deg)
123
- transform-origin: center center
124
- &::before
125
- height: 1px
126
- width: 50%
127
- &::after
128
- height: 50%
129
- width: 1px
130
- &:hover,
131
- &:focus
132
- background-color: darken($tag-background-color, 5%)
133
- &:active
134
- background-color: darken($tag-background-color, 10%)
135
- &.is-rounded
136
- border-radius: $radius-rounded
137
-
138
- a.tag
139
- &:hover
140
- text-decoration: underline
1
+ @import "../utilities/mixins"
2
+
3
+ $tag-background-color: $background !default
4
+ $tag-color: $text !default
5
+ $tag-radius: $radius !default
6
+ $tag-delete-margin: 1px !default
7
+
8
+ $tag-colors: $colors !default
9
+
10
+ .tags
11
+ align-items: center
12
+ display: flex
13
+ flex-wrap: wrap
14
+ justify-content: flex-start
15
+ .tag
16
+ margin-bottom: 0.5rem
17
+ &:not(:last-child)
18
+ +ltr-property("margin", 0.5rem)
19
+ &:last-child
20
+ margin-bottom: -0.5rem
21
+ &:not(:last-child)
22
+ margin-bottom: 1rem
23
+ // Sizes
24
+ &.are-medium
25
+ .tag:not(.is-normal):not(.is-large)
26
+ font-size: $size-normal
27
+ &.are-large
28
+ .tag:not(.is-normal):not(.is-medium)
29
+ font-size: $size-medium
30
+ &.is-centered
31
+ justify-content: center
32
+ .tag
33
+ margin-right: 0.25rem
34
+ margin-left: 0.25rem
35
+ &.is-right
36
+ justify-content: flex-end
37
+ .tag
38
+ &:not(:first-child)
39
+ margin-left: 0.5rem
40
+ &:not(:last-child)
41
+ margin-right: 0
42
+ &.has-addons
43
+ .tag
44
+ +ltr-property("margin", 0)
45
+ &:not(:first-child)
46
+ +ltr-property("margin", 0, false)
47
+ +ltr
48
+ border-top-left-radius: 0
49
+ border-bottom-left-radius: 0
50
+ +rtl
51
+ border-top-right-radius: 0
52
+ border-bottom-right-radius: 0
53
+ &:not(:last-child)
54
+ +ltr
55
+ border-top-right-radius: 0
56
+ border-bottom-right-radius: 0
57
+ +rtl
58
+ border-top-left-radius: 0
59
+ border-bottom-left-radius: 0
60
+
61
+ .tag:not(body)
62
+ align-items: center
63
+ background-color: $tag-background-color
64
+ border-radius: $tag-radius
65
+ color: $tag-color
66
+ display: inline-flex
67
+ font-size: $size-small
68
+ height: 2em
69
+ justify-content: center
70
+ line-height: 1.5
71
+ padding-left: 0.75em
72
+ padding-right: 0.75em
73
+ white-space: nowrap
74
+ .delete
75
+ +ltr-property("margin", 0.25rem, false)
76
+ +ltr-property("margin", -0.375rem)
77
+ // Colors
78
+ @each $name, $pair in $tag-colors
79
+ $color: nth($pair, 1)
80
+ $color-invert: nth($pair, 2)
81
+ &.is-#{$name}
82
+ background-color: $color
83
+ color: $color-invert
84
+ // If a light and dark colors are provided
85
+ @if length($pair) > 3
86
+ $color-light: nth($pair, 3)
87
+ $color-dark: nth($pair, 4)
88
+ &.is-light
89
+ background-color: $color-light
90
+ color: $color-dark
91
+ // Sizes
92
+ &.is-normal
93
+ font-size: $size-small
94
+ &.is-medium
95
+ font-size: $size-normal
96
+ &.is-large
97
+ font-size: $size-medium
98
+ .icon
99
+ &:first-child:not(:last-child)
100
+ +ltr-property("margin", -0.375em, false)
101
+ +ltr-property("margin", 0.1875em)
102
+ &:last-child:not(:first-child)
103
+ +ltr-property("margin", 0.1875em, false)
104
+ +ltr-property("margin", -0.375em)
105
+ &:first-child:last-child
106
+ +ltr-property("margin", -0.375em, false)
107
+ +ltr-property("margin", -0.375em)
108
+ // Modifiers
109
+ &.is-delete
110
+ +ltr-property("margin", $tag-delete-margin, false)
111
+ padding: 0
112
+ position: relative
113
+ width: 2em
114
+ &::before,
115
+ &::after
116
+ background-color: currentColor
117
+ content: ""
118
+ display: block
119
+ left: 50%
120
+ position: absolute
121
+ top: 50%
122
+ transform: translateX(-50%) translateY(-50%) rotate(45deg)
123
+ transform-origin: center center
124
+ &::before
125
+ height: 1px
126
+ width: 50%
127
+ &::after
128
+ height: 50%
129
+ width: 1px
130
+ &:hover,
131
+ &:focus
132
+ background-color: darken($tag-background-color, 5%)
133
+ &:active
134
+ background-color: darken($tag-background-color, 10%)
135
+ &.is-rounded
136
+ border-radius: $radius-rounded
137
+
138
+ a.tag
139
+ &:hover
140
+ text-decoration: underline