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,276 @@
1
+ // Float
2
+
3
+ .is-clearfix
4
+ +clearfix
5
+
6
+ .is-pulled-left
7
+ float: left !important
8
+
9
+ .is-pulled-right
10
+ float: right !important
11
+
12
+ // Overflow
13
+
14
+ .is-clipped
15
+ overflow: hidden !important
16
+
17
+ // Overlay
18
+
19
+ .is-overlay
20
+ @extend %overlay
21
+
22
+ // Typography
23
+
24
+ =typography-size($target:'')
25
+ @each $size in $sizes
26
+ $i: index($sizes, $size)
27
+ .is-size-#{$i}#{if($target == '', '', '-' + $target)}
28
+ font-size: $size !important
29
+
30
+ +typography-size()
31
+
32
+ +mobile
33
+ +typography-size('mobile')
34
+
35
+ +tablet
36
+ +typography-size('tablet')
37
+
38
+ +touch
39
+ +typography-size('touch')
40
+
41
+ +desktop
42
+ +typography-size('desktop')
43
+
44
+ +widescreen
45
+ +typography-size('widescreen')
46
+
47
+ +fullhd
48
+ +typography-size('fullhd')
49
+
50
+ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
51
+
52
+ @each $alignment, $text-align in $alignments
53
+ .has-text-#{$alignment}
54
+ text-align: #{$text-align} !important
55
+
56
+ @each $alignment, $text-align in $alignments
57
+ +mobile
58
+ .has-text-#{$alignment}-mobile
59
+ text-align: #{$text-align} !important
60
+ +tablet
61
+ .has-text-#{$alignment}-tablet
62
+ text-align: #{$text-align} !important
63
+ +tablet-only
64
+ .has-text-#{$alignment}-tablet-only
65
+ text-align: #{$text-align} !important
66
+ +touch
67
+ .has-text-#{$alignment}-touch
68
+ text-align: #{$text-align} !important
69
+ +desktop
70
+ .has-text-#{$alignment}-desktop
71
+ text-align: #{$text-align} !important
72
+ +desktop-only
73
+ .has-text-#{$alignment}-desktop-only
74
+ text-align: #{$text-align} !important
75
+ +widescreen
76
+ .has-text-#{$alignment}-widescreen
77
+ text-align: #{$text-align} !important
78
+ +widescreen-only
79
+ .has-text-#{$alignment}-widescreen-only
80
+ text-align: #{$text-align} !important
81
+ +fullhd
82
+ .has-text-#{$alignment}-fullhd
83
+ text-align: #{$text-align} !important
84
+
85
+ .is-capitalized
86
+ text-transform: capitalize !important
87
+
88
+ .is-lowercase
89
+ text-transform: lowercase !important
90
+
91
+ .is-uppercase
92
+ text-transform: uppercase !important
93
+
94
+ .is-italic
95
+ font-style: italic !important
96
+
97
+ @each $name, $pair in $colors
98
+ $color: nth($pair, 1)
99
+ .has-text-#{$name}
100
+ color: $color !important
101
+ a.has-text-#{$name}
102
+ &:hover,
103
+ &:focus
104
+ color: darken($color, 10%) !important
105
+ .has-background-#{$name}
106
+ background-color: $color !important
107
+
108
+ @each $name, $shade in $shades
109
+ .has-text-#{$name}
110
+ color: $shade !important
111
+ .has-background-#{$name}
112
+ background-color: $shade !important
113
+
114
+ .has-text-weight-light
115
+ font-weight: $weight-light !important
116
+ .has-text-weight-normal
117
+ font-weight: $weight-normal !important
118
+ .has-text-weight-semibold
119
+ font-weight: $weight-semibold !important
120
+ .has-text-weight-bold
121
+ font-weight: $weight-bold !important
122
+
123
+ .is-family-primary
124
+ font-family: $family-primary !important
125
+
126
+ .is-family-secondary
127
+ font-family: $family-secondary !important
128
+
129
+ .is-family-sans-serif
130
+ font-family: $family-sans-serif !important
131
+
132
+ .is-family-monospace
133
+ font-family: $family-monospace !important
134
+
135
+ .is-family-code
136
+ font-family: $family-code !important
137
+
138
+ // Visibility
139
+
140
+ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
141
+
142
+ @each $display in $displays
143
+ .is-#{$display}
144
+ display: #{$display} !important
145
+ +mobile
146
+ .is-#{$display}-mobile
147
+ display: #{$display} !important
148
+ +tablet
149
+ .is-#{$display}-tablet
150
+ display: #{$display} !important
151
+ +tablet-only
152
+ .is-#{$display}-tablet-only
153
+ display: #{$display} !important
154
+ +touch
155
+ .is-#{$display}-touch
156
+ display: #{$display} !important
157
+ +desktop
158
+ .is-#{$display}-desktop
159
+ display: #{$display} !important
160
+ +desktop-only
161
+ .is-#{$display}-desktop-only
162
+ display: #{$display} !important
163
+ +widescreen
164
+ .is-#{$display}-widescreen
165
+ display: #{$display} !important
166
+ +widescreen-only
167
+ .is-#{$display}-widescreen-only
168
+ display: #{$display} !important
169
+ +fullhd
170
+ .is-#{$display}-fullhd
171
+ display: #{$display} !important
172
+
173
+ .is-hidden
174
+ display: none !important
175
+
176
+ .is-sr-only
177
+ border: none !important
178
+ clip: rect(0, 0, 0, 0) !important
179
+ height: 0.01em !important
180
+ overflow: hidden !important
181
+ padding: 0 !important
182
+ position: absolute !important
183
+ white-space: nowrap !important
184
+ width: 0.01em !important
185
+
186
+ +mobile
187
+ .is-hidden-mobile
188
+ display: none !important
189
+
190
+ +tablet
191
+ .is-hidden-tablet
192
+ display: none !important
193
+
194
+ +tablet-only
195
+ .is-hidden-tablet-only
196
+ display: none !important
197
+
198
+ +touch
199
+ .is-hidden-touch
200
+ display: none !important
201
+
202
+ +desktop
203
+ .is-hidden-desktop
204
+ display: none !important
205
+
206
+ +desktop-only
207
+ .is-hidden-desktop-only
208
+ display: none !important
209
+
210
+ +widescreen
211
+ .is-hidden-widescreen
212
+ display: none !important
213
+
214
+ +widescreen-only
215
+ .is-hidden-widescreen-only
216
+ display: none !important
217
+
218
+ +fullhd
219
+ .is-hidden-fullhd
220
+ display: none !important
221
+
222
+ .is-invisible
223
+ visibility: hidden !important
224
+
225
+ +mobile
226
+ .is-invisible-mobile
227
+ visibility: hidden !important
228
+
229
+ +tablet
230
+ .is-invisible-tablet
231
+ visibility: hidden !important
232
+
233
+ +tablet-only
234
+ .is-invisible-tablet-only
235
+ visibility: hidden !important
236
+
237
+ +touch
238
+ .is-invisible-touch
239
+ visibility: hidden !important
240
+
241
+ +desktop
242
+ .is-invisible-desktop
243
+ visibility: hidden !important
244
+
245
+ +desktop-only
246
+ .is-invisible-desktop-only
247
+ visibility: hidden !important
248
+
249
+ +widescreen
250
+ .is-invisible-widescreen
251
+ visibility: hidden !important
252
+
253
+ +widescreen-only
254
+ .is-invisible-widescreen-only
255
+ visibility: hidden !important
256
+
257
+ +fullhd
258
+ .is-invisible-fullhd
259
+ visibility: hidden !important
260
+
261
+ // Other
262
+
263
+ .is-marginless
264
+ margin: 0 !important
265
+
266
+ .is-paddingless
267
+ padding: 0 !important
268
+
269
+ .is-radiusless
270
+ border-radius: 0 !important
271
+
272
+ .is-shadowless
273
+ box-shadow: none !important
274
+
275
+ .is-unselectable
276
+ @extend %unselectable
@@ -0,0 +1,84 @@
1
+ /*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
2
+ // Blocks
3
+ html,
4
+ body,
5
+ p,
6
+ ol,
7
+ ul,
8
+ li,
9
+ dl,
10
+ dt,
11
+ dd,
12
+ blockquote,
13
+ figure,
14
+ fieldset,
15
+ legend,
16
+ textarea,
17
+ pre,
18
+ iframe,
19
+ hr,
20
+ h1,
21
+ h2,
22
+ h3,
23
+ h4,
24
+ h5,
25
+ h6
26
+ margin: 0
27
+ padding: 0
28
+
29
+ // Headings
30
+ h1,
31
+ h2,
32
+ h3,
33
+ h4,
34
+ h5,
35
+ h6
36
+ font-size: 100%
37
+ font-weight: normal
38
+
39
+ // List
40
+ ul
41
+ list-style: none
42
+
43
+ // Form
44
+ button,
45
+ input,
46
+ select,
47
+ textarea
48
+ margin: 0
49
+
50
+ // Box sizing
51
+ html
52
+ box-sizing: border-box
53
+
54
+ *
55
+ &,
56
+ &::before,
57
+ &::after
58
+ box-sizing: inherit
59
+
60
+ // Media
61
+ img,
62
+ embed,
63
+ iframe,
64
+ object,
65
+ video
66
+ height: auto
67
+ max-width: 100%
68
+
69
+ audio
70
+ max-width: 100%
71
+
72
+ // Iframe
73
+ iframe
74
+ border: 0
75
+
76
+ // Table
77
+ table
78
+ border-collapse: collapse
79
+ border-spacing: 0
80
+
81
+ td,
82
+ th
83
+ padding: 0
84
+ text-align: left
@@ -0,0 +1,15 @@
1
+ @charset "utf-8"
2
+
3
+ @import "breadcrumb.sass"
4
+ @import "card.sass"
5
+ @import "dropdown.sass"
6
+ @import "level.sass"
7
+ @import "list.sass"
8
+ @import "media.sass"
9
+ @import "menu.sass"
10
+ @import "message.sass"
11
+ @import "modal.sass"
12
+ @import "navbar.sass"
13
+ @import "pagination.sass"
14
+ @import "panel.sass"
15
+ @import "tabs.sass"
@@ -0,0 +1,75 @@
1
+ $breadcrumb-item-color: $link !default
2
+ $breadcrumb-item-hover-color: $link-hover !default
3
+ $breadcrumb-item-active-color: $text-strong !default
4
+
5
+ $breadcrumb-item-padding-vertical: 0 !default
6
+ $breadcrumb-item-padding-horizontal: 0.75em !default
7
+
8
+ $breadcrumb-item-separator-color: $grey-light !default
9
+
10
+ .breadcrumb
11
+ @extend %block
12
+ @extend %unselectable
13
+ font-size: $size-normal
14
+ white-space: nowrap
15
+ a
16
+ align-items: center
17
+ color: $breadcrumb-item-color
18
+ display: flex
19
+ justify-content: center
20
+ padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
21
+ &:hover
22
+ color: $breadcrumb-item-hover-color
23
+ li
24
+ align-items: center
25
+ display: flex
26
+ &:first-child a
27
+ padding-left: 0
28
+ &.is-active
29
+ a
30
+ color: $breadcrumb-item-active-color
31
+ cursor: default
32
+ pointer-events: none
33
+ & + li::before
34
+ color: $breadcrumb-item-separator-color
35
+ content: "\0002f"
36
+ ul,
37
+ ol
38
+ align-items: flex-start
39
+ display: flex
40
+ flex-wrap: wrap
41
+ justify-content: flex-start
42
+ .icon
43
+ &:first-child
44
+ margin-right: 0.5em
45
+ &:last-child
46
+ margin-left: 0.5em
47
+ // Alignment
48
+ &.is-centered
49
+ ol,
50
+ ul
51
+ justify-content: center
52
+ &.is-right
53
+ ol,
54
+ ul
55
+ justify-content: flex-end
56
+ // Sizes
57
+ &.is-small
58
+ font-size: $size-small
59
+ &.is-medium
60
+ font-size: $size-medium
61
+ &.is-large
62
+ font-size: $size-large
63
+ // Styles
64
+ &.has-arrow-separator
65
+ li + li::before
66
+ content: "\02192"
67
+ &.has-bullet-separator
68
+ li + li::before
69
+ content: "\02022"
70
+ &.has-dot-separator
71
+ li + li::before
72
+ content: "\000b7"
73
+ &.has-succeeds-separator
74
+ li + li::before
75
+ content: "\0227B"
@@ -0,0 +1,74 @@
1
+ $card-color: $text !default
2
+ $card-background-color: $white !default
3
+ $card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
4
+
5
+ $card-header-background-color: transparent !default
6
+ $card-header-color: $text-strong !default
7
+ $card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
8
+ $card-header-weight: $weight-bold !default
9
+
10
+ $card-content-background-color: transparent !default
11
+
12
+ $card-footer-background-color: transparent !default
13
+ $card-footer-border-top: 1px solid $border !default
14
+
15
+ .card
16
+ background-color: $card-background-color
17
+ box-shadow: $card-shadow
18
+ color: $card-color
19
+ max-width: 100%
20
+ position: relative
21
+
22
+ .card-header
23
+ background-color: $card-header-background-color
24
+ align-items: stretch
25
+ box-shadow: $card-header-shadow
26
+ display: flex
27
+
28
+ .card-header-title
29
+ align-items: center
30
+ color: $card-header-color
31
+ display: flex
32
+ flex-grow: 1
33
+ font-weight: $card-header-weight
34
+ padding: 0.75rem
35
+ &.is-centered
36
+ justify-content: center
37
+
38
+ .card-header-icon
39
+ align-items: center
40
+ cursor: pointer
41
+ display: flex
42
+ justify-content: center
43
+ padding: 0.75rem
44
+
45
+ .card-image
46
+ display: block
47
+ position: relative
48
+
49
+ .card-content
50
+ background-color: $card-content-background-color
51
+ padding: 1.5rem
52
+
53
+ .card-footer
54
+ background-color: $card-footer-background-color
55
+ border-top: $card-footer-border-top
56
+ align-items: stretch
57
+ display: flex
58
+
59
+ .card-footer-item
60
+ align-items: center
61
+ display: flex
62
+ flex-basis: 0
63
+ flex-grow: 1
64
+ flex-shrink: 0
65
+ justify-content: center
66
+ padding: 0.75rem
67
+ &:not(:last-child)
68
+ border-right: $card-footer-border-top
69
+
70
+ // Combinations
71
+
72
+ .card
73
+ .media:not(:last-child)
74
+ margin-bottom: 0.75rem
@@ -0,0 +1,77 @@
1
+ $dropdown-content-background-color: $white !default
2
+ $dropdown-content-arrow: $link !default
3
+ $dropdown-content-offset: 4px !default
4
+ $dropdown-content-radius: $radius !default
5
+ $dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
6
+ $dropdown-content-z: 20 !default
7
+
8
+ $dropdown-item-color: $grey-dark !default
9
+ $dropdown-item-hover-color: $black !default
10
+ $dropdown-item-hover-background-color: $background !default
11
+ $dropdown-item-active-color: $link-invert !default
12
+ $dropdown-item-active-background-color: $link !default
13
+
14
+ $dropdown-divider-background-color: $border !default
15
+
16
+ .dropdown
17
+ display: inline-flex
18
+ position: relative
19
+ vertical-align: top
20
+ &.is-active,
21
+ &.is-hoverable:hover
22
+ .dropdown-menu
23
+ display: block
24
+ &.is-right
25
+ .dropdown-menu
26
+ left: auto
27
+ right: 0
28
+ &.is-up
29
+ .dropdown-menu
30
+ bottom: 100%
31
+ padding-bottom: $dropdown-content-offset
32
+ padding-top: initial
33
+ top: auto
34
+
35
+ .dropdown-menu
36
+ display: none
37
+ left: 0
38
+ min-width: 12rem
39
+ padding-top: $dropdown-content-offset
40
+ position: absolute
41
+ top: 100%
42
+ z-index: $dropdown-content-z
43
+
44
+ .dropdown-content
45
+ background-color: $dropdown-content-background-color
46
+ border-radius: $dropdown-content-radius
47
+ box-shadow: $dropdown-content-shadow
48
+ padding-bottom: 0.5rem
49
+ padding-top: 0.5rem
50
+
51
+ .dropdown-item
52
+ color: $dropdown-item-color
53
+ display: block
54
+ font-size: 0.875rem
55
+ line-height: 1.5
56
+ padding: 0.375rem 1rem
57
+ position: relative
58
+
59
+ a.dropdown-item,
60
+ button.dropdown-item
61
+ padding-right: 3rem
62
+ text-align: left
63
+ white-space: nowrap
64
+ width: 100%
65
+ &:hover
66
+ background-color: $dropdown-item-hover-background-color
67
+ color: $dropdown-item-hover-color
68
+ &.is-active
69
+ background-color: $dropdown-item-active-background-color
70
+ color: $dropdown-item-active-color
71
+
72
+ .dropdown-divider
73
+ background-color: $dropdown-divider-background-color
74
+ border: none
75
+ display: block
76
+ height: 1px
77
+ margin: 0.5rem 0
@@ -0,0 +1,75 @@
1
+ .level
2
+ @extend %block
3
+ align-items: center
4
+ justify-content: space-between
5
+ code
6
+ border-radius: $radius
7
+ img
8
+ display: inline-block
9
+ vertical-align: top
10
+ // Modifiers
11
+ &.is-mobile
12
+ display: flex
13
+ .level-left,
14
+ .level-right
15
+ display: flex
16
+ .level-left + .level-right
17
+ margin-top: 0
18
+ .level-item
19
+ &:not(:last-child)
20
+ margin-bottom: 0
21
+ margin-right: 0.75rem
22
+ &:not(.is-narrow)
23
+ flex-grow: 1
24
+ // Responsiveness
25
+ +tablet
26
+ display: flex
27
+ & > .level-item
28
+ &:not(.is-narrow)
29
+ flex-grow: 1
30
+
31
+ .level-item
32
+ align-items: center
33
+ display: flex
34
+ flex-basis: auto
35
+ flex-grow: 0
36
+ flex-shrink: 0
37
+ justify-content: center
38
+ .title,
39
+ .subtitle
40
+ margin-bottom: 0
41
+ // Responsiveness
42
+ +mobile
43
+ &:not(:last-child)
44
+ margin-bottom: 0.75rem
45
+
46
+ .level-left,
47
+ .level-right
48
+ flex-basis: auto
49
+ flex-grow: 0
50
+ flex-shrink: 0
51
+ .level-item
52
+ // Modifiers
53
+ &.is-flexible
54
+ flex-grow: 1
55
+ // Responsiveness
56
+ +tablet
57
+ &:not(:last-child)
58
+ margin-right: 0.75rem
59
+
60
+ .level-left
61
+ align-items: center
62
+ justify-content: flex-start
63
+ // Responsiveness
64
+ +mobile
65
+ & + .level-right
66
+ margin-top: 1.5rem
67
+ +tablet
68
+ display: flex
69
+
70
+ .level-right
71
+ align-items: center
72
+ justify-content: flex-end
73
+ // Responsiveness
74
+ +tablet
75
+ display: flex
@@ -0,0 +1,39 @@
1
+ $list-background-color: $white !default
2
+ $list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
3
+ $list-radius: $radius !default
4
+
5
+ $list-item-border: 1px solid $border !default
6
+ $list-item-color: $text !default
7
+ $list-item-active-background-color: $link !default
8
+ $list-item-active-color: $link-invert !default
9
+ $list-item-hover-background-color: $background !default
10
+
11
+ .list
12
+ @extend %block
13
+ background-color: $list-background-color
14
+ border-radius: $list-radius
15
+ box-shadow: $list-shadow
16
+ // &.is-hoverable > .list-item:hover:not(.is-active)
17
+ // background-color: $list-item-hover-background-color
18
+ // cursor: pointer
19
+
20
+ .list-item
21
+ display: block
22
+ padding: 0.5em 1em
23
+ &:not(a)
24
+ color: $list-item-color
25
+ &:first-child
26
+ border-top-left-radius: $list-radius
27
+ border-top-right-radius: $list-radius
28
+ &:last-child
29
+ border-top-left-radius: $list-radius
30
+ border-top-right-radius: $list-radius
31
+ &:not(:last-child)
32
+ border-bottom: $list-item-border
33
+ &.is-active
34
+ background-color: $list-item-active-background-color
35
+ color: $list-item-active-color
36
+
37
+ a.list-item
38
+ background-color: $list-item-hover-background-color
39
+ cursor: pointer