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,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