okf-pub-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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"