bulma-clean-theme 0.11.2 → 0.13.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (150) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +10 -636
  3. data/_includes/head.html +4 -1
  4. data/_includes/header.html +1 -1
  5. data/_includes/image-modal.html +5 -5
  6. data/_includes/notification.html +2 -2
  7. data/_includes/series.html +32 -0
  8. data/_layouts/default.html +1 -0
  9. data/_layouts/post.html +4 -0
  10. data/_posts/2021-10-30-creating-a-post-series.md +59 -0
  11. data/_sass/_layout.scss +4 -1
  12. data/node_modules/.package-lock.json +21 -0
  13. data/node_modules/bulma/CHANGELOG.md +521 -448
  14. data/node_modules/bulma/README.md +5 -2
  15. data/node_modules/bulma/bulma.sass +1 -1
  16. data/node_modules/bulma/css/bulma-rtl.css +778 -591
  17. data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
  18. data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
  19. data/node_modules/bulma/css/bulma.css +621 -434
  20. data/node_modules/bulma/css/bulma.css.map +1 -1
  21. data/node_modules/bulma/css/bulma.min.css +1 -1
  22. data/node_modules/bulma/package.json +28 -54
  23. data/node_modules/bulma/sass/base/_all.sass +3 -2
  24. data/node_modules/{bulma-block-list/node_modules/bulma/sass/utilities → bulma/sass/base}/animations.sass +0 -0
  25. data/node_modules/bulma/sass/base/generic.sass +2 -0
  26. data/node_modules/bulma/sass/components/_all.sass +12 -12
  27. data/node_modules/bulma/sass/components/breadcrumb.sass +2 -0
  28. data/node_modules/bulma/sass/components/card.sass +23 -3
  29. data/node_modules/bulma/sass/components/dropdown.sass +3 -1
  30. data/node_modules/bulma/sass/components/level.sass +3 -1
  31. data/node_modules/bulma/sass/components/media.sass +16 -9
  32. data/node_modules/bulma/sass/components/menu.sass +2 -0
  33. data/node_modules/bulma/sass/components/message.sass +2 -0
  34. data/node_modules/bulma/sass/components/modal.sass +2 -0
  35. data/node_modules/bulma/sass/components/navbar.sass +3 -0
  36. data/node_modules/bulma/sass/components/pagination.sass +19 -3
  37. data/node_modules/bulma/sass/components/panel.sass +3 -1
  38. data/node_modules/bulma/sass/components/tabs.sass +2 -0
  39. data/node_modules/bulma/sass/elements/_all.sass +12 -12
  40. data/node_modules/bulma/sass/elements/box.sass +3 -1
  41. data/node_modules/bulma/sass/elements/button.sass +27 -7
  42. data/node_modules/bulma/sass/elements/container.sass +2 -0
  43. data/node_modules/bulma/sass/elements/content.sass +4 -0
  44. data/node_modules/bulma/sass/elements/icon.sass +25 -0
  45. data/node_modules/bulma/sass/elements/image.sass +2 -0
  46. data/node_modules/bulma/sass/elements/notification.sass +2 -0
  47. data/node_modules/bulma/sass/elements/other.sass +2 -10
  48. data/node_modules/bulma/sass/elements/progress.sass +2 -0
  49. data/node_modules/bulma/sass/elements/table.sass +2 -0
  50. data/node_modules/bulma/sass/elements/tag.sass +2 -0
  51. data/node_modules/bulma/sass/elements/title.sass +2 -2
  52. data/node_modules/bulma/sass/form/_all.sass +6 -6
  53. data/node_modules/bulma/sass/form/file.sass +2 -0
  54. data/node_modules/bulma/sass/form/shared.sass +3 -0
  55. data/node_modules/bulma/sass/grid/_all.sass +2 -2
  56. data/node_modules/bulma/sass/grid/columns.sass +93 -84
  57. data/node_modules/bulma/sass/grid/tiles.sass +3 -1
  58. data/node_modules/bulma/sass/helpers/_all.sass +9 -9
  59. data/node_modules/bulma/sass/helpers/color.sass +2 -0
  60. data/node_modules/bulma/sass/helpers/float.sass +2 -0
  61. data/node_modules/bulma/sass/helpers/other.sass +3 -0
  62. data/node_modules/bulma/sass/helpers/position.sass +2 -0
  63. data/node_modules/bulma/sass/helpers/spacing.sass +1 -1
  64. data/node_modules/bulma/sass/helpers/typography.sass +5 -0
  65. data/node_modules/bulma/sass/helpers/visibility.sass +1 -1
  66. data/node_modules/bulma/sass/layout/_all.sass +3 -3
  67. data/node_modules/bulma/sass/layout/footer.sass +2 -0
  68. data/node_modules/bulma/sass/layout/hero.sass +8 -2
  69. data/node_modules/bulma/sass/layout/section.sass +6 -2
  70. data/node_modules/bulma/sass/utilities/_all.sass +6 -6
  71. data/node_modules/bulma/sass/utilities/animations.sass +1 -5
  72. data/node_modules/bulma/sass/utilities/controls.sass +2 -3
  73. data/node_modules/bulma/sass/utilities/derived-variables.sass +7 -0
  74. data/node_modules/bulma/sass/utilities/extends.sass +25 -0
  75. data/node_modules/bulma/sass/utilities/functions.sass +25 -4
  76. data/node_modules/bulma/sass/utilities/initial-variables.sass +5 -5
  77. data/node_modules/bulma/sass/utilities/mixins.sass +18 -23
  78. data/node_modules/bulma-block-list/.editorconfig +15 -0
  79. data/node_modules/bulma-block-list/.github/FUNDING.yml +12 -0
  80. data/node_modules/bulma-block-list/changelog.txt +20 -0
  81. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  82. data/node_modules/bulma-block-list/docs/_config.yml +2 -0
  83. data/node_modules/bulma-block-list/docs/_data/menu.yaml +5 -1
  84. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +30 -2
  85. data/node_modules/bulma-block-list/docs/index.html +106 -7
  86. data/node_modules/bulma-block-list/package.json +10 -44
  87. data/node_modules/bulma-block-list/src/block-list.scss +30 -2
  88. data/package-lock.json +32 -15
  89. data/package.json +2 -2
  90. metadata +20 -67
  91. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +0 -1390
  92. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +0 -21
  93. data/node_modules/bulma-block-list/node_modules/bulma/README.md +0 -130
  94. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +0 -9
  95. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +0 -10855
  96. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +0 -1
  97. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +0 -1
  98. data/node_modules/bulma-block-list/node_modules/bulma/package.json +0 -77
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +0 -5
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +0 -142
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +0 -281
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +0 -79
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +0 -15
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +0 -75
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +0 -79
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +0 -81
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +0 -77
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +0 -39
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +0 -50
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +0 -57
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +0 -99
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +0 -113
  113. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +0 -441
  114. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +0 -150
  115. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +0 -119
  116. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +0 -151
  117. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +0 -15
  118. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +0 -24
  119. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +0 -323
  120. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +0 -24
  121. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +0 -155
  122. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +0 -1
  123. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +0 -21
  124. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +0 -71
  125. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +0 -43
  126. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +0 -39
  127. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +0 -67
  128. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +0 -127
  129. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +0 -128
  130. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +0 -70
  131. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +0 -8
  132. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +0 -21
  133. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +0 -180
  134. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +0 -64
  135. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +0 -85
  136. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +0 -55
  137. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +0 -205
  138. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +0 -4
  139. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +0 -504
  140. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +0 -34
  141. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +0 -5
  142. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +0 -9
  143. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +0 -145
  144. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +0 -13
  145. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +0 -8
  146. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +0 -50
  147. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +0 -106
  148. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +0 -110
  149. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +0 -77
  150. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +0 -261
