okf-pub-theme 0.1.0

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 (203) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +111 -0
  4. data/_includes/chapters.html +18 -0
  5. data/_includes/effect-chains.html +18 -0
  6. data/_includes/effect-item.html +5 -0
  7. data/_includes/footer.html +5 -0
  8. data/_includes/head.html +22 -0
  9. data/_includes/header.html +36 -0
  10. data/_includes/matomo.html +15 -0
  11. data/_includes/outcomes.html +34 -0
  12. data/_layouts/default.html +19 -0
  13. data/_layouts/home.html +52 -0
  14. data/_sass/_a11y.sass +25 -0
  15. data/_sass/_bulma-0.7.4/CHANGELOG.md +1162 -0
  16. data/_sass/_bulma-0.7.4/LICENSE +21 -0
  17. data/_sass/_bulma-0.7.4/README.md +119 -0
  18. data/_sass/_bulma-0.7.4/bulma.sass +8 -0
  19. data/_sass/_bulma-0.7.4/css/bulma.css +10525 -0
  20. data/_sass/_bulma-0.7.4/css/bulma.css.map +1 -0
  21. data/_sass/_bulma-0.7.4/css/bulma.min.css +1 -0
  22. data/_sass/_bulma-0.7.4/package.json +78 -0
  23. data/_sass/_bulma-0.7.4/sass/.DS_Store +0 -0
  24. data/_sass/_bulma-0.7.4/sass/base/_all.sass +5 -0
  25. data/_sass/_bulma-0.7.4/sass/base/generic.sass +130 -0
  26. data/_sass/_bulma-0.7.4/sass/base/helpers.sass +276 -0
  27. data/_sass/_bulma-0.7.4/sass/base/minireset.sass +84 -0
  28. data/_sass/_bulma-0.7.4/sass/components/_all.sass +15 -0
  29. data/_sass/_bulma-0.7.4/sass/components/breadcrumb.sass +75 -0
  30. data/_sass/_bulma-0.7.4/sass/components/card.sass +74 -0
  31. data/_sass/_bulma-0.7.4/sass/components/dropdown.sass +77 -0
  32. data/_sass/_bulma-0.7.4/sass/components/level.sass +75 -0
  33. data/_sass/_bulma-0.7.4/sass/components/list.sass +39 -0
  34. data/_sass/_bulma-0.7.4/sass/components/media.sass +48 -0
  35. data/_sass/_bulma-0.7.4/sass/components/menu.sass +50 -0
  36. data/_sass/_bulma-0.7.4/sass/components/message.sass +86 -0
  37. data/_sass/_bulma-0.7.4/sass/components/modal.sass +113 -0
  38. data/_sass/_bulma-0.7.4/sass/components/navbar.sass +428 -0
  39. data/_sass/_bulma-0.7.4/sass/components/pagination.sass +144 -0
  40. data/_sass/_bulma-0.7.4/sass/components/panel.sass +101 -0
  41. data/_sass/_bulma-0.7.4/sass/components/tabs.sass +151 -0
  42. data/_sass/_bulma-0.7.4/sass/elements/_all.sass +16 -0
  43. data/_sass/_bulma-0.7.4/sass/elements/box.sass +24 -0
  44. data/_sass/_bulma-0.7.4/sass/elements/button.sass +275 -0
  45. data/_sass/_bulma-0.7.4/sass/elements/container.sass +25 -0
  46. data/_sass/_bulma-0.7.4/sass/elements/content.sass +151 -0
  47. data/_sass/_bulma-0.7.4/sass/elements/form.sass +602 -0
  48. data/_sass/_bulma-0.7.4/sass/elements/icon.sass +21 -0
  49. data/_sass/_bulma-0.7.4/sass/elements/image.sass +69 -0
  50. data/_sass/_bulma-0.7.4/sass/elements/notification.sass +35 -0
  51. data/_sass/_bulma-0.7.4/sass/elements/other.sass +39 -0
  52. data/_sass/_bulma-0.7.4/sass/elements/progress.sass +65 -0
  53. data/_sass/_bulma-0.7.4/sass/elements/table.sass +126 -0
  54. data/_sass/_bulma-0.7.4/sass/elements/tag.sass +130 -0
  55. data/_sass/_bulma-0.7.4/sass/elements/title.sass +64 -0
  56. data/_sass/_bulma-0.7.4/sass/grid/_all.sass +4 -0
  57. data/_sass/_bulma-0.7.4/sass/grid/columns.sass +504 -0
  58. data/_sass/_bulma-0.7.4/sass/grid/tiles.sass +32 -0
  59. data/_sass/_bulma-0.7.4/sass/layout/_all.sass +5 -0
  60. data/_sass/_bulma-0.7.4/sass/layout/footer.sass +6 -0
  61. data/_sass/_bulma-0.7.4/sass/layout/hero.sass +156 -0
  62. data/_sass/_bulma-0.7.4/sass/layout/section.sass +13 -0
  63. data/_sass/_bulma-0.7.4/sass/utilities/_all.sass +8 -0
  64. data/_sass/_bulma-0.7.4/sass/utilities/animations.sass +5 -0
  65. data/_sass/_bulma-0.7.4/sass/utilities/controls.sass +50 -0
  66. data/_sass/_bulma-0.7.4/sass/utilities/derived-variables.sass +85 -0
  67. data/_sass/_bulma-0.7.4/sass/utilities/functions.sass +62 -0
  68. data/_sass/_bulma-0.7.4/sass/utilities/initial-variables.sass +72 -0
  69. data/_sass/_bulma-0.7.4/sass/utilities/mixins.sass +261 -0
  70. data/_sass/_effects.sass +35 -0
  71. data/_sass/_fonts.scss +37 -0
  72. data/_sass/_header.sass +105 -0
  73. data/_sass/_helpers.sass +8 -0
  74. data/_sass/_main.sass +61 -0
  75. data/_sass/chapter.sass +18 -0
  76. data/assets/css/style.sass +73 -0
  77. data/assets/favicon/android-icon-144x144.png +0 -0
  78. data/assets/favicon/android-icon-192x192.png +0 -0
  79. data/assets/favicon/android-icon-36x36.png +0 -0
  80. data/assets/favicon/android-icon-48x48.png +0 -0
  81. data/assets/favicon/android-icon-72x72.png +0 -0
  82. data/assets/favicon/android-icon-96x96.png +0 -0
  83. data/assets/favicon/apple-icon-114x114.png +0 -0
  84. data/assets/favicon/apple-icon-120x120.png +0 -0
  85. data/assets/favicon/apple-icon-144x144.png +0 -0
  86. data/assets/favicon/apple-icon-152x152.png +0 -0
  87. data/assets/favicon/apple-icon-180x180.png +0 -0
  88. data/assets/favicon/apple-icon-57x57.png +0 -0
  89. data/assets/favicon/apple-icon-60x60.png +0 -0
  90. data/assets/favicon/apple-icon-72x72.png +0 -0
  91. data/assets/favicon/apple-icon-76x76.png +0 -0
  92. data/assets/favicon/apple-icon-precomposed.png +0 -0
  93. data/assets/favicon/apple-icon.png +0 -0
  94. data/assets/favicon/apple-touch-icon.png +0 -0
  95. data/assets/favicon/browserconfig.xml +11 -0
  96. data/assets/favicon/favicon-16x16.png +0 -0
  97. data/assets/favicon/favicon-32x32.png +0 -0
  98. data/assets/favicon/favicon-96x96.png +0 -0
  99. data/assets/favicon/favicon.ico +0 -0
  100. data/assets/favicon/manifest.json +41 -0
  101. data/assets/favicon/ms-icon-144x144.png +0 -0
  102. data/assets/favicon/ms-icon-150x150.png +0 -0
  103. data/assets/favicon/ms-icon-310x310.png +0 -0
  104. data/assets/favicon/ms-icon-70x70.png +0 -0
  105. data/assets/fonts/LICENSE.txt +93 -0
  106. data/assets/fonts/OTF/SourceSansPro-Black.otf +0 -0
  107. data/assets/fonts/OTF/SourceSansPro-BlackIt.otf +0 -0
  108. data/assets/fonts/OTF/SourceSansPro-Bold.otf +0 -0
  109. data/assets/fonts/OTF/SourceSansPro-BoldIt.otf +0 -0
  110. data/assets/fonts/OTF/SourceSansPro-ExtraLight.otf +0 -0
  111. data/assets/fonts/OTF/SourceSansPro-ExtraLightIt.otf +0 -0
  112. data/assets/fonts/OTF/SourceSansPro-It.otf +0 -0
  113. data/assets/fonts/OTF/SourceSansPro-Light.otf +0 -0
  114. data/assets/fonts/OTF/SourceSansPro-LightIt.otf +0 -0
  115. data/assets/fonts/OTF/SourceSansPro-Regular.otf +0 -0
  116. data/assets/fonts/OTF/SourceSansPro-Semibold.otf +0 -0
  117. data/assets/fonts/OTF/SourceSansPro-SemiboldIt.otf +0 -0
  118. data/assets/fonts/TTF/SourceSansPro-Black.ttf +0 -0
  119. data/assets/fonts/TTF/SourceSansPro-BlackIt.ttf +0 -0
  120. data/assets/fonts/TTF/SourceSansPro-Bold.ttf +0 -0
  121. data/assets/fonts/TTF/SourceSansPro-BoldIt.ttf +0 -0
  122. data/assets/fonts/TTF/SourceSansPro-ExtraLight.ttf +0 -0
  123. data/assets/fonts/TTF/SourceSansPro-ExtraLightIt.ttf +0 -0
  124. data/assets/fonts/TTF/SourceSansPro-It.ttf +0 -0
  125. data/assets/fonts/TTF/SourceSansPro-Light.ttf +0 -0
  126. data/assets/fonts/TTF/SourceSansPro-LightIt.ttf +0 -0
  127. data/assets/fonts/TTF/SourceSansPro-Regular.ttf +0 -0
  128. data/assets/fonts/TTF/SourceSansPro-Semibold.ttf +0 -0
  129. data/assets/fonts/TTF/SourceSansPro-SemiboldIt.ttf +0 -0
  130. data/assets/fonts/VAR/SourceSansVariable-Italic.otf +0 -0
  131. data/assets/fonts/VAR/SourceSansVariable-Italic.otf.woff +0 -0
  132. data/assets/fonts/VAR/SourceSansVariable-Italic.otf.woff2 +0 -0
  133. data/assets/fonts/VAR/SourceSansVariable-Italic.ttf +0 -0
  134. data/assets/fonts/VAR/SourceSansVariable-Italic.ttf.woff +0 -0
  135. data/assets/fonts/VAR/SourceSansVariable-Italic.ttf.woff2 +0 -0
  136. data/assets/fonts/VAR/SourceSansVariable-Roman.otf +0 -0
  137. data/assets/fonts/VAR/SourceSansVariable-Roman.otf.woff +0 -0
  138. data/assets/fonts/VAR/SourceSansVariable-Roman.otf.woff2 +0 -0
  139. data/assets/fonts/VAR/SourceSansVariable-Roman.ttf +0 -0
  140. data/assets/fonts/VAR/SourceSansVariable-Roman.ttf.woff +0 -0
  141. data/assets/fonts/VAR/SourceSansVariable-Roman.ttf.woff2 +0 -0
  142. data/assets/fonts/WOFF/OTF/SourceSansPro-Black.otf.woff +0 -0
  143. data/assets/fonts/WOFF/OTF/SourceSansPro-BlackIt.otf.woff +0 -0
  144. data/assets/fonts/WOFF/OTF/SourceSansPro-Bold.otf.woff +0 -0
  145. data/assets/fonts/WOFF/OTF/SourceSansPro-BoldIt.otf.woff +0 -0
  146. data/assets/fonts/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff +0 -0
  147. data/assets/fonts/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff +0 -0
  148. data/assets/fonts/WOFF/OTF/SourceSansPro-It.otf.woff +0 -0
  149. data/assets/fonts/WOFF/OTF/SourceSansPro-Light.otf.woff +0 -0
  150. data/assets/fonts/WOFF/OTF/SourceSansPro-LightIt.otf.woff +0 -0
  151. data/assets/fonts/WOFF/OTF/SourceSansPro-Regular.otf.woff +0 -0
  152. data/assets/fonts/WOFF/OTF/SourceSansPro-Semibold.otf.woff +0 -0
  153. data/assets/fonts/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff +0 -0
  154. data/assets/fonts/WOFF/TTF/SourceSansPro-Black.ttf.woff +0 -0
  155. data/assets/fonts/WOFF/TTF/SourceSansPro-BlackIt.ttf.woff +0 -0
  156. data/assets/fonts/WOFF/TTF/SourceSansPro-Bold.ttf.woff +0 -0
  157. data/assets/fonts/WOFF/TTF/SourceSansPro-BoldIt.ttf.woff +0 -0
  158. data/assets/fonts/WOFF/TTF/SourceSansPro-ExtraLight.ttf.woff +0 -0
  159. data/assets/fonts/WOFF/TTF/SourceSansPro-ExtraLightIt.ttf.woff +0 -0
  160. data/assets/fonts/WOFF/TTF/SourceSansPro-It.ttf.woff +0 -0
  161. data/assets/fonts/WOFF/TTF/SourceSansPro-Light.ttf.woff +0 -0
  162. data/assets/fonts/WOFF/TTF/SourceSansPro-LightIt.ttf.woff +0 -0
  163. data/assets/fonts/WOFF/TTF/SourceSansPro-Regular.ttf.woff +0 -0
  164. data/assets/fonts/WOFF/TTF/SourceSansPro-Semibold.ttf.woff +0 -0
  165. data/assets/fonts/WOFF/TTF/SourceSansPro-SemiboldIt.ttf.woff +0 -0
  166. data/assets/fonts/WOFF2/OTF/SourceSansPro-Black.otf.woff2 +0 -0
  167. data/assets/fonts/WOFF2/OTF/SourceSansPro-BlackIt.otf.woff2 +0 -0
  168. data/assets/fonts/WOFF2/OTF/SourceSansPro-Bold.otf.woff2 +0 -0
  169. data/assets/fonts/WOFF2/OTF/SourceSansPro-BoldIt.otf.woff2 +0 -0
  170. data/assets/fonts/WOFF2/OTF/SourceSansPro-ExtraLight.otf.woff2 +0 -0
  171. data/assets/fonts/WOFF2/OTF/SourceSansPro-ExtraLightIt.otf.woff2 +0 -0
  172. data/assets/fonts/WOFF2/OTF/SourceSansPro-It.otf.woff2 +0 -0
  173. data/assets/fonts/WOFF2/OTF/SourceSansPro-Light.otf.woff2 +0 -0
  174. data/assets/fonts/WOFF2/OTF/SourceSansPro-LightIt.otf.woff2 +0 -0
  175. data/assets/fonts/WOFF2/OTF/SourceSansPro-Regular.otf.woff2 +0 -0
  176. data/assets/fonts/WOFF2/OTF/SourceSansPro-Semibold.otf.woff2 +0 -0
  177. data/assets/fonts/WOFF2/OTF/SourceSansPro-SemiboldIt.otf.woff2 +0 -0
  178. data/assets/fonts/WOFF2/TTF/SourceSansPro-Black.ttf.woff2 +0 -0
  179. data/assets/fonts/WOFF2/TTF/SourceSansPro-BlackIt.ttf.woff2 +0 -0
  180. data/assets/fonts/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2 +0 -0
  181. data/assets/fonts/WOFF2/TTF/SourceSansPro-BoldIt.ttf.woff2 +0 -0
  182. data/assets/fonts/WOFF2/TTF/SourceSansPro-ExtraLight.ttf.woff2 +0 -0
  183. data/assets/fonts/WOFF2/TTF/SourceSansPro-ExtraLightIt.ttf.woff2 +0 -0
  184. data/assets/fonts/WOFF2/TTF/SourceSansPro-It.ttf.woff2 +0 -0
  185. data/assets/fonts/WOFF2/TTF/SourceSansPro-Light.ttf.woff2 +0 -0
  186. data/assets/fonts/WOFF2/TTF/SourceSansPro-LightIt.ttf.woff2 +0 -0
  187. data/assets/fonts/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2 +0 -0
  188. data/assets/fonts/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2 +0 -0
  189. data/assets/fonts/WOFF2/TTF/SourceSansPro-SemiboldIt.ttf.woff2 +0 -0
  190. data/assets/fonts/apercu-bold-pro.eot +0 -0
  191. data/assets/fonts/apercu-bold-pro.ttf +0 -0
  192. data/assets/fonts/apercu-bold-pro.woff +0 -0
  193. data/assets/fonts/apercu-bold-pro.woff2 +0 -0
  194. data/assets/fonts/apercu-medium-pro.eot +0 -0
  195. data/assets/fonts/apercu-medium-pro.ttf +0 -0
  196. data/assets/fonts/apercu-medium-pro.woff +0 -0
  197. data/assets/fonts/apercu-medium-pro.woff2 +0 -0
  198. data/assets/fonts/apercu-regular-pro.eot +0 -0
  199. data/assets/fonts/apercu-regular-pro.ttf +0 -0
  200. data/assets/fonts/apercu-regular-pro.woff +0 -0
  201. data/assets/fonts/apercu-regular-pro.woff2 +0 -0
  202. data/assets/images/download.svg +9 -0
  203. metadata +315 -0
