vitrina 0.2.5 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (187) hide show
  1. checksums.yaml +4 -4
  2. data/.editorconfig +13 -0
  3. data/.github/FUNDING.yml +4 -0
  4. data/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
  5. data/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
  6. data/.github/workflows/gempush.yml +41 -0
  7. data/.gitignore +7 -0
  8. data/.travis.yml +8 -0
  9. data/404.md +5 -0
  10. data/CHANGELOG.md +59 -0
  11. data/Gemfile +9 -0
  12. data/LICENSE +21 -0
  13. data/README.md +407 -0
  14. data/_config.yml +39 -0
  15. data/_data/general.json +133 -0
  16. data/_data/home.json +316 -0
  17. data/_data/links.json +34 -0
  18. data/_data/resume.json +80 -0
  19. data/_includes/foot.html +6 -0
  20. data/_includes/footer.html +21 -0
  21. data/_includes/head.html +13 -0
  22. data/_includes/header.html +63 -0
  23. data/_includes/pagination.html +75 -0
  24. data/_includes/util/grid_columns.html +49 -0
  25. data/_includes/util/item_content.html +8 -0
  26. data/_includes/util/items.html +63 -0
  27. data/_includes/util/navbar_items.html +76 -0
  28. data/_includes/util/prepend_link.html +5 -0
  29. data/_includes/util/timeline_cards.html +20 -0
  30. data/_layouts/blog.html +53 -0
  31. data/_layouts/compress.html +10 -0
  32. data/_layouts/contact.html +80 -0
  33. data/_layouts/default.html +33 -0
  34. data/_layouts/error.html +10 -0
  35. data/_layouts/home.html +103 -0
  36. data/_layouts/papers.html +80 -0
  37. data/_layouts/post.html +33 -0
  38. data/_layouts/projects.html +58 -0
  39. data/_layouts/resume.html +62 -0
  40. data/_papers/A-systematic-review-on-the-productive-effects-of-hobbies.md +15 -0
  41. data/_papers/Applications-of-open-collaboration-in-software-development.md +14 -0
  42. data/_posts/2019-04-03-welcome-human.md +52 -0
  43. data/_projects/Make.md +5 -0
  44. data/_projects/Meet.md +5 -0
  45. data/_projects/Mood.md +5 -0
  46. data/_projects/Take.md +5 -0
  47. data/_projects/Think.md +5 -0
  48. data/_sass/_bulma.scss +3 -0
  49. data/_sass/_fork_awesome.scss +11 -0
  50. data/_sass/code.scss +128 -0
  51. data/_sass/customize.scss +69 -0
  52. data/_sass/elements.scss +489 -0
  53. data/assets/css/styles.scss +15 -0
  54. data/assets/img/card.png +0 -0
  55. data/assets/img/icon.png +0 -0
  56. data/assets/img/logo.png +0 -0
  57. data/assets/img/made-with-bulma.png +0 -0
  58. data/assets/img/make.png +0 -0
  59. data/assets/img/meet.png +0 -0
  60. data/assets/img/mood.png +0 -0
  61. data/assets/img/take.png +0 -0
  62. data/assets/img/think.png +0 -0
  63. data/assets/js/navbar.js +10 -0
  64. data/assets/js/validate.js +77 -0
  65. data/blog/index.html +4 -0
  66. data/contact.md +4 -0
  67. data/index.md +3 -0
  68. data/node_modules/.yarn-integrity +18 -0
  69. data/node_modules/bulma/CHANGELOG.md +1390 -0
  70. data/node_modules/bulma/LICENSE +21 -0
  71. data/node_modules/bulma/README.md +130 -0
  72. data/node_modules/bulma/bulma.sass +9 -0
  73. data/node_modules/bulma/css/bulma.css +10855 -0
  74. data/node_modules/bulma/css/bulma.css.map +1 -0
  75. data/node_modules/bulma/css/bulma.min.css +1 -0
  76. data/node_modules/bulma/package.json +52 -0
  77. data/node_modules/bulma/sass/.DS_Store +0 -0
  78. data/node_modules/bulma/sass/base/_all.sass +5 -0
  79. data/node_modules/bulma/sass/base/generic.sass +142 -0
  80. data/node_modules/bulma/sass/base/helpers.sass +281 -0
  81. data/node_modules/bulma/sass/base/minireset.sass +79 -0
  82. data/node_modules/bulma/sass/components/_all.sass +15 -0
  83. data/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
  84. data/node_modules/bulma/sass/components/card.sass +79 -0
  85. data/node_modules/bulma/sass/components/dropdown.sass +81 -0
  86. data/node_modules/bulma/sass/components/level.sass +77 -0
  87. data/node_modules/bulma/sass/components/list.sass +39 -0
  88. data/node_modules/bulma/sass/components/media.sass +50 -0
  89. data/node_modules/bulma/sass/components/menu.sass +57 -0
  90. data/node_modules/bulma/sass/components/message.sass +99 -0
  91. data/node_modules/bulma/sass/components/modal.sass +113 -0
  92. data/node_modules/bulma/sass/components/navbar.sass +441 -0
  93. data/node_modules/bulma/sass/components/pagination.sass +150 -0
  94. data/node_modules/bulma/sass/components/panel.sass +119 -0
  95. data/node_modules/bulma/sass/components/tabs.sass +151 -0
  96. data/node_modules/bulma/sass/elements/_all.sass +15 -0
  97. data/node_modules/bulma/sass/elements/box.sass +24 -0
  98. data/node_modules/bulma/sass/elements/button.sass +323 -0
  99. data/node_modules/bulma/sass/elements/container.sass +24 -0
  100. data/node_modules/bulma/sass/elements/content.sass +155 -0
  101. data/node_modules/bulma/sass/elements/form.sass +1 -0
  102. data/node_modules/bulma/sass/elements/icon.sass +21 -0
  103. data/node_modules/bulma/sass/elements/image.sass +71 -0
  104. data/node_modules/bulma/sass/elements/notification.sass +43 -0
  105. data/node_modules/bulma/sass/elements/other.sass +39 -0
  106. data/node_modules/bulma/sass/elements/progress.sass +67 -0
  107. data/node_modules/bulma/sass/elements/table.sass +127 -0
  108. data/node_modules/bulma/sass/elements/tag.sass +128 -0
  109. data/node_modules/bulma/sass/elements/title.sass +70 -0
  110. data/node_modules/bulma/sass/form/_all.sass +8 -0
  111. data/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
  112. data/node_modules/bulma/sass/form/file.sass +180 -0
  113. data/node_modules/bulma/sass/form/input-textarea.sass +64 -0
  114. data/node_modules/bulma/sass/form/select.sass +85 -0
  115. data/node_modules/bulma/sass/form/shared.sass +55 -0
  116. data/node_modules/bulma/sass/form/tools.sass +205 -0
  117. data/node_modules/bulma/sass/grid/_all.sass +4 -0
  118. data/node_modules/bulma/sass/grid/columns.sass +504 -0
  119. data/node_modules/bulma/sass/grid/tiles.sass +34 -0
  120. data/node_modules/bulma/sass/layout/_all.sass +5 -0
  121. data/node_modules/bulma/sass/layout/footer.sass +9 -0
  122. data/node_modules/bulma/sass/layout/hero.sass +145 -0
  123. data/node_modules/bulma/sass/layout/section.sass +13 -0
  124. data/node_modules/bulma/sass/utilities/.DS_Store +0 -0
  125. data/node_modules/bulma/sass/utilities/_all.sass +8 -0
  126. data/node_modules/bulma/sass/utilities/animations.sass +5 -0
  127. data/node_modules/bulma/sass/utilities/controls.sass +50 -0
  128. data/node_modules/bulma/sass/utilities/derived-variables.sass +106 -0
  129. data/node_modules/bulma/sass/utilities/functions.sass +110 -0
  130. data/node_modules/bulma/sass/utilities/initial-variables.sass +77 -0
  131. data/node_modules/bulma/sass/utilities/mixins.sass +261 -0
  132. data/node_modules/fork-awesome/CHANGELOG.md +91 -0
  133. data/node_modules/fork-awesome/CONTRIBUTORS.md +31 -0
  134. data/node_modules/fork-awesome/LICENSES +452 -0
  135. data/node_modules/fork-awesome/README.md +93 -0
  136. data/node_modules/fork-awesome/css/fork-awesome.css +2573 -0
  137. data/node_modules/fork-awesome/css/fork-awesome.min.css +12 -0
  138. data/node_modules/fork-awesome/css/fork-awesome.min.css.map +1 -0
  139. data/node_modules/fork-awesome/css/v5-compat.css +446 -0
  140. data/node_modules/fork-awesome/css/v5-compat.min.css +12 -0
  141. data/node_modules/fork-awesome/css/v5-compat.min.css.map +1 -0
  142. data/node_modules/fork-awesome/fonts/forkawesome-webfont.eot +0 -0
  143. data/node_modules/fork-awesome/fonts/forkawesome-webfont.svg +2849 -0
  144. data/node_modules/fork-awesome/fonts/forkawesome-webfont.ttf +0 -0
  145. data/node_modules/fork-awesome/fonts/forkawesome-webfont.woff +0 -0
  146. data/node_modules/fork-awesome/fonts/forkawesome-webfont.woff2 +0 -0
  147. data/node_modules/fork-awesome/less/animated.less +34 -0
  148. data/node_modules/fork-awesome/less/bordered-pulled.less +25 -0
  149. data/node_modules/fork-awesome/less/core.less +12 -0
  150. data/node_modules/fork-awesome/less/fixed-width.less +6 -0
  151. data/node_modules/fork-awesome/less/fork-awesome.less +27 -0
  152. data/node_modules/fork-awesome/less/icons.less +879 -0
  153. data/node_modules/fork-awesome/less/larger.less +13 -0
  154. data/node_modules/fork-awesome/less/list.less +19 -0
  155. data/node_modules/fork-awesome/less/mixins.less +60 -0
  156. data/node_modules/fork-awesome/less/path.less +15 -0
  157. data/node_modules/fork-awesome/less/rotated-flipped.less +20 -0
  158. data/node_modules/fork-awesome/less/screen-reader.less +5 -0
  159. data/node_modules/fork-awesome/less/stacked.less +20 -0
  160. data/node_modules/fork-awesome/less/v5-compat.less +176 -0
  161. data/node_modules/fork-awesome/less/variables.less +890 -0
  162. data/node_modules/fork-awesome/package.json +49 -0
  163. data/node_modules/fork-awesome/scss/_animated.scss +34 -0
  164. data/node_modules/fork-awesome/scss/_bordered-pulled.scss +25 -0
  165. data/node_modules/fork-awesome/scss/_core.scss +12 -0
  166. data/node_modules/fork-awesome/scss/_fixed-width.scss +6 -0
  167. data/node_modules/fork-awesome/scss/_functions.scss +11 -0
  168. data/node_modules/fork-awesome/scss/_icons.scss +879 -0
  169. data/node_modules/fork-awesome/scss/_larger.scss +13 -0
  170. data/node_modules/fork-awesome/scss/_list.scss +19 -0
  171. data/node_modules/fork-awesome/scss/_mixins.scss +60 -0
  172. data/node_modules/fork-awesome/scss/_path.scss +15 -0
  173. data/node_modules/fork-awesome/scss/_rotated-flipped.scss +20 -0
  174. data/node_modules/fork-awesome/scss/_screen-reader.scss +5 -0
  175. data/node_modules/fork-awesome/scss/_stacked.scss +20 -0
  176. data/node_modules/fork-awesome/scss/_variables.scss +890 -0
  177. data/node_modules/fork-awesome/scss/fork-awesome.scss +28 -0
  178. data/package.json +32 -0
  179. data/papers.md +4 -0
  180. data/projects.md +4 -0
  181. data/resume.md +4 -0
  182. data/screenshot.png +0 -0
  183. data/scripts/build.sh +10 -0
  184. data/scripts/install.sh +4 -0
  185. data/scripts/validate.rb +28 -0
  186. data/vitrina.gemspec +23 -0
  187. metadata +187 -2
