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,151 @@
1
+ $tabs-border-bottom-color: $border !default
2
+ $tabs-border-bottom-style: solid !default
3
+ $tabs-border-bottom-width: 1px !default
4
+ $tabs-link-color: $text !default
5
+ $tabs-link-hover-border-bottom-color: $text-strong !default
6
+ $tabs-link-hover-color: $text-strong !default
7
+ $tabs-link-active-border-bottom-color: $link !default
8
+ $tabs-link-active-color: $link !default
9
+ $tabs-link-padding: 0.5em 1em !default
10
+
11
+ $tabs-boxed-link-radius: $radius !default
12
+ $tabs-boxed-link-hover-background-color: $background !default
13
+ $tabs-boxed-link-hover-border-bottom-color: $border !default
14
+
15
+ $tabs-boxed-link-active-background-color: $white !default
16
+ $tabs-boxed-link-active-border-color: $border !default
17
+ $tabs-boxed-link-active-border-bottom-color: transparent !default
18
+
19
+ $tabs-toggle-link-border-color: $border !default
20
+ $tabs-toggle-link-border-style: solid !default
21
+ $tabs-toggle-link-border-width: 1px !default
22
+ $tabs-toggle-link-hover-background-color: $background !default
23
+ $tabs-toggle-link-hover-border-color: $border-hover !default
24
+ $tabs-toggle-link-radius: $radius !default
25
+ $tabs-toggle-link-active-background-color: $link !default
26
+ $tabs-toggle-link-active-border-color: $link !default
27
+ $tabs-toggle-link-active-color: $link-invert !default
28
+
29
+ .tabs
30
+ @extend %block
31
+ +overflow-touch
32
+ @extend %unselectable
33
+ align-items: stretch
34
+ display: flex
35
+ font-size: $size-normal
36
+ justify-content: space-between
37
+ overflow: hidden
38
+ overflow-x: auto
39
+ white-space: nowrap
40
+ a
41
+ align-items: center
42
+ border-bottom-color: $tabs-border-bottom-color
43
+ border-bottom-style: $tabs-border-bottom-style
44
+ border-bottom-width: $tabs-border-bottom-width
45
+ color: $tabs-link-color
46
+ display: flex
47
+ justify-content: center
48
+ margin-bottom: -#{$tabs-border-bottom-width}
49
+ padding: $tabs-link-padding
50
+ vertical-align: top
51
+ &:hover
52
+ border-bottom-color: $tabs-link-hover-border-bottom-color
53
+ color: $tabs-link-hover-color
54
+ li
55
+ display: block
56
+ &.is-active
57
+ a
58
+ border-bottom-color: $tabs-link-active-border-bottom-color
59
+ color: $tabs-link-active-color
60
+ ul
61
+ align-items: center
62
+ border-bottom-color: $tabs-border-bottom-color
63
+ border-bottom-style: $tabs-border-bottom-style
64
+ border-bottom-width: $tabs-border-bottom-width
65
+ display: flex
66
+ flex-grow: 1
67
+ flex-shrink: 0
68
+ justify-content: flex-start
69
+ &.is-left
70
+ padding-right: 0.75em
71
+ &.is-center
72
+ flex: none
73
+ justify-content: center
74
+ padding-left: 0.75em
75
+ padding-right: 0.75em
76
+ &.is-right
77
+ justify-content: flex-end
78
+ padding-left: 0.75em
79
+ .icon
80
+ &:first-child
81
+ margin-right: 0.5em
82
+ &:last-child
83
+ margin-left: 0.5em
84
+ // Alignment
85
+ &.is-centered
86
+ ul
87
+ justify-content: center
88
+ &.is-right
89
+ ul
90
+ justify-content: flex-end
91
+ // Styles
92
+ &.is-boxed
93
+ a
94
+ border: 1px solid transparent
95
+ border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
96
+ &:hover
97
+ background-color: $tabs-boxed-link-hover-background-color
98
+ border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
99
+ li
100
+ &.is-active
101
+ a
102
+ background-color: $tabs-boxed-link-active-background-color
103
+ border-color: $tabs-boxed-link-active-border-color
104
+ border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
105
+ &.is-fullwidth
106
+ li
107
+ flex-grow: 1
108
+ flex-shrink: 0
109
+ &.is-toggle
110
+ a
111
+ border-color: $tabs-toggle-link-border-color
112
+ border-style: $tabs-toggle-link-border-style
113
+ border-width: $tabs-toggle-link-border-width
114
+ margin-bottom: 0
115
+ position: relative
116
+ &:hover
117
+ background-color: $tabs-toggle-link-hover-background-color
118
+ border-color: $tabs-toggle-link-hover-border-color
119
+ z-index: 2
120
+ li
121
+ & + li
122
+ margin-left: -#{$tabs-toggle-link-border-width}
123
+ &:first-child a
124
+ border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
125
+ &:last-child a
126
+ border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
127
+ &.is-active
128
+ a
129
+ background-color: $tabs-toggle-link-active-background-color
130
+ border-color: $tabs-toggle-link-active-border-color
131
+ color: $tabs-toggle-link-active-color
132
+ z-index: 1
133
+ ul
134
+ border-bottom: none
135
+ &.is-toggle-rounded
136
+ li
137
+ &:first-child a
138
+ border-bottom-left-radius: $radius-rounded
139
+ border-top-left-radius: $radius-rounded
140
+ padding-left: 1.25em
141
+ &:last-child a
142
+ border-bottom-right-radius: $radius-rounded
143
+ border-top-right-radius: $radius-rounded
144
+ padding-right: 1.25em
145
+ // Sizes
146
+ &.is-small
147
+ font-size: $size-small
148
+ &.is-medium
149
+ font-size: $size-medium
150
+ &.is-large
151
+ font-size: $size-large
@@ -0,0 +1,16 @@
1
+ @charset "utf-8"
2
+
3
+ @import "box.sass"
4
+ @import "button.sass"
5
+ @import "container.sass"
6
+ @import "content.sass"
7
+ @import "form.sass"
8
+ @import "icon.sass"
9
+ @import "image.sass"
10
+ @import "notification.sass"
11
+ @import "progress.sass"
12
+ @import "table.sass"
13
+ @import "tag.sass"
14
+ @import "title.sass"
15
+
16
+ @import "other.sass"
@@ -0,0 +1,24 @@
1
+ $box-color: $text !default
2
+ $box-background-color: $white !default
3
+ $box-radius: $radius-large !default
4
+ $box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
5
+ $box-padding: 1.25rem !default
6
+
7
+ $box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
8
+ $box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
9
+
10
+ .box
11
+ @extend %block
12
+ background-color: $box-background-color
13
+ border-radius: $box-radius
14
+ box-shadow: $box-shadow
15
+ color: $box-color
16
+ display: block
17
+ padding: $box-padding
18
+
19
+ a.box
20
+ &:hover,
21
+ &:focus
22
+ box-shadow: $box-link-hover-shadow
23
+ &:active
24
+ box-shadow: $box-link-active-shadow
@@ -0,0 +1,275 @@
1
+ $button-color: $grey-darker !default
2
+ $button-background-color: $white !default
3
+
4
+ $button-border-color: $grey-lighter !default
5
+ $button-border-width: $control-border-width !default
6
+
7
+ $button-padding-vertical: calc(0.375em - #{$button-border-width}) !default
8
+ $button-padding-horizontal: 0.75em !default
9
+
10
+ $button-hover-color: $link-hover !default
11
+ $button-hover-border-color: $link-hover-border !default
12
+
13
+ $button-focus-color: $link-focus !default
14
+ $button-focus-border-color: $link-focus-border !default
15
+ $button-focus-box-shadow-size: 0 0 0 0.125em !default
16
+ $button-focus-box-shadow-color: rgba($link, 0.25) !default
17
+
18
+ $button-active-color: $link-active !default
19
+ $button-active-border-color: $link-active-border !default
20
+
21
+ $button-text-color: $text !default
22
+ $button-text-hover-background-color: $background !default
23
+ $button-text-hover-color: $text-strong !default
24
+
25
+ $button-disabled-background-color: $white !default
26
+ $button-disabled-border-color: $grey-lighter !default
27
+ $button-disabled-shadow: none !default
28
+ $button-disabled-opacity: 0.5 !default
29
+
30
+ $button-static-color: $grey !default
31
+ $button-static-background-color: $white-ter !default
32
+ $button-static-border-color: $grey-lighter !default
33
+
34
+ // The button sizes use mixins so they can be used at different breakpoints
35
+ =button-small
36
+ border-radius: $radius-small
37
+ font-size: $size-small
38
+ =button-normal
39
+ font-size: $size-normal
40
+ =button-medium
41
+ font-size: $size-medium
42
+ =button-large
43
+ font-size: $size-large
44
+
45
+ .button
46
+ @extend %control
47
+ @extend %unselectable
48
+ background-color: $button-background-color
49
+ border-color: $button-border-color
50
+ border-width: $button-border-width
51
+ color: $button-color
52
+ cursor: pointer
53
+ justify-content: center
54
+ padding-bottom: $button-padding-vertical
55
+ padding-left: $button-padding-horizontal
56
+ padding-right: $button-padding-horizontal
57
+ padding-top: $button-padding-vertical
58
+ text-align: center
59
+ white-space: nowrap
60
+ strong
61
+ color: inherit
62
+ .icon
63
+ &,
64
+ &.is-small,
65
+ &.is-medium,
66
+ &.is-large
67
+ height: 1.5em
68
+ width: 1.5em
69
+ &:first-child:not(:last-child)
70
+ margin-left: calc(-0.375em - #{$button-border-width})
71
+ margin-right: 0.1875em
72
+ &:last-child:not(:first-child)
73
+ margin-left: 0.1875em
74
+ margin-right: calc(-0.375em - #{$button-border-width})
75
+ &:first-child:last-child
76
+ margin-left: calc(-0.375em - #{$button-border-width})
77
+ margin-right: calc(-0.375em - #{$button-border-width})
78
+ // States
79
+ &:hover,
80
+ &.is-hovered
81
+ border-color: $button-hover-border-color
82
+ color: $button-hover-color
83
+ &:focus,
84
+ &.is-focused
85
+ border-color: $button-focus-border-color
86
+ color: $button-focus-color
87
+ &:not(:active)
88
+ box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
89
+ &:active,
90
+ &.is-active
91
+ border-color: $button-active-border-color
92
+ color: $button-active-color
93
+ // Colors
94
+ &.is-text
95
+ background-color: transparent
96
+ border-color: transparent
97
+ color: $button-text-color
98
+ text-decoration: underline
99
+ &:hover,
100
+ &.is-hovered,
101
+ &:focus,
102
+ &.is-focused
103
+ background-color: $button-text-hover-background-color
104
+ color: $button-text-hover-color
105
+ &:active,
106
+ &.is-active
107
+ background-color: darken($button-text-hover-background-color, 5%)
108
+ color: $button-text-hover-color
109
+ &[disabled],
110
+ fieldset[disabled] &
111
+ background-color: transparent
112
+ border-color: transparent
113
+ box-shadow: none
114
+ @each $name, $pair in $colors
115
+ $color: nth($pair, 1)
116
+ $color-invert: nth($pair, 2)
117
+ &.is-#{$name}
118
+ background-color: $color
119
+ border-color: transparent
120
+ color: $color-invert
121
+ &:hover,
122
+ &.is-hovered
123
+ background-color: darken($color, 2.5%)
124
+ border-color: transparent
125
+ color: $color-invert
126
+ &:focus,
127
+ &.is-focused
128
+ border-color: transparent
129
+ color: $color-invert
130
+ &:not(:active)
131
+ box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
132
+ &:active,
133
+ &.is-active
134
+ background-color: darken($color, 5%)
135
+ border-color: transparent
136
+ color: $color-invert
137
+ &[disabled],
138
+ fieldset[disabled] &
139
+ background-color: $color
140
+ border-color: transparent
141
+ box-shadow: none
142
+ &.is-inverted
143
+ background-color: $color-invert
144
+ color: $color
145
+ &:hover
146
+ background-color: darken($color-invert, 5%)
147
+ &[disabled],
148
+ fieldset[disabled] &
149
+ background-color: $color-invert
150
+ border-color: transparent
151
+ box-shadow: none
152
+ color: $color
153
+ &.is-loading
154
+ &::after
155
+ border-color: transparent transparent $color-invert $color-invert !important
156
+ &.is-outlined
157
+ background-color: transparent
158
+ border-color: $color
159
+ color: $color
160
+ &:hover,
161
+ &:focus
162
+ background-color: $color
163
+ border-color: $color
164
+ color: $color-invert
165
+ &.is-loading
166
+ &::after
167
+ border-color: transparent transparent $color $color !important
168
+ &[disabled],
169
+ fieldset[disabled] &
170
+ background-color: transparent
171
+ border-color: $color
172
+ box-shadow: none
173
+ color: $color
174
+ &.is-inverted.is-outlined
175
+ background-color: transparent
176
+ border-color: $color-invert
177
+ color: $color-invert
178
+ &:hover,
179
+ &:focus
180
+ background-color: $color-invert
181
+ color: $color
182
+ &[disabled],
183
+ fieldset[disabled] &
184
+ background-color: transparent
185
+ border-color: $color-invert
186
+ box-shadow: none
187
+ color: $color-invert
188
+ // Sizes
189
+ &.is-small
190
+ +button-small
191
+ &.is-normal
192
+ +button-normal
193
+ &.is-medium
194
+ +button-medium
195
+ &.is-large
196
+ +button-large
197
+ // Modifiers
198
+ &[disabled],
199
+ fieldset[disabled] &
200
+ background-color: $button-disabled-background-color
201
+ border-color: $button-disabled-border-color
202
+ box-shadow: $button-disabled-shadow
203
+ opacity: $button-disabled-opacity
204
+ &.is-fullwidth
205
+ display: flex
206
+ width: 100%
207
+ &.is-loading
208
+ color: transparent !important
209
+ pointer-events: none
210
+ &::after
211
+ @extend %loader
212
+ +center(1em)
213
+ position: absolute !important
214
+ &.is-static
215
+ background-color: $button-static-background-color
216
+ border-color: $button-static-border-color
217
+ color: $button-static-color
218
+ box-shadow: none
219
+ pointer-events: none
220
+ &.is-rounded
221
+ border-radius: $radius-rounded
222
+ padding-left: 1em
223
+ padding-right: 1em
224
+
225
+ .buttons
226
+ align-items: center
227
+ display: flex
228
+ flex-wrap: wrap
229
+ justify-content: flex-start
230
+ .button
231
+ margin-bottom: 0.5rem
232
+ &:not(:last-child):not(.is-fullwidth)
233
+ margin-right: 0.5rem
234
+ &:last-child
235
+ margin-bottom: -0.5rem
236
+ &:not(:last-child)
237
+ margin-bottom: 1rem
238
+ // Sizes
239
+ &.are-small
240
+ .button:not(.is-normal):not(.is-medium):not(.is-large)
241
+ +button-small
242
+ &.are-medium
243
+ .button:not(.is-small):not(.is-normal):not(.is-large)
244
+ +button-medium
245
+ &.are-large
246
+ .button:not(.is-small):not(.is-normal):not(.is-medium)
247
+ +button-large
248
+ &.has-addons
249
+ .button
250
+ &:not(:first-child)
251
+ border-bottom-left-radius: 0
252
+ border-top-left-radius: 0
253
+ &:not(:last-child)
254
+ border-bottom-right-radius: 0
255
+ border-top-right-radius: 0
256
+ margin-right: -1px
257
+ &:last-child
258
+ margin-right: 0
259
+ &:hover,
260
+ &.is-hovered
261
+ z-index: 2
262
+ &:focus,
263
+ &.is-focused,
264
+ &:active,
265
+ &.is-active,
266
+ &.is-selected
267
+ z-index: 3
268
+ &:hover
269
+ z-index: 4
270
+ &.is-expanded
271
+ flex-grow: 1
272
+ &.is-centered
273
+ justify-content: center
274
+ &.is-right
275
+ justify-content: flex-end
@@ -0,0 +1,25 @@
1
+ .container
2
+ margin: 0 auto
3
+ position: relative
4
+ +desktop
5
+ max-width: $desktop - (2 * $gap)
6
+ width: $desktop - (2 * $gap)
7
+ &.is-fluid
8
+ margin-left: $gap
9
+ margin-right: $gap
10
+ max-width: none
11
+ width: auto
12
+ +until-widescreen
13
+ &.is-widescreen
14
+ max-width: $widescreen - (2 * $gap)
15
+ width: auto
16
+ +until-fullhd
17
+ &.is-fullhd
18
+ max-width: $fullhd - (2 * $gap)
19
+ width: auto
20
+ +widescreen
21
+ max-width: $widescreen - (2 * $gap)
22
+ width: $widescreen - (2 * $gap)
23
+ +fullhd
24
+ max-width: $fullhd - (2 * $gap)
25
+ width: $fullhd - (2 * $gap)
@@ -0,0 +1,151 @@
1
+ $content-heading-color: $text-strong !default
2
+ $content-heading-weight: $weight-semibold !default
3
+ $content-heading-line-height: 1.125 !default
4
+
5
+ $content-blockquote-background-color: $background !default
6
+ $content-blockquote-border-left: 5px solid $border !default
7
+ $content-blockquote-padding: 1.25em 1.5em !default
8
+
9
+ $content-pre-padding: 1.25em 1.5em !default
10
+
11
+ $content-table-cell-border: 1px solid $border !default
12
+ $content-table-cell-border-width: 0 0 1px !default
13
+ $content-table-cell-padding: 0.5em 0.75em !default
14
+ $content-table-cell-heading-color: $text-strong !default
15
+ $content-table-head-cell-border-width: 0 0 2px !default
16
+ $content-table-head-cell-color: $text-strong !default
17
+ $content-table-foot-cell-border-width: 2px 0 0 !default
18
+ $content-table-foot-cell-color: $text-strong !default
19
+
20
+ .content
21
+ @extend %block
22
+ // Inline
23
+ li + li
24
+ margin-top: 0.25em
25
+ // Block
26
+ p,
27
+ dl,
28
+ ol,
29
+ ul,
30
+ blockquote,
31
+ pre,
32
+ table
33
+ &:not(:last-child)
34
+ margin-bottom: 1em
35
+ h1,
36
+ h2,
37
+ h3,
38
+ h4,
39
+ h5,
40
+ h6
41
+ color: $content-heading-color
42
+ font-weight: $content-heading-weight
43
+ line-height: $content-heading-line-height
44
+ h1
45
+ font-size: 2em
46
+ margin-bottom: 0.5em
47
+ &:not(:first-child)
48
+ margin-top: 1em
49
+ h2
50
+ font-size: 1.75em
51
+ margin-bottom: 0.5714em
52
+ &:not(:first-child)
53
+ margin-top: 1.1428em
54
+ h3
55
+ font-size: 1.5em
56
+ margin-bottom: 0.6666em
57
+ &:not(:first-child)
58
+ margin-top: 1.3333em
59
+ h4
60
+ font-size: 1.25em
61
+ margin-bottom: 0.8em
62
+ h5
63
+ font-size: 1.125em
64
+ margin-bottom: 0.8888em
65
+ h6
66
+ font-size: 1em
67
+ margin-bottom: 1em
68
+ blockquote
69
+ background-color: $content-blockquote-background-color
70
+ border-left: $content-blockquote-border-left
71
+ padding: $content-blockquote-padding
72
+ ol
73
+ list-style-position: outside
74
+ margin-left: 2em
75
+ margin-top: 1em
76
+ &:not([type])
77
+ list-style-type: decimal
78
+ &.is-lower-alpha
79
+ list-style-type: lower-alpha
80
+ &.is-lower-roman
81
+ list-style-type: lower-roman
82
+ &.is-upper-alpha
83
+ list-style-type: upper-alpha
84
+ &.is-upper-roman
85
+ list-style-type: upper-roman
86
+ ul
87
+ list-style: disc outside
88
+ margin-left: 2em
89
+ margin-top: 1em
90
+ ul
91
+ list-style-type: circle
92
+ margin-top: 0.5em
93
+ ul
94
+ list-style-type: square
95
+ dd
96
+ margin-left: 2em
97
+ figure
98
+ margin-left: 2em
99
+ margin-right: 2em
100
+ text-align: center
101
+ &:not(:first-child)
102
+ margin-top: 2em
103
+ &:not(:last-child)
104
+ margin-bottom: 2em
105
+ img
106
+ display: inline-block
107
+ figcaption
108
+ font-style: italic
109
+ pre
110
+ +overflow-touch
111
+ overflow-x: auto
112
+ padding: $content-pre-padding
113
+ white-space: pre
114
+ word-wrap: normal
115
+ sup,
116
+ sub
117
+ font-size: 75%
118
+ table
119
+ width: 100%
120
+ td,
121
+ th
122
+ border: $content-table-cell-border
123
+ border-width: $content-table-cell-border-width
124
+ padding: $content-table-cell-padding
125
+ vertical-align: top
126
+ th
127
+ color: $content-table-cell-heading-color
128
+ text-align: left
129
+ thead
130
+ td,
131
+ th
132
+ border-width: $content-table-head-cell-border-width
133
+ color: $content-table-head-cell-color
134
+ tfoot
135
+ td,
136
+ th
137
+ border-width: $content-table-foot-cell-border-width
138
+ color: $content-table-foot-cell-color
139
+ tbody
140
+ tr
141
+ &:last-child
142
+ td,
143
+ th
144
+ border-bottom-width: 0
145
+ // Sizes
146
+ &.is-small
147
+ font-size: $size-small
148
+ &.is-medium
149
+ font-size: $size-medium
150
+ &.is-large
151
+ font-size: $size-large