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,504 @@
1
+ $column-gap: 0.75rem !default
2
+
3
+ .column
4
+ display: block
5
+ flex-basis: 0
6
+ flex-grow: 1
7
+ flex-shrink: 1
8
+ padding: $column-gap
9
+ .columns.is-mobile > &.is-narrow
10
+ flex: none
11
+ .columns.is-mobile > &.is-full
12
+ flex: none
13
+ width: 100%
14
+ .columns.is-mobile > &.is-three-quarters
15
+ flex: none
16
+ width: 75%
17
+ .columns.is-mobile > &.is-two-thirds
18
+ flex: none
19
+ width: 66.6666%
20
+ .columns.is-mobile > &.is-half
21
+ flex: none
22
+ width: 50%
23
+ .columns.is-mobile > &.is-one-third
24
+ flex: none
25
+ width: 33.3333%
26
+ .columns.is-mobile > &.is-one-quarter
27
+ flex: none
28
+ width: 25%
29
+ .columns.is-mobile > &.is-one-fifth
30
+ flex: none
31
+ width: 20%
32
+ .columns.is-mobile > &.is-two-fifths
33
+ flex: none
34
+ width: 40%
35
+ .columns.is-mobile > &.is-three-fifths
36
+ flex: none
37
+ width: 60%
38
+ .columns.is-mobile > &.is-four-fifths
39
+ flex: none
40
+ width: 80%
41
+ .columns.is-mobile > &.is-offset-three-quarters
42
+ margin-left: 75%
43
+ .columns.is-mobile > &.is-offset-two-thirds
44
+ margin-left: 66.6666%
45
+ .columns.is-mobile > &.is-offset-half
46
+ margin-left: 50%
47
+ .columns.is-mobile > &.is-offset-one-third
48
+ margin-left: 33.3333%
49
+ .columns.is-mobile > &.is-offset-one-quarter
50
+ margin-left: 25%
51
+ .columns.is-mobile > &.is-offset-one-fifth
52
+ margin-left: 20%
53
+ .columns.is-mobile > &.is-offset-two-fifths
54
+ margin-left: 40%
55
+ .columns.is-mobile > &.is-offset-three-fifths
56
+ margin-left: 60%
57
+ .columns.is-mobile > &.is-offset-four-fifths
58
+ margin-left: 80%
59
+ @for $i from 1 through 12
60
+ .columns.is-mobile > &.is-#{$i}
61
+ flex: none
62
+ width: percentage($i / 12)
63
+ .columns.is-mobile > &.is-offset-#{$i}
64
+ margin-left: percentage($i / 12)
65
+ +mobile
66
+ &.is-narrow-mobile
67
+ flex: none
68
+ &.is-full-mobile
69
+ flex: none
70
+ width: 100%
71
+ &.is-three-quarters-mobile
72
+ flex: none
73
+ width: 75%
74
+ &.is-two-thirds-mobile
75
+ flex: none
76
+ width: 66.6666%
77
+ &.is-half-mobile
78
+ flex: none
79
+ width: 50%
80
+ &.is-one-third-mobile
81
+ flex: none
82
+ width: 33.3333%
83
+ &.is-one-quarter-mobile
84
+ flex: none
85
+ width: 25%
86
+ &.is-one-fifth-mobile
87
+ flex: none
88
+ width: 20%
89
+ &.is-two-fifths-mobile
90
+ flex: none
91
+ width: 40%
92
+ &.is-three-fifths-mobile
93
+ flex: none
94
+ width: 60%
95
+ &.is-four-fifths-mobile
96
+ flex: none
97
+ width: 80%
98
+ &.is-offset-three-quarters-mobile
99
+ margin-left: 75%
100
+ &.is-offset-two-thirds-mobile
101
+ margin-left: 66.6666%
102
+ &.is-offset-half-mobile
103
+ margin-left: 50%
104
+ &.is-offset-one-third-mobile
105
+ margin-left: 33.3333%
106
+ &.is-offset-one-quarter-mobile
107
+ margin-left: 25%
108
+ &.is-offset-one-fifth-mobile
109
+ margin-left: 20%
110
+ &.is-offset-two-fifths-mobile
111
+ margin-left: 40%
112
+ &.is-offset-three-fifths-mobile
113
+ margin-left: 60%
114
+ &.is-offset-four-fifths-mobile
115
+ margin-left: 80%
116
+ @for $i from 1 through 12
117
+ &.is-#{$i}-mobile
118
+ flex: none
119
+ width: percentage($i / 12)
120
+ &.is-offset-#{$i}-mobile
121
+ margin-left: percentage($i / 12)
122
+ +tablet
123
+ &.is-narrow,
124
+ &.is-narrow-tablet
125
+ flex: none
126
+ &.is-full,
127
+ &.is-full-tablet
128
+ flex: none
129
+ width: 100%
130
+ &.is-three-quarters,
131
+ &.is-three-quarters-tablet
132
+ flex: none
133
+ width: 75%
134
+ &.is-two-thirds,
135
+ &.is-two-thirds-tablet
136
+ flex: none
137
+ width: 66.6666%
138
+ &.is-half,
139
+ &.is-half-tablet
140
+ flex: none
141
+ width: 50%
142
+ &.is-one-third,
143
+ &.is-one-third-tablet
144
+ flex: none
145
+ width: 33.3333%
146
+ &.is-one-quarter,
147
+ &.is-one-quarter-tablet
148
+ flex: none
149
+ width: 25%
150
+ &.is-one-fifth,
151
+ &.is-one-fifth-tablet
152
+ flex: none
153
+ width: 20%
154
+ &.is-two-fifths,
155
+ &.is-two-fifths-tablet
156
+ flex: none
157
+ width: 40%
158
+ &.is-three-fifths,
159
+ &.is-three-fifths-tablet
160
+ flex: none
161
+ width: 60%
162
+ &.is-four-fifths,
163
+ &.is-four-fifths-tablet
164
+ flex: none
165
+ width: 80%
166
+ &.is-offset-three-quarters,
167
+ &.is-offset-three-quarters-tablet
168
+ margin-left: 75%
169
+ &.is-offset-two-thirds,
170
+ &.is-offset-two-thirds-tablet
171
+ margin-left: 66.6666%
172
+ &.is-offset-half,
173
+ &.is-offset-half-tablet
174
+ margin-left: 50%
175
+ &.is-offset-one-third,
176
+ &.is-offset-one-third-tablet
177
+ margin-left: 33.3333%
178
+ &.is-offset-one-quarter,
179
+ &.is-offset-one-quarter-tablet
180
+ margin-left: 25%
181
+ &.is-offset-one-fifth,
182
+ &.is-offset-one-fifth-tablet
183
+ margin-left: 20%
184
+ &.is-offset-two-fifths,
185
+ &.is-offset-two-fifths-tablet
186
+ margin-left: 40%
187
+ &.is-offset-three-fifths,
188
+ &.is-offset-three-fifths-tablet
189
+ margin-left: 60%
190
+ &.is-offset-four-fifths,
191
+ &.is-offset-four-fifths-tablet
192
+ margin-left: 80%
193
+ @for $i from 1 through 12
194
+ &.is-#{$i},
195
+ &.is-#{$i}-tablet
196
+ flex: none
197
+ width: percentage($i / 12)
198
+ &.is-offset-#{$i},
199
+ &.is-offset-#{$i}-tablet
200
+ margin-left: percentage($i / 12)
201
+ +touch
202
+ &.is-narrow-touch
203
+ flex: none
204
+ &.is-full-touch
205
+ flex: none
206
+ width: 100%
207
+ &.is-three-quarters-touch
208
+ flex: none
209
+ width: 75%
210
+ &.is-two-thirds-touch
211
+ flex: none
212
+ width: 66.6666%
213
+ &.is-half-touch
214
+ flex: none
215
+ width: 50%
216
+ &.is-one-third-touch
217
+ flex: none
218
+ width: 33.3333%
219
+ &.is-one-quarter-touch
220
+ flex: none
221
+ width: 25%
222
+ &.is-one-fifth-touch
223
+ flex: none
224
+ width: 20%
225
+ &.is-two-fifths-touch
226
+ flex: none
227
+ width: 40%
228
+ &.is-three-fifths-touch
229
+ flex: none
230
+ width: 60%
231
+ &.is-four-fifths-touch
232
+ flex: none
233
+ width: 80%
234
+ &.is-offset-three-quarters-touch
235
+ margin-left: 75%
236
+ &.is-offset-two-thirds-touch
237
+ margin-left: 66.6666%
238
+ &.is-offset-half-touch
239
+ margin-left: 50%
240
+ &.is-offset-one-third-touch
241
+ margin-left: 33.3333%
242
+ &.is-offset-one-quarter-touch
243
+ margin-left: 25%
244
+ &.is-offset-one-fifth-touch
245
+ margin-left: 20%
246
+ &.is-offset-two-fifths-touch
247
+ margin-left: 40%
248
+ &.is-offset-three-fifths-touch
249
+ margin-left: 60%
250
+ &.is-offset-four-fifths-touch
251
+ margin-left: 80%
252
+ @for $i from 1 through 12
253
+ &.is-#{$i}-touch
254
+ flex: none
255
+ width: percentage($i / 12)
256
+ &.is-offset-#{$i}-touch
257
+ margin-left: percentage($i / 12)
258
+ +desktop
259
+ &.is-narrow-desktop
260
+ flex: none
261
+ &.is-full-desktop
262
+ flex: none
263
+ width: 100%
264
+ &.is-three-quarters-desktop
265
+ flex: none
266
+ width: 75%
267
+ &.is-two-thirds-desktop
268
+ flex: none
269
+ width: 66.6666%
270
+ &.is-half-desktop
271
+ flex: none
272
+ width: 50%
273
+ &.is-one-third-desktop
274
+ flex: none
275
+ width: 33.3333%
276
+ &.is-one-quarter-desktop
277
+ flex: none
278
+ width: 25%
279
+ &.is-one-fifth-desktop
280
+ flex: none
281
+ width: 20%
282
+ &.is-two-fifths-desktop
283
+ flex: none
284
+ width: 40%
285
+ &.is-three-fifths-desktop
286
+ flex: none
287
+ width: 60%
288
+ &.is-four-fifths-desktop
289
+ flex: none
290
+ width: 80%
291
+ &.is-offset-three-quarters-desktop
292
+ margin-left: 75%
293
+ &.is-offset-two-thirds-desktop
294
+ margin-left: 66.6666%
295
+ &.is-offset-half-desktop
296
+ margin-left: 50%
297
+ &.is-offset-one-third-desktop
298
+ margin-left: 33.3333%
299
+ &.is-offset-one-quarter-desktop
300
+ margin-left: 25%
301
+ &.is-offset-one-fifth-desktop
302
+ margin-left: 20%
303
+ &.is-offset-two-fifths-desktop
304
+ margin-left: 40%
305
+ &.is-offset-three-fifths-desktop
306
+ margin-left: 60%
307
+ &.is-offset-four-fifths-desktop
308
+ margin-left: 80%
309
+ @for $i from 1 through 12
310
+ &.is-#{$i}-desktop
311
+ flex: none
312
+ width: percentage($i / 12)
313
+ &.is-offset-#{$i}-desktop
314
+ margin-left: percentage($i / 12)
315
+ +widescreen
316
+ &.is-narrow-widescreen
317
+ flex: none
318
+ &.is-full-widescreen
319
+ flex: none
320
+ width: 100%
321
+ &.is-three-quarters-widescreen
322
+ flex: none
323
+ width: 75%
324
+ &.is-two-thirds-widescreen
325
+ flex: none
326
+ width: 66.6666%
327
+ &.is-half-widescreen
328
+ flex: none
329
+ width: 50%
330
+ &.is-one-third-widescreen
331
+ flex: none
332
+ width: 33.3333%
333
+ &.is-one-quarter-widescreen
334
+ flex: none
335
+ width: 25%
336
+ &.is-one-fifth-widescreen
337
+ flex: none
338
+ width: 20%
339
+ &.is-two-fifths-widescreen
340
+ flex: none
341
+ width: 40%
342
+ &.is-three-fifths-widescreen
343
+ flex: none
344
+ width: 60%
345
+ &.is-four-fifths-widescreen
346
+ flex: none
347
+ width: 80%
348
+ &.is-offset-three-quarters-widescreen
349
+ margin-left: 75%
350
+ &.is-offset-two-thirds-widescreen
351
+ margin-left: 66.6666%
352
+ &.is-offset-half-widescreen
353
+ margin-left: 50%
354
+ &.is-offset-one-third-widescreen
355
+ margin-left: 33.3333%
356
+ &.is-offset-one-quarter-widescreen
357
+ margin-left: 25%
358
+ &.is-offset-one-fifth-widescreen
359
+ margin-left: 20%
360
+ &.is-offset-two-fifths-widescreen
361
+ margin-left: 40%
362
+ &.is-offset-three-fifths-widescreen
363
+ margin-left: 60%
364
+ &.is-offset-four-fifths-widescreen
365
+ margin-left: 80%
366
+ @for $i from 1 through 12
367
+ &.is-#{$i}-widescreen
368
+ flex: none
369
+ width: percentage($i / 12)
370
+ &.is-offset-#{$i}-widescreen
371
+ margin-left: percentage($i / 12)
372
+ +fullhd
373
+ &.is-narrow-fullhd
374
+ flex: none
375
+ &.is-full-fullhd
376
+ flex: none
377
+ width: 100%
378
+ &.is-three-quarters-fullhd
379
+ flex: none
380
+ width: 75%
381
+ &.is-two-thirds-fullhd
382
+ flex: none
383
+ width: 66.6666%
384
+ &.is-half-fullhd
385
+ flex: none
386
+ width: 50%
387
+ &.is-one-third-fullhd
388
+ flex: none
389
+ width: 33.3333%
390
+ &.is-one-quarter-fullhd
391
+ flex: none
392
+ width: 25%
393
+ &.is-one-fifth-fullhd
394
+ flex: none
395
+ width: 20%
396
+ &.is-two-fifths-fullhd
397
+ flex: none
398
+ width: 40%
399
+ &.is-three-fifths-fullhd
400
+ flex: none
401
+ width: 60%
402
+ &.is-four-fifths-fullhd
403
+ flex: none
404
+ width: 80%
405
+ &.is-offset-three-quarters-fullhd
406
+ margin-left: 75%
407
+ &.is-offset-two-thirds-fullhd
408
+ margin-left: 66.6666%
409
+ &.is-offset-half-fullhd
410
+ margin-left: 50%
411
+ &.is-offset-one-third-fullhd
412
+ margin-left: 33.3333%
413
+ &.is-offset-one-quarter-fullhd
414
+ margin-left: 25%
415
+ &.is-offset-one-fifth-fullhd
416
+ margin-left: 20%
417
+ &.is-offset-two-fifths-fullhd
418
+ margin-left: 40%
419
+ &.is-offset-three-fifths-fullhd
420
+ margin-left: 60%
421
+ &.is-offset-four-fifths-fullhd
422
+ margin-left: 80%
423
+ @for $i from 1 through 12
424
+ &.is-#{$i}-fullhd
425
+ flex: none
426
+ width: percentage($i / 12)
427
+ &.is-offset-#{$i}-fullhd
428
+ margin-left: percentage($i / 12)
429
+
430
+ .columns
431
+ margin-left: (-$column-gap)
432
+ margin-right: (-$column-gap)
433
+ margin-top: (-$column-gap)
434
+ &:last-child
435
+ margin-bottom: (-$column-gap)
436
+ &:not(:last-child)
437
+ margin-bottom: calc(1.5rem - #{$column-gap})
438
+ // Modifiers
439
+ &.is-centered
440
+ justify-content: center
441
+ &.is-gapless
442
+ margin-left: 0
443
+ margin-right: 0
444
+ margin-top: 0
445
+ & > .column
446
+ margin: 0
447
+ padding: 0 !important
448
+ &:not(:last-child)
449
+ margin-bottom: 1.5rem
450
+ &:last-child
451
+ margin-bottom: 0
452
+ &.is-mobile
453
+ display: flex
454
+ &.is-multiline
455
+ flex-wrap: wrap
456
+ &.is-vcentered
457
+ align-items: center
458
+ // Responsiveness
459
+ +tablet
460
+ &:not(.is-desktop)
461
+ display: flex
462
+ +desktop
463
+ // Modifiers
464
+ &.is-desktop
465
+ display: flex
466
+
467
+ @if $variable-columns
468
+ .columns.is-variable
469
+ --columnGap: 0.75rem
470
+ margin-left: calc(-1 * var(--columnGap))
471
+ margin-right: calc(-1 * var(--columnGap))
472
+ .column
473
+ padding-left: var(--columnGap)
474
+ padding-right: var(--columnGap)
475
+ @for $i from 0 through 8
476
+ &.is-#{$i}
477
+ --columnGap: #{$i * 0.25rem}
478
+ +mobile
479
+ &.is-#{$i}-mobile
480
+ --columnGap: #{$i * 0.25rem}
481
+ +tablet
482
+ &.is-#{$i}-tablet
483
+ --columnGap: #{$i * 0.25rem}
484
+ +tablet-only
485
+ &.is-#{$i}-tablet-only
486
+ --columnGap: #{$i * 0.25rem}
487
+ +touch
488
+ &.is-#{$i}-touch
489
+ --columnGap: #{$i * 0.25rem}
490
+ +desktop
491
+ &.is-#{$i}-desktop
492
+ --columnGap: #{$i * 0.25rem}
493
+ +desktop-only
494
+ &.is-#{$i}-desktop-only
495
+ --columnGap: #{$i * 0.25rem}
496
+ +widescreen
497
+ &.is-#{$i}-widescreen
498
+ --columnGap: #{$i * 0.25rem}
499
+ +widescreen-only
500
+ &.is-#{$i}-widescreen-only
501
+ --columnGap: #{$i * 0.25rem}
502
+ +fullhd
503
+ &.is-#{$i}-fullhd
504
+ --columnGap: #{$i * 0.25rem}
@@ -0,0 +1,32 @@
1
+ .tile
2
+ align-items: stretch
3
+ display: block
4
+ flex-basis: 0
5
+ flex-grow: 1
6
+ flex-shrink: 1
7
+ min-height: min-content
8
+ // Modifiers
9
+ &.is-ancestor
10
+ margin-left: -0.75rem
11
+ margin-right: -0.75rem
12
+ margin-top: -0.75rem
13
+ &:last-child
14
+ margin-bottom: -0.75rem
15
+ &:not(:last-child)
16
+ margin-bottom: 0.75rem
17
+ &.is-child
18
+ margin: 0 !important
19
+ &.is-parent
20
+ padding: 0.75rem
21
+ &.is-vertical
22
+ flex-direction: column
23
+ & > .tile.is-child:not(:last-child)
24
+ margin-bottom: 1.5rem !important
25
+ // Responsiveness
26
+ +tablet
27
+ &:not(.is-child)
28
+ display: flex
29
+ @for $i from 1 through 12
30
+ &.is-#{$i}
31
+ flex: none
32
+ width: ($i / 12) * 100%
@@ -0,0 +1,5 @@
1
+ @charset "utf-8"
2
+
3
+ @import "hero.sass"
4
+ @import "section.sass"
5
+ @import "footer.sass"
@@ -0,0 +1,6 @@
1
+ $footer-background-color: $white-bis !default
2
+ $footer-padding: 3rem 1.5rem 6rem !default
3
+
4
+ .footer
5
+ background-color: $footer-background-color
6
+ padding: $footer-padding
@@ -0,0 +1,156 @@
1
+ // Main container
2
+
3
+ .hero
4
+ align-items: stretch
5
+ display: flex
6
+ flex-direction: column
7
+ justify-content: space-between
8
+ .navbar
9
+ background: none
10
+ .tabs
11
+ ul
12
+ border-bottom: none
13
+ // Colors
14
+ @each $name, $pair in $colors
15
+ $color: nth($pair, 1)
16
+ $color-invert: nth($pair, 2)
17
+ &.is-#{$name}
18
+ background-color: $color
19
+ color: $color-invert
20
+ a:not(.button):not(.dropdown-item):not(.tag),
21
+ strong
22
+ color: inherit
23
+ .title
24
+ color: $color-invert
25
+ .subtitle
26
+ color: rgba($color-invert, 0.9)
27
+ a:not(.button),
28
+ strong
29
+ color: $color-invert
30
+ .navbar-menu
31
+ +touch
32
+ background-color: $color
33
+ .navbar-item,
34
+ .navbar-link
35
+ color: rgba($color-invert, 0.7)
36
+ a.navbar-item,
37
+ .navbar-link
38
+ &:hover,
39
+ &.is-active
40
+ background-color: darken($color, 5%)
41
+ color: $color-invert
42
+ .tabs
43
+ a
44
+ color: $color-invert
45
+ opacity: 0.9
46
+ &:hover
47
+ opacity: 1
48
+ li
49
+ &.is-active a
50
+ opacity: 1
51
+ &.is-boxed,
52
+ &.is-toggle
53
+ a
54
+ color: $color-invert
55
+ &:hover
56
+ background-color: rgba($black, 0.1)
57
+ li.is-active a
58
+ &,
59
+ &:hover
60
+ background-color: $color-invert
61
+ border-color: $color-invert
62
+ color: $color
63
+ // Modifiers
64
+ &.is-bold
65
+ $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
66
+ $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
67
+ background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
68
+ +mobile
69
+ .navbar-menu
70
+ background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
71
+ // Responsiveness
72
+ // +mobile
73
+ // .nav-toggle
74
+ // span
75
+ // background-color: $color-invert
76
+ // &:hover
77
+ // background-color: rgba($black, 0.1)
78
+ // &.is-active
79
+ // span
80
+ // background-color: $color-invert
81
+ // .nav-menu
82
+ // .nav-item
83
+ // border-top-color: rgba($color-invert, 0.2)
84
+ // Sizes
85
+ &.is-small
86
+ .hero-body
87
+ padding-bottom: 1.5rem
88
+ padding-top: 1.5rem
89
+ &.is-medium
90
+ +tablet
91
+ .hero-body
92
+ padding-bottom: 9rem
93
+ padding-top: 9rem
94
+ &.is-large
95
+ +tablet
96
+ .hero-body
97
+ padding-bottom: 18rem
98
+ padding-top: 18rem
99
+ &.is-halfheight,
100
+ &.is-fullheight,
101
+ &.is-fullheight-with-navbar
102
+ .hero-body
103
+ align-items: center
104
+ display: flex
105
+ & > .container
106
+ flex-grow: 1
107
+ flex-shrink: 1
108
+ &.is-halfheight
109
+ min-height: 50vh
110
+ &.is-fullheight
111
+ min-height: 100vh
112
+
113
+ // Components
114
+
115
+ .hero-video
116
+ @extend %overlay
117
+ overflow: hidden
118
+ video
119
+ left: 50%
120
+ min-height: 100%
121
+ min-width: 100%
122
+ position: absolute
123
+ top: 50%
124
+ transform: translate3d(-50%, -50%, 0)
125
+ // Modifiers
126
+ &.is-transparent
127
+ opacity: 0.3
128
+ // Responsiveness
129
+ +mobile
130
+ display: none
131
+
132
+ .hero-buttons
133
+ margin-top: 1.5rem
134
+ // Responsiveness
135
+ +mobile
136
+ .button
137
+ display: flex
138
+ &:not(:last-child)
139
+ margin-bottom: 0.75rem
140
+ +tablet
141
+ display: flex
142
+ justify-content: center
143
+ .button:not(:last-child)
144
+ margin-right: 1.5rem
145
+
146
+ // Containers
147
+
148
+ .hero-head,
149
+ .hero-foot
150
+ flex-grow: 0
151
+ flex-shrink: 0
152
+
153
+ .hero-body
154
+ flex-grow: 1
155
+ flex-shrink: 0
156
+ padding: 3rem 1.5rem
@@ -0,0 +1,13 @@
1
+ $section-padding: 3rem 1.5rem !default
2
+ $section-padding-medium: 9rem 1.5rem !default
3
+ $section-padding-large: 18rem 1.5rem !default
4
+
5
+ .section
6
+ padding: $section-padding
7
+ // Responsiveness
8
+ +desktop
9
+ // Sizes
10
+ &.is-medium
11
+ padding: $section-padding-medium
12
+ &.is-large
13
+ padding: $section-padding-large