@@ -1,21 +0,0 @@
1
- $icon-dimensions: 1.5rem !default
2
- $icon-dimensions-small: 1rem !default
3
- $icon-dimensions-medium: 2rem !default
4
- $icon-dimensions-large: 3rem !default
5
-
6
- .icon
7
- align-items: center
8
- display: inline-flex
9
- justify-content: center
10
- height: $icon-dimensions
11
- width: $icon-dimensions
12
- // Sizes
13
- &.is-small
14
- height: $icon-dimensions-small
15
- width: $icon-dimensions-small
16
- &.is-medium
17
- height: $icon-dimensions-medium
18
- width: $icon-dimensions-medium
19
- &.is-large
20
- height: $icon-dimensions-large
21
- width: $icon-dimensions-large
@@ -1,71 +0,0 @@
1
- $dimensions: 16 24 32 48 64 96 128 !default
2
-
3
- .image
4
- display: block
5
- position: relative
6
- img
7
- display: block
8
- height: auto
9
- width: 100%
10
- &.is-rounded
11
- border-radius: $radius-rounded
12
- &.is-fullwidth
13
- width: 100%
14
- // Ratio
15
- &.is-square,
16
- &.is-1by1,
17
- &.is-5by4,
18
- &.is-4by3,
19
- &.is-3by2,
20
- &.is-5by3,
21
- &.is-16by9,
22
- &.is-2by1,
23
- &.is-3by1,
24
- &.is-4by5,
25
- &.is-3by4,
26
- &.is-2by3,
27
- &.is-3by5,
28
- &.is-9by16,
29
- &.is-1by2,
30
- &.is-1by3
31
- img,
32
- .has-ratio
33
- @extend %overlay
34
- height: 100%
35
- width: 100%
36
- &.is-square,
37
- &.is-1by1
38
- padding-top: 100%
39
- &.is-5by4
40
- padding-top: 80%
41
- &.is-4by3
42
- padding-top: 75%
43
- &.is-3by2
44
- padding-top: 66.6666%
45
- &.is-5by3
46
- padding-top: 60%
47
- &.is-16by9
48
- padding-top: 56.25%
49
- &.is-2by1
50
- padding-top: 50%
51
- &.is-3by1
52
- padding-top: 33.3333%
53
- &.is-4by5
54
- padding-top: 125%
55
- &.is-3by4
56
- padding-top: 133.3333%
57
- &.is-2by3
58
- padding-top: 150%
59
- &.is-3by5
60
- padding-top: 166.6666%
61
- &.is-9by16
62
- padding-top: 177.7777%
63
- &.is-1by2
64
- padding-top: 200%
65
- &.is-1by3
66
- padding-top: 300%
67
- // Sizes
68
- @each $dimension in $dimensions
69
- &.is-#{$dimension}x#{$dimension}
70
- height: $dimension * 1px
71
- width: $dimension * 1px
@@ -1,43 +0,0 @@
1
- $notification-background-color: $background !default
2
- $notification-code-background-color: $scheme-main !default
3
- $notification-radius: $radius !default
4
- $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
5
-
6
- .notification
7
- @extend %block
8
- background-color: $notification-background-color
9
- border-radius: $notification-radius
10
- padding: $notification-padding
11
- position: relative
12
- a:not(.button):not(.dropdown-item)
13
- color: currentColor
14
- text-decoration: underline
15
- strong
16
- color: currentColor
17
- code,
18
- pre
19
- background: $notification-code-background-color
20
- pre code
21
- background: transparent
22
- & > .delete
23
- position: absolute
24
- right: 0.5rem
25
- top: 0.5rem
26
- .title,
27
- .subtitle,
28
- .content
29
- color: currentColor
30
- // Colors
31
- @each $name, $pair in $colors
32
- $color: nth($pair, 1)
33
- $color-invert: nth($pair, 2)
34
- &.is-#{$name}
35
- background-color: $color
36
- color: $color-invert
37
- // If light and dark colors are provided
38
- @if length($pair) >= 4
39
- $color-light: nth($pair, 3)
40
- $color-dark: nth($pair, 4)
41
- &.is-light
42
- background-color: $color-light
43
- color: $color-dark
@@ -1,39 +0,0 @@
1
- .block
2
- @extend %block
3
-
4
- .delete
5
- @extend %delete
6
-
7
- .heading
8
- display: block
9
- font-size: 11px
10
- letter-spacing: 1px
11
- margin-bottom: 5px
12
- text-transform: uppercase
13
-
14
- .highlight
15
- @extend %block
16
- font-weight: $weight-normal
17
- max-width: 100%
18
- overflow: hidden
19
- padding: 0
20
- pre
21
- overflow: auto
22
- max-width: 100%
23
-
24
- .loader
25
- @extend %loader
26
-
27
- .number
28
- align-items: center
29
- background-color: $background
30
- border-radius: $radius-rounded
31
- display: inline-flex
32
- font-size: $size-medium
33
- height: 2em
34
- justify-content: center
35
- margin-right: 1.5rem
36
- min-width: 2.5em
37
- padding: 0.25rem 0.5rem
38
- text-align: center
39
- vertical-align: top
@@ -1,67 +0,0 @@
1
- $progress-bar-background-color: $border-light !default
2
- $progress-value-background-color: $text !default
3
- $progress-border-radius: $radius-rounded !default
4
-
5
- $progress-indeterminate-duration: 1.5s !default
6
-
7
- .progress
8
- @extend %block
9
- -moz-appearance: none
10
- -webkit-appearance: none
11
- border: none
12
- border-radius: $progress-border-radius
13
- display: block
14
- height: $size-normal
15
- overflow: hidden
16
- padding: 0
17
- width: 100%
18
- &::-webkit-progress-bar
19
- background-color: $progress-bar-background-color
20
- &::-webkit-progress-value
21
- background-color: $progress-value-background-color
22
- &::-moz-progress-bar
23
- background-color: $progress-value-background-color
24
- &::-ms-fill
25
- background-color: $progress-value-background-color
26
- border: none
27
- // Colors
28
- @each $name, $pair in $colors
29
- $color: nth($pair, 1)
30
- &.is-#{$name}
31
- &::-webkit-progress-value
32
- background-color: $color
33
- &::-moz-progress-bar
34
- background-color: $color
35
- &::-ms-fill
36
- background-color: $color
37
- &:indeterminate
38
- background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
39
-
40
- &:indeterminate
41
- animation-duration: $progress-indeterminate-duration
42
- animation-iteration-count: infinite
43
- animation-name: moveIndeterminate
44
- animation-timing-function: linear
45
- background-color: $progress-bar-background-color
46
- background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
47
- background-position: top left
48
- background-repeat: no-repeat
49
- background-size: 150% 150%
50
- &::-webkit-progress-bar
51
- background-color: transparent
52
- &::-moz-progress-bar
53
- background-color: transparent
54
-
55
- // Sizes
56
- &.is-small
57
- height: $size-small
58
- &.is-medium
59
- height: $size-medium
60
- &.is-large
61
- height: $size-large
62
-
63
- @keyframes moveIndeterminate
64
- from
65
- background-position: 200% 0
66
- to
67
- background-position: -200% 0
@@ -1,127 +0,0 @@
1
- $table-color: $text-strong !default
2
- $table-background-color: $scheme-main !default
3
-
4
- $table-cell-border: 1px solid $border !default
5
- $table-cell-border-width: 0 0 1px !default
6
- $table-cell-padding: 0.5em 0.75em !default
7
- $table-cell-heading-color: $text-strong !default
8
-
9
- $table-head-cell-border-width: 0 0 2px !default
10
- $table-head-cell-color: $text-strong !default
11
- $table-foot-cell-border-width: 2px 0 0 !default
12
- $table-foot-cell-color: $text-strong !default
13
-
14
- $table-head-background-color: transparent !default
15
- $table-body-background-color: transparent !default
16
- $table-foot-background-color: transparent !default
17
-
18
- $table-row-hover-background-color: $scheme-main-bis !default
19
-
20
- $table-row-active-background-color: $primary !default
21
- $table-row-active-color: $primary-invert !default
22
-
23
- $table-striped-row-even-background-color: $scheme-main-bis !default
24
- $table-striped-row-even-hover-background-color: $scheme-main-ter !default
25
-
26
- .table
27
- @extend %block
28
- background-color: $table-background-color
29
- color: $table-color
30
- td,
31
- th
32
- border: $table-cell-border
33
- border-width: $table-cell-border-width
34
- padding: $table-cell-padding
35
- vertical-align: top
36
- // Colors
37
- @each $name, $pair in $colors
38
- $color: nth($pair, 1)
39
- $color-invert: nth($pair, 2)
40
- &.is-#{$name}
41
- background-color: $color
42
- border-color: $color
43
- color: $color-invert
44
- // Modifiers
45
- &.is-narrow
46
- white-space: nowrap
47
- width: 1%
48
- &.is-selected
49
- background-color: $table-row-active-background-color
50
- color: $table-row-active-color
51
- a,
52
- strong
53
- color: currentColor
54
- th
55
- color: $table-cell-heading-color
56
- &:not([align])
57
- text-align: left
58
- tr
59
- &.is-selected
60
- background-color: $table-row-active-background-color
61
- color: $table-row-active-color
62
- a,
63
- strong
64
- color: currentColor
65
- td,
66
- th
67
- border-color: $table-row-active-color
68
- color: currentColor
69
- thead
70
- background-color: $table-head-background-color
71
- td,
72
- th
73
- border-width: $table-head-cell-border-width
74
- color: $table-head-cell-color
75
- tfoot
76
- background-color: $table-foot-background-color
77
- td,
78
- th
79
- border-width: $table-foot-cell-border-width
80
- color: $table-foot-cell-color
81
- tbody
82
- background-color: $table-body-background-color
83
- tr
84
- &:last-child
85
- td,
86
- th
87
- border-bottom-width: 0
88
- // Modifiers
89
- &.is-bordered
90
- td,
91
- th
92
- border-width: 1px
93
- tr
94
- &:last-child
95
- td,
96
- th
97
- border-bottom-width: 1px
98
- &.is-fullwidth
99
- width: 100%
100
- &.is-hoverable
101
- tbody
102
- tr:not(.is-selected)
103
- &:hover
104
- background-color: $table-row-hover-background-color
105
- &.is-striped
106
- tbody
107
- tr:not(.is-selected)
108
- &:hover
109
- background-color: $table-row-hover-background-color
110
- &:nth-child(even)
111
- background-color: $table-striped-row-even-hover-background-color
112
- &.is-narrow
113
- td,
114
- th
115
- padding: 0.25em 0.5em
116
- &.is-striped
117
- tbody
118
- tr:not(.is-selected)
119
- &:nth-child(even)
120
- background-color: $table-striped-row-even-background-color
121
-
122
- .table-container
123
- @extend %block
124
- +overflow-touch
125
- overflow: auto
126
- overflow-y: hidden
127
- max-width: 100%
@@ -1,128 +0,0 @@
1
- $tag-background-color: $background !default
2
- $tag-color: $text !default
3
- $tag-radius: $radius !default
4
- $tag-delete-margin: 1px !default
5
-
6
- .tags
7
- align-items: center
8
- display: flex
9
- flex-wrap: wrap
10
- justify-content: flex-start
11
- .tag
12
- margin-bottom: 0.5rem
13
- &:not(:last-child)
14
- margin-right: 0.5rem
15
- &:last-child
16
- margin-bottom: -0.5rem
17
- &:not(:last-child)
18
- margin-bottom: 1rem
19
- // Sizes
20
- &.are-medium
21
- .tag:not(.is-normal):not(.is-large)
22
- font-size: $size-normal
23
- &.are-large
24
- .tag:not(.is-normal):not(.is-medium)
25
- font-size: $size-medium
26
- &.is-centered
27
- justify-content: center
28
- .tag
29
- margin-right: 0.25rem
30
- margin-left: 0.25rem
31
- &.is-right
32
- justify-content: flex-end
33
- .tag
34
- &:not(:first-child)
35
- margin-left: 0.5rem
36
- &:not(:last-child)
37
- margin-right: 0
38
- &.has-addons
39
- .tag
40
- margin-right: 0
41
- &:not(:first-child)
42
- margin-left: 0
43
- border-bottom-left-radius: 0
44
- border-top-left-radius: 0
45
- &:not(:last-child)
46
- border-bottom-right-radius: 0
47
- border-top-right-radius: 0
48
-
49
- .tag:not(body)
50
- align-items: center
51
- background-color: $tag-background-color
52
- border-radius: $tag-radius
53
- color: $tag-color
54
- display: inline-flex
55
- font-size: $size-small
56
- height: 2em
57
- justify-content: center
58
- line-height: 1.5
59
- padding-left: 0.75em
60
- padding-right: 0.75em
61
- white-space: nowrap
62
- .delete
63
- margin-left: 0.25rem
64
- margin-right: -0.375rem
65
- // Colors
66
- @each $name, $pair in $colors
67
- $color: nth($pair, 1)
68
- $color-invert: nth($pair, 2)
69
- &.is-#{$name}
70
- background-color: $color
71
- color: $color-invert
72
- // If a light and dark colors are provided
73
- @if length($pair) > 3
74
- $color-light: nth($pair, 3)
75
- $color-dark: nth($pair, 4)
76
- &.is-light
77
- background-color: $color-light
78
- color: $color-dark
79
- // Sizes
80
- &.is-normal
81
- font-size: $size-small
82
- &.is-medium
83
- font-size: $size-normal
84
- &.is-large
85
- font-size: $size-medium
86
- .icon
87
- &:first-child:not(:last-child)
88
- margin-left: -0.375em
89
- margin-right: 0.1875em
90
- &:last-child:not(:first-child)
91
- margin-left: 0.1875em
92
- margin-right: -0.375em
93
- &:first-child:last-child
94
- margin-left: -0.375em
95
- margin-right: -0.375em
96
- // Modifiers
97
- &.is-delete
98
- margin-left: $tag-delete-margin
99
- padding: 0
100
- position: relative
101
- width: 2em
102
- &::before,
103
- &::after
104
- background-color: currentColor
105
- content: ""
106
- display: block
107
- left: 50%
108
- position: absolute
109
- top: 50%
110
- transform: translateX(-50%) translateY(-50%) rotate(45deg)
111
- transform-origin: center center
112
- &::before
113
- height: 1px
114
- width: 50%
115
- &::after
116
- height: 50%
117
- width: 1px
118
- &:hover,
119
- &:focus
120
- background-color: darken($tag-background-color, 5%)
121
- &:active
122
- background-color: darken($tag-background-color, 10%)
123
- &.is-rounded
124
- border-radius: $radius-rounded
125
-
126
- a.tag
127
- &:hover
128
- text-decoration: underline
@@ -1,70 +0,0 @@
1
- $title-color: $text-strong !default
2
- $title-family: false !default
3
- $title-size: $size-3 !default
4
- $title-weight: $weight-semibold !default
5
- $title-line-height: 1.125 !default
6
- $title-strong-color: inherit !default
7
- $title-strong-weight: inherit !default
8
- $title-sub-size: 0.75em !default
9
- $title-sup-size: 0.75em !default
10
-
11
- $subtitle-color: $text !default
12
- $subtitle-family: false !default
13
- $subtitle-size: $size-5 !default
14
- $subtitle-weight: $weight-normal !default
15
- $subtitle-line-height: 1.25 !default
16
- $subtitle-strong-color: $text-strong !default
17
- $subtitle-strong-weight: $weight-semibold !default
18
- $subtitle-negative-margin: -1.25rem !default
19
-
20
- .title,
21
- .subtitle
22
- @extend %block
23
- word-break: break-word
24
- em,
25
- span
26
- font-weight: inherit
27
- sub
28
- font-size: $title-sub-size
29
- sup
30
- font-size: $title-sup-size
31
- .tag
32
- vertical-align: middle
33
-
34
- .title
35
- color: $title-color
36
- @if $title-family
37
- font-family: $title-family
38
- font-size: $title-size
39
- font-weight: $title-weight
40
- line-height: $title-line-height
41
- strong
42
- color: $title-strong-color
43
- font-weight: $title-strong-weight
44
- & + .highlight
45
- margin-top: -0.75rem
46
- &:not(.is-spaced) + .subtitle
47
- margin-top: $subtitle-negative-margin
48
- // Sizes
49
- @each $size in $sizes
50
- $i: index($sizes, $size)
51
- &.is-#{$i}
52
- font-size: $size
53
-
54
- .subtitle
55
- color: $subtitle-color
56
- @if $subtitle-family
57
- font-family: $subtitle-family
58
- font-size: $subtitle-size
59
- font-weight: $subtitle-weight
60
- line-height: $subtitle-line-height
61
- strong
62
- color: $subtitle-strong-color
63
- font-weight: $subtitle-strong-weight
64
- &:not(.is-spaced) + .title
65
- margin-top: $subtitle-negative-margin
66
- // Sizes
67
- @each $size in $sizes
68
- $i: index($sizes, $size)
69
- &.is-#{$i}
70
- font-size: $size
@@ -1,8 +0,0 @@
1
- @charset "utf-8"
2
-
3
- @import "shared.sass"
4
- @import "input-textarea.sass"
5
- @import "checkbox-radio.sass"
6
- @import "select.sass"
7
- @import "file.sass"
8
- @import "tools.sass"
@@ -1,21 +0,0 @@
1
- %checkbox-radio
2
- cursor: pointer
3
- display: inline-block
4
- line-height: 1.25
5
- position: relative
6
- input
7
- cursor: pointer
8
- &:hover
9
- color: $input-hover-color
10
- &[disabled],
11
- fieldset[disabled] &
12
- color: $input-disabled-color
13
- cursor: not-allowed
14
-
15
- .checkbox
16
- @extend %checkbox-radio
17
-
18
- .radio
19
- @extend %checkbox-radio
20
- & + .radio
21
- margin-left: 0.5em