@@ -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,65 @@
1
+ $progress-bar-background-color: $border !default
2
+ $progress-value-background-color: $text !default
3
+
4
+ $progress-indeterminate-duration: 1.5s !default
5
+
6
+ .progress
7
+ @extend %block
8
+ -moz-appearance: none
9
+ -webkit-appearance: none
10
+ border: none
11
+ border-radius: $radius-rounded
12
+ display: block
13
+ height: $size-normal
14
+ overflow: hidden
15
+ padding: 0
16
+ width: 100%
17
+ &::-webkit-progress-bar
18
+ background-color: $progress-bar-background-color
19
+ &::-webkit-progress-value
20
+ background-color: $progress-value-background-color
21
+ &::-moz-progress-bar
22
+ background-color: $progress-value-background-color
23
+ &::-ms-fill
24
+ background-color: $progress-value-background-color
25
+ border: none
26
+ &:indeterminate
27
+ animation-duration: $progress-indeterminate-duration
28
+ animation-iteration-count: infinite
29
+ animation-name: moveIndeterminate
30
+ animation-timing-function: linear
31
+ background-color: $progress-bar-background-color
32
+ background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
33
+ background-position: top left
34
+ background-repeat: no-repeat
35
+ background-size: 150% 150%
36
+ &::-webkit-progress-bar
37
+ background-color: transparent
38
+ &::-moz-progress-bar
39
+ background-color: transparent
40
+ // Colors
41
+ @each $name, $pair in $colors
42
+ $color: nth($pair, 1)
43
+ &.is-#{$name}
44
+ &::-webkit-progress-value
45
+ background-color: $color
46
+ &::-moz-progress-bar
47
+ background-color: $color
48
+ &::-ms-fill
49
+ background-color: $color
50
+ &:indeterminate
51
+ background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
52
+
53
+ // Sizes
54
+ &.is-small
55
+ height: $size-small
56
+ &.is-medium
57
+ height: $size-medium
58
+ &.is-large
59
+ height: $size-large
60
+
61
+ @keyframes moveIndeterminate
62
+ from
63
+ background-position: 200% 0
64
+ to
65
+ background-position: -200% 0
@@ -0,0 +1,126 @@
1
+ $table-color: $grey-darker !default
2
+ $table-background-color: $white !default
3
+
4
+ $table-cell-border: 1px solid $grey-lighter !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: $white-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: $white-bis !default
24
+ $table-striped-row-even-hover-background-color: $white-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
+ text-align: left
57
+ tr
58
+ &.is-selected
59
+ background-color: $table-row-active-background-color
60
+ color: $table-row-active-color
61
+ a,
62
+ strong
63
+ color: currentColor
64
+ td,
65
+ th
66
+ border-color: $table-row-active-color
67
+ color: currentColor
68
+ thead
69
+ background-color: $table-head-background-color
70
+ td,
71
+ th
72
+ border-width: $table-head-cell-border-width
73
+ color: $table-head-cell-color
74
+ tfoot
75
+ background-color: $table-foot-background-color
76
+ td,
77
+ th
78
+ border-width: $table-foot-cell-border-width
79
+ color: $table-foot-cell-color
80
+ tbody
81
+ background-color: $table-body-background-color
82
+ tr
83
+ &:last-child
84
+ td,
85
+ th
86
+ border-bottom-width: 0
87
+ // Modifiers
88
+ &.is-bordered
89
+ td,
90
+ th
91
+ border-width: 1px
92
+ tr
93
+ &:last-child
94
+ td,
95
+ th
96
+ border-bottom-width: 1px
97
+ &.is-fullwidth
98
+ width: 100%
99
+ &.is-hoverable
100
+ tbody
101
+ tr:not(.is-selected)
102
+ &:hover
103
+ background-color: $table-row-hover-background-color
104
+ &.is-striped
105
+ tbody
106
+ tr:not(.is-selected)
107
+ &:hover
108
+ background-color: $table-row-hover-background-color
109
+ &:nth-child(even)
110
+ background-color: $table-striped-row-even-hover-background-color
111
+ &.is-narrow
112
+ td,
113
+ th
114
+ padding: 0.25em 0.5em
115
+ &.is-striped
116
+ tbody
117
+ tr:not(.is-selected)
118
+ &:nth-child(even)
119
+ background-color: $table-striped-row-even-background-color
120
+
121
+ .table-container
122
+ @extend %block
123
+ +overflow-touch
124
+ overflow: auto
125
+ overflow-y: hidden
126
+ max-width: 100%
@@ -0,0 +1,130 @@
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
+ &.has-addons
27
+ .tag
28
+ margin-right: 0
29
+ &:not(:first-child)
30
+ border-bottom-left-radius: 0
31
+ border-top-left-radius: 0
32
+ &:not(:last-child)
33
+ border-bottom-right-radius: 0
34
+ border-top-right-radius: 0
35
+ &.is-centered
36
+ justify-content: center
37
+ .tag
38
+ margin-right: 0.25rem
39
+ margin-left: 0.25rem
40
+ &.is-right
41
+ justify-content: flex-end
42
+ .tag
43
+ &:not(:first-child)
44
+ margin-left: 0.5rem
45
+ &:not(:last-child)
46
+ margin-right: 0
47
+ &.has-addons
48
+ .tag
49
+ margin-right: 0
50
+ &:not(:first-child)
51
+ margin-left: 0
52
+ border-bottom-left-radius: 0
53
+ border-top-left-radius: 0
54
+ &:not(:last-child)
55
+ border-bottom-right-radius: 0
56
+ border-top-right-radius: 0
57
+
58
+ .tag:not(body)
59
+ align-items: center
60
+ background-color: $tag-background-color
61
+ border-radius: $tag-radius
62
+ color: $tag-color
63
+ display: inline-flex
64
+ font-size: $size-small
65
+ height: 2em
66
+ justify-content: center
67
+ line-height: 1.5
68
+ padding-left: 0.75em
69
+ padding-right: 0.75em
70
+ white-space: nowrap
71
+ .delete
72
+ margin-left: 0.25rem
73
+ margin-right: -0.375rem
74
+ // Colors
75
+ @each $name, $pair in $colors
76
+ $color: nth($pair, 1)
77
+ $color-invert: nth($pair, 2)
78
+ &.is-#{$name}
79
+ background-color: $color
80
+ color: $color-invert
81
+ // Sizes
82
+ &.is-normal
83
+ font-size: $size-small
84
+ &.is-medium
85
+ font-size: $size-normal
86
+ &.is-large
87
+ font-size: $size-medium
88
+ .icon
89
+ &:first-child:not(:last-child)
90
+ margin-left: -0.375em
91
+ margin-right: 0.1875em
92
+ &:last-child:not(:first-child)
93
+ margin-left: 0.1875em
94
+ margin-right: -0.375em
95
+ &:first-child:last-child
96
+ margin-left: -0.375em
97
+ margin-right: -0.375em
98
+ // Modifiers
99
+ &.is-delete
100
+ margin-left: $tag-delete-margin
101
+ padding: 0
102
+ position: relative
103
+ width: 2em
104
+ &::before,
105
+ &::after
106
+ background-color: currentColor
107
+ content: ""
108
+ display: block
109
+ left: 50%
110
+ position: absolute
111
+ top: 50%
112
+ transform: translateX(-50%) translateY(-50%) rotate(45deg)
113
+ transform-origin: center center
114
+ &::before
115
+ height: 1px
116
+ width: 50%
117
+ &::after
118
+ height: 50%
119
+ width: 1px
120
+ &:hover,
121
+ &:focus
122
+ background-color: darken($tag-background-color, 5%)
123
+ &:active
124
+ background-color: darken($tag-background-color, 10%)
125
+ &.is-rounded
126
+ border-radius: $radius-rounded
127
+
128
+ a.tag
129
+ &:hover
130
+ text-decoration: underline
@@ -0,0 +1,64 @@
1
+ $title-color: $grey-darker !default
2
+ $title-size: $size-3 !default
3
+ $title-weight: $weight-semibold !default
4
+ $title-line-height: 1.125 !default
5
+ $title-strong-color: inherit !default
6
+ $title-strong-weight: inherit !default
7
+ $title-sub-size: 0.75em !default
8
+ $title-sup-size: 0.75em !default
9
+
10
+ $subtitle-color: $grey-dark !default
11
+ $subtitle-size: $size-5 !default
12
+ $subtitle-weight: $weight-normal !default
13
+ $subtitle-line-height: 1.25 !default
14
+ $subtitle-strong-color: $grey-darker !default
15
+ $subtitle-strong-weight: $weight-semibold !default
16
+ $subtitle-negative-margin: -1.25rem !default
17
+
18
+ .title,
19
+ .subtitle
20
+ @extend %block
21
+ word-break: break-word
22
+ em,
23
+ span
24
+ font-weight: inherit
25
+ sub
26
+ font-size: $title-sub-size
27
+ sup
28
+ font-size: $title-sup-size
29
+ .tag
30
+ vertical-align: middle
31
+
32
+ .title
33
+ color: $title-color
34
+ font-size: $title-size
35
+ font-weight: $title-weight
36
+ line-height: $title-line-height
37
+ strong
38
+ color: $title-strong-color
39
+ font-weight: $title-strong-weight
40
+ & + .highlight
41
+ margin-top: -0.75rem
42
+ &:not(.is-spaced) + .subtitle
43
+ margin-top: $subtitle-negative-margin
44
+ // Sizes
45
+ @each $size in $sizes
46
+ $i: index($sizes, $size)
47
+ &.is-#{$i}
48
+ font-size: $size
49
+
50
+ .subtitle
51
+ color: $subtitle-color
52
+ font-size: $subtitle-size
53
+ font-weight: $subtitle-weight
54
+ line-height: $subtitle-line-height
55
+ strong
56
+ color: $subtitle-strong-color
57
+ font-weight: $subtitle-strong-weight
58
+ &:not(.is-spaced) + .title
59
+ margin-top: $subtitle-negative-margin
60
+ // Sizes
61
+ @each $size in $sizes
62
+ $i: index($sizes, $size)
63
+ &.is-#{$i}
64
+ font-size: $size
@@ -0,0 +1,4 @@
1
+ @charset "utf-8"
2
+
3
+ @import "columns.sass"
4
+ @import "tiles.sass"