@@ -0,0 +1 @@
1
+ @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
@@ -0,0 +1,21 @@
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
@@ -0,0 +1,71 @@
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
@@ -0,0 +1,43 @@
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
@@ -0,0 +1,39 @@
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
@@ -0,0 +1,67 @@
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
+ background-color: $progress-bar-background-color
12
+ border: none
13
+ border-radius: $progress-border-radius
14
+ display: block
15
+ height: $size-normal
16
+ overflow: hidden
17
+ padding: 0
18
+ width: 100%
19
+ &::-webkit-progress-bar
20
+ background-color: $progress-bar-background-color
21
+ &::-webkit-progress-value
22
+ background-color: $progress-value-background-color
23
+ &::-moz-progress-bar
24
+ background-color: $progress-value-background-color
25
+ &::-ms-fill
26
+ background-color: $progress-value-background-color
27
+ border: none
28
+ // Colors
29
+ @each $name, $pair in $colors
30
+ $color: nth($pair, 1)
31
+ &.is-#{$name}
32
+ &::-webkit-progress-value
33
+ background-color: $color
34
+ &::-moz-progress-bar
35
+ background-color: $color
36
+ &::-ms-fill
37
+ background-color: $color
38
+ &:indeterminate
39
+ background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
40
+
41
+ &:indeterminate
42
+ animation-duration: $progress-indeterminate-duration
43
+ animation-iteration-count: infinite
44
+ animation-name: moveIndeterminate
45
+ animation-timing-function: linear
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
@@ -0,0 +1,127 @@
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%
@@ -0,0 +1,128 @@
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