ols-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 (142) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +50 -0
  4. data/_includes/default-footer.html +56 -0
  5. data/_includes/default-header.html +81 -0
  6. data/_includes/detailed-schedule.md +11 -0
  7. data/_includes/external-entities.html +43 -0
  8. data/_includes/overall-schedule.md +27 -0
  9. data/_includes/people.html +89 -0
  10. data/_includes/schedule.md +2 -0
  11. data/_includes/timeline.md +24 -0
  12. data/_includes/toc.html +12 -0
  13. data/_includes/week.md +50 -0
  14. data/_layouts/base.html +66 -0
  15. data/_layouts/default.html +37 -0
  16. data/_layouts/page.html +9 -0
  17. data/_layouts/people.html +373 -0
  18. data/_layouts/post.html +5 -0
  19. data/_layouts/posts.html +51 -0
  20. data/_sass/bulma/CHANGELOG.md +1254 -0
  21. data/_sass/bulma/LICENSE +21 -0
  22. data/_sass/bulma/README.md +124 -0
  23. data/_sass/bulma/bulma.sass +9 -0
  24. data/_sass/bulma/css/bulma.css +10599 -0
  25. data/_sass/bulma/css/bulma.css.map +1 -0
  26. data/_sass/bulma/css/bulma.min.css +1 -0
  27. data/_sass/bulma/package.json +52 -0
  28. data/_sass/bulma/sass/base/_all.sass +5 -0
  29. data/_sass/bulma/sass/base/generic.sass +142 -0
  30. data/_sass/bulma/sass/base/helpers.sass +281 -0
  31. data/_sass/bulma/sass/base/minireset.sass +85 -0
  32. data/_sass/bulma/sass/components/_all.sass +15 -0
  33. data/_sass/bulma/sass/components/breadcrumb.sass +75 -0
  34. data/_sass/bulma/sass/components/card.sass +79 -0
  35. data/_sass/bulma/sass/components/dropdown.sass +81 -0
  36. data/_sass/bulma/sass/components/level.sass +77 -0
  37. data/_sass/bulma/sass/components/list.sass +39 -0
  38. data/_sass/bulma/sass/components/media.sass +48 -0
  39. data/_sass/bulma/sass/components/menu.sass +57 -0
  40. data/_sass/bulma/sass/components/message.sass +87 -0
  41. data/_sass/bulma/sass/components/modal.sass +113 -0
  42. data/_sass/bulma/sass/components/navbar.sass +443 -0
  43. data/_sass/bulma/sass/components/pagination.sass +149 -0
  44. data/_sass/bulma/sass/components/panel.sass +103 -0
  45. data/_sass/bulma/sass/components/tabs.sass +151 -0
  46. data/_sass/bulma/sass/elements/_all.sass +15 -0
  47. data/_sass/bulma/sass/elements/box.sass +24 -0
  48. data/_sass/bulma/sass/elements/button.sass +305 -0
  49. data/_sass/bulma/sass/elements/container.sass +23 -0
  50. data/_sass/bulma/sass/elements/content.sass +155 -0
  51. data/_sass/bulma/sass/elements/form.sass +1 -0
  52. data/_sass/bulma/sass/elements/icon.sass +21 -0
  53. data/_sass/bulma/sass/elements/image.sass +69 -0
  54. data/_sass/bulma/sass/elements/notification.sass +35 -0
  55. data/_sass/bulma/sass/elements/other.sass +39 -0
  56. data/_sass/bulma/sass/elements/progress.sass +67 -0
  57. data/_sass/bulma/sass/elements/table.sass +127 -0
  58. data/_sass/bulma/sass/elements/tag.sass +121 -0
  59. data/_sass/bulma/sass/elements/title.sass +70 -0
  60. data/_sass/bulma/sass/form/_all.sass +8 -0
  61. data/_sass/bulma/sass/form/checkbox-radio.sass +21 -0
  62. data/_sass/bulma/sass/form/file.sass +180 -0
  63. data/_sass/bulma/sass/form/input-textarea.sass +60 -0
  64. data/_sass/bulma/sass/form/select.sass +85 -0
  65. data/_sass/bulma/sass/form/shared.sass +55 -0
  66. data/_sass/bulma/sass/form/tools.sass +205 -0
  67. data/_sass/bulma/sass/grid/_all.sass +4 -0
  68. data/_sass/bulma/sass/grid/columns.sass +504 -0
  69. data/_sass/bulma/sass/grid/tiles.sass +34 -0
  70. data/_sass/bulma/sass/layout/_all.sass +5 -0
  71. data/_sass/bulma/sass/layout/footer.sass +9 -0
  72. data/_sass/bulma/sass/layout/hero.sass +143 -0
  73. data/_sass/bulma/sass/layout/section.sass +13 -0
  74. data/_sass/bulma/sass/utilities/_all.sass +8 -0
  75. data/_sass/bulma/sass/utilities/animations.sass +5 -0
  76. data/_sass/bulma/sass/utilities/controls.sass +50 -0
  77. data/_sass/bulma/sass/utilities/derived-variables.sass +85 -0
  78. data/_sass/bulma/sass/utilities/functions.sass +62 -0
  79. data/_sass/bulma/sass/utilities/initial-variables.sass +76 -0
  80. data/_sass/bulma/sass/utilities/mixins.sass +261 -0
  81. data/assets/css/custom.scss +422 -0
  82. data/assets/images/2019-09-24-application.png +0 -0
  83. data/assets/images/2019-10-18-projects.jpg +0 -0
  84. data/assets/images/2019-10-21-storytelling.jpeg +0 -0
  85. data/assets/images/2019-11-13-difference-with-elife-innovation-leaders.jpg +0 -0
  86. data/assets/images/2019-11-25-blog2.png +0 -0
  87. data/assets/images/2019-11-25-blog3.png +0 -0
  88. data/assets/images/2019-11-25-blog4.png +0 -0
  89. data/assets/images/2019-11-25-blog5.png +0 -0
  90. data/assets/images/2019-11-25-blog6.png +0 -0
  91. data/assets/images/2019-11-25-header-expert.jpeg +0 -0
  92. data/assets/images/2020-ally-training.jpg +0 -0
  93. data/assets/images/2021-04-30-ols-2-blog-2.png +0 -0
  94. data/assets/images/2021-04-30-ols-2-blog.png +0 -0
  95. data/assets/images/2021-12-21-wt-open-research-fund-header.png +0 -0
  96. data/assets/images/2022-01-04-esthers-mentoring-blog-illustration.jpg +0 -0
  97. data/assets/images/2022-01-27-ols-czi-funding.jpg +0 -0
  98. data/assets/images/2022-02-18-for-hire.jpg +0 -0
  99. data/assets/images/2022-04-01-header-image-speed-blod-nadine.jpg +0 -0
  100. data/assets/images/2022-05-13-os-hobby-blog.jpg +0 -0
  101. data/assets/images/2022-07-18-ismaelkg-crinkle.png +0 -0
  102. data/assets/images/2022-07-18-ismaelkg-timeline-image.png +0 -0
  103. data/assets/images/2022-07-18-ismaelkg-watches.jpg +0 -0
  104. data/assets/images/2022-07-18-osmooc-logo.png +0 -0
  105. data/assets/images/2022-07-18-osmooc-modules.png +0 -0
  106. data/assets/images/2022-07-18-tudelft-history.png +0 -0
  107. data/assets/images/2022-07-18-twitter.png +0 -0
  108. data/assets/images/2022-08-adi-goldstein-unsplash.jpg +0 -0
  109. data/assets/images/2022-08-paz-meme.png +0 -0
  110. data/assets/images/2022-08-paz.jpg +0 -0
  111. data/assets/images/2022-12-andrea-sanchez.jpg +0 -0
  112. data/assets/images/2022-12-ecg-grant-announcement.png +0 -0
  113. data/assets/images/2022-12-jon-tyson-unsplash.jpg +0 -0
  114. data/assets/images/2022-12-melissa-black.jpg +0 -0
  115. data/assets/images/2022-12-mitchell-luo-unsplash.jpg +0 -0
  116. data/assets/images/2022-12-ols-resident-fellows.jpg +0 -0
  117. data/assets/images/2022-12-pexels-linda-ellershein.jpg +0 -0
  118. data/assets/images/2022-12-reina-camacho.png +0 -0
  119. data/assets/images/2022-WT-OLS-Job-Description.pdf +0 -0
  120. data/assets/images/2023-02-1-milad-fakurian-0n1pmev3w2A-unsplash.jpg +0 -0
  121. data/assets/images/2023-04-18-introducing-the-new-OLS/colourrefresh.png +0 -0
  122. data/assets/images/2023-04-18-introducing-the-new-OLS/identity-poster.png +0 -0
  123. data/assets/images/2023-04-18-introducing-the-new-OLS/logo-refresh.png +0 -0
  124. data/assets/images/2023-04-18-introducing-the-new-OLS/logomark.png +0 -0
  125. data/assets/images/2023-04-18-introducing-the-new-OLS/open-by-design.png +0 -0
  126. data/assets/images/2023-04-18-introducing-the-new-OLS/open-seeds.png +0 -0
  127. data/assets/images/2023-05-debs.jpg +0 -0
  128. data/assets/images/2023-05-taj.jpg +0 -0
  129. data/assets/images/about.jpg +0 -0
  130. data/assets/images/code-of-conduct.jpg +0 -0
  131. data/assets/images/index.jpg +0 -0
  132. data/assets/images/logo.png +0 -0
  133. data/assets/images/ols-1/project-participants.jpg +0 -0
  134. data/assets/images/organizations/denbi.png +0 -0
  135. data/assets/images/organizations/elixir.png +0 -0
  136. data/assets/images/organizations/mozilla.jpg +0 -0
  137. data/assets/images/posts.jpg +0 -0
  138. data/assets/images/schedule.png +0 -0
  139. data/assets/images/syllabus.jpg +0 -0
  140. data/assets/js/posts.js +21 -0
  141. data/assets/js/scripts.js +52 -0
  142. metadata +197 -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,15 @@
1
+ @charset "utf-8"
2
+
3
+ @import "box.sass"
4
+ @import "button.sass"
5
+ @import "container.sass"
6
+ @import "content.sass"
7
+ @import "icon.sass"
8
+ @import "image.sass"
9
+ @import "notification.sass"
10
+ @import "progress.sass"
11
+ @import "table.sass"
12
+ @import "tag.sass"
13
+ @import "title.sass"
14
+
15
+ @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,305 @@
1
+ $button-color: $grey-darker !default
2
+ $button-background-color: $white !default
3
+ $button-family: false !default
4
+
5
+ $button-border-color: $grey-lighter !default
6
+ $button-border-width: $control-border-width !default
7
+
8
+ $button-padding-vertical: calc(0.375em - #{$button-border-width}) !default
9
+ $button-padding-horizontal: 0.75em !default
10
+
11
+ $button-hover-color: $link-hover !default
12
+ $button-hover-border-color: $link-hover-border !default
13
+
14
+ $button-focus-color: $link-focus !default
15
+ $button-focus-border-color: $link-focus-border !default
16
+ $button-focus-box-shadow-size: 0 0 0 0.125em !default
17
+ $button-focus-box-shadow-color: rgba($link, 0.25) !default
18
+
19
+ $button-active-color: $link-active !default
20
+ $button-active-border-color: $link-active-border !default
21
+
22
+ $button-text-color: $text !default
23
+ $button-text-hover-background-color: $background !default
24
+ $button-text-hover-color: $text-strong !default
25
+
26
+ $button-disabled-background-color: $white !default
27
+ $button-disabled-border-color: $grey-lighter !default
28
+ $button-disabled-shadow: none !default
29
+ $button-disabled-opacity: 0.5 !default
30
+
31
+ $button-static-color: $grey !default
32
+ $button-static-background-color: $white-ter !default
33
+ $button-static-border-color: $grey-lighter !default
34
+
35
+ // The button sizes use mixins so they can be used at different breakpoints
36
+ =button-small
37
+ border-radius: $radius-small
38
+ font-size: $size-small
39
+ =button-normal
40
+ font-size: $size-normal
41
+ =button-medium
42
+ font-size: $size-medium
43
+ =button-large
44
+ font-size: $size-large
45
+
46
+ .button
47
+ @extend %control
48
+ @extend %unselectable
49
+ background-color: $button-background-color
50
+ border-color: $button-border-color
51
+ border-width: $button-border-width
52
+ color: $button-color
53
+ cursor: pointer
54
+ @if $button-family
55
+ font-family: $button-family
56
+ justify-content: center
57
+ padding-bottom: $button-padding-vertical
58
+ padding-left: $button-padding-horizontal
59
+ padding-right: $button-padding-horizontal
60
+ padding-top: $button-padding-vertical
61
+ text-align: center
62
+ white-space: nowrap
63
+ strong
64
+ color: inherit
65
+ .icon
66
+ &,
67
+ &.is-small,
68
+ &.is-medium,
69
+ &.is-large
70
+ height: 1.5em
71
+ width: 1.5em
72
+ &:first-child:not(:last-child)
73
+ margin-left: calc(-0.375em - #{$button-border-width})
74
+ margin-right: 0.1875em
75
+ &:last-child:not(:first-child)
76
+ margin-left: 0.1875em
77
+ margin-right: calc(-0.375em - #{$button-border-width})
78
+ &:first-child:last-child
79
+ margin-left: calc(-0.375em - #{$button-border-width})
80
+ margin-right: calc(-0.375em - #{$button-border-width})
81
+ // States
82
+ &:hover,
83
+ &.is-hovered
84
+ border-color: $button-hover-border-color
85
+ color: $button-hover-color
86
+ &:focus,
87
+ &.is-focused
88
+ border-color: $button-focus-border-color
89
+ color: $button-focus-color
90
+ &:not(:active)
91
+ box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
92
+ &:active,
93
+ &.is-active
94
+ border-color: $button-active-border-color
95
+ color: $button-active-color
96
+ // Colors
97
+ &.is-text
98
+ background-color: transparent
99
+ border-color: transparent
100
+ color: $button-text-color
101
+ text-decoration: underline
102
+ &:hover,
103
+ &.is-hovered,
104
+ &:focus,
105
+ &.is-focused
106
+ background-color: $button-text-hover-background-color
107
+ color: $button-text-hover-color
108
+ &:active,
109
+ &.is-active
110
+ background-color: darken($button-text-hover-background-color, 5%)
111
+ color: $button-text-hover-color
112
+ &[disabled],
113
+ fieldset[disabled] &
114
+ background-color: transparent
115
+ border-color: transparent
116
+ box-shadow: none
117
+ @each $name, $pair in $colors
118
+ $color: nth($pair, 1)
119
+ $color-invert: nth($pair, 2)
120
+ &.is-#{$name}
121
+ background-color: $color
122
+ border-color: transparent
123
+ color: $color-invert
124
+ &:hover,
125
+ &.is-hovered
126
+ background-color: darken($color, 2.5%)
127
+ border-color: transparent
128
+ color: $color-invert
129
+ &:focus,
130
+ &.is-focused
131
+ border-color: transparent
132
+ color: $color-invert
133
+ &:not(:active)
134
+ box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
135
+ &:active,
136
+ &.is-active
137
+ background-color: darken($color, 5%)
138
+ border-color: transparent
139
+ color: $color-invert
140
+ &[disabled],
141
+ fieldset[disabled] &
142
+ background-color: $color
143
+ border-color: transparent
144
+ box-shadow: none
145
+ &.is-inverted
146
+ background-color: $color-invert
147
+ color: $color
148
+ &:hover,
149
+ &.is-hovered
150
+ background-color: darken($color-invert, 5%)
151
+ &[disabled],
152
+ fieldset[disabled] &
153
+ background-color: $color-invert
154
+ border-color: transparent
155
+ box-shadow: none
156
+ color: $color
157
+ &.is-loading
158
+ &::after
159
+ border-color: transparent transparent $color-invert $color-invert !important
160
+ &.is-outlined
161
+ background-color: transparent
162
+ border-color: $color
163
+ color: $color
164
+ &:hover,
165
+ &.is-hovered,
166
+ &:focus,
167
+ &.is-focused
168
+ background-color: $color
169
+ border-color: $color
170
+ color: $color-invert
171
+ &.is-loading
172
+ &::after
173
+ border-color: transparent transparent $color $color !important
174
+ &:hover,
175
+ &.is-hovered,
176
+ &:focus,
177
+ &.is-focused
178
+ &::after
179
+ border-color: transparent transparent $color-invert $color-invert !important
180
+ &[disabled],
181
+ fieldset[disabled] &
182
+ background-color: transparent
183
+ border-color: $color
184
+ box-shadow: none
185
+ color: $color
186
+ &.is-inverted.is-outlined
187
+ background-color: transparent
188
+ border-color: $color-invert
189
+ color: $color-invert
190
+ &:hover,
191
+ &.is-hovered,
192
+ &:focus,
193
+ &.is-focused
194
+ background-color: $color-invert
195
+ color: $color
196
+ &.is-loading
197
+ &:hover,
198
+ &.is-hovered,
199
+ &:focus,
200
+ &.is-focused
201
+ &::after
202
+ border-color: transparent transparent $color $color !important
203
+ &[disabled],
204
+ fieldset[disabled] &
205
+ background-color: transparent
206
+ border-color: $color-invert
207
+ box-shadow: none
208
+ color: $color-invert
209
+ // Sizes
210
+ &.is-small
211
+ +button-small
212
+ &.is-normal
213
+ +button-normal
214
+ &.is-medium
215
+ +button-medium
216
+ &.is-large
217
+ +button-large
218
+ // Modifiers
219
+ &[disabled],
220
+ fieldset[disabled] &
221
+ background-color: $button-disabled-background-color
222
+ border-color: $button-disabled-border-color
223
+ box-shadow: $button-disabled-shadow
224
+ opacity: $button-disabled-opacity
225
+ &.is-fullwidth
226
+ display: flex
227
+ width: 100%
228
+ &.is-loading
229
+ color: transparent !important
230
+ pointer-events: none
231
+ &::after
232
+ @extend %loader
233
+ +center(1em)
234
+ position: absolute !important
235
+ &.is-static
236
+ background-color: $button-static-background-color
237
+ border-color: $button-static-border-color
238
+ color: $button-static-color
239
+ box-shadow: none
240
+ pointer-events: none
241
+ &.is-rounded
242
+ border-radius: $radius-rounded
243
+ padding-left: 1em
244
+ padding-right: 1em
245
+
246
+ .buttons
247
+ align-items: center
248
+ display: flex
249
+ flex-wrap: wrap
250
+ justify-content: flex-start
251
+ .button
252
+ margin-bottom: 0.5rem
253
+ &:not(:last-child):not(.is-fullwidth)
254
+ margin-right: 0.5rem
255
+ &:last-child
256
+ margin-bottom: -0.5rem
257
+ &:not(:last-child)
258
+ margin-bottom: 1rem
259
+ // Sizes
260
+ &.are-small
261
+ .button:not(.is-normal):not(.is-medium):not(.is-large)
262
+ +button-small
263
+ &.are-medium
264
+ .button:not(.is-small):not(.is-normal):not(.is-large)
265
+ +button-medium
266
+ &.are-large
267
+ .button:not(.is-small):not(.is-normal):not(.is-medium)
268
+ +button-large
269
+ &.has-addons
270
+ .button
271
+ &:not(:first-child)
272
+ border-bottom-left-radius: 0
273
+ border-top-left-radius: 0
274
+ &:not(:last-child)
275
+ border-bottom-right-radius: 0
276
+ border-top-right-radius: 0
277
+ margin-right: -1px
278
+ &:last-child
279
+ margin-right: 0
280
+ &:hover,
281
+ &.is-hovered
282
+ z-index: 2
283
+ &:focus,
284
+ &.is-focused,
285
+ &:active,
286
+ &.is-active,
287
+ &.is-selected
288
+ z-index: 3
289
+ &:hover
290
+ z-index: 4
291
+ &.is-expanded
292
+ flex-grow: 1
293
+ flex-shrink: 1
294
+ &.is-centered
295
+ justify-content: center
296
+ &:not(.has-addons)
297
+ .button:not(.is-fullwidth)
298
+ margin-left: 0.25rem
299
+ margin-right: 0.25rem
300
+ &.is-right
301
+ justify-content: flex-end
302
+ &:not(.has-addons)
303
+ .button:not(.is-fullwidth)
304
+ margin-left: 0.25rem
305
+ margin-right: 0.25rem
@@ -0,0 +1,23 @@
1
+ $container-offset: (2 * $gap) !default
2
+
3
+ .container
4
+ flex-grow: 1
5
+ margin: 0 auto
6
+ position: relative
7
+ width: auto
8
+ +desktop
9
+ max-width: $desktop - $container-offset
10
+ &.is-fluid
11
+ margin-left: $gap
12
+ margin-right: $gap
13
+ max-width: none
14
+ +until-widescreen
15
+ &.is-widescreen
16
+ max-width: $widescreen - $container-offset
17
+ +until-fullhd
18
+ &.is-fullhd
19
+ max-width: $fullhd - $container-offset
20
+ +widescreen
21
+ max-width: $widescreen - $container-offset
22
+ +fullhd
23
+ max-width: $fullhd - $container-offset
@@ -0,0 +1,155 @@
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
+ &:not([align])
129
+ text-align: left
130
+ thead
131
+ td,
132
+ th
133
+ border-width: $content-table-head-cell-border-width
134
+ color: $content-table-head-cell-color
135
+ tfoot
136
+ td,
137
+ th
138
+ border-width: $content-table-foot-cell-border-width
139
+ color: $content-table-foot-cell-color
140
+ tbody
141
+ tr
142
+ &:last-child
143
+ td,
144
+ th
145
+ border-bottom-width: 0
146
+ .tabs
147
+ li + li
148
+ margin-top: 0
149
+ // Sizes
150
+ &.is-small
151
+ font-size: $size-small
152
+ &.is-medium
153
+ font-size: $size-medium
154
+ &.is-large
155
+ font-size: $size-large
@@ -0,0 +1 @@
1
+ @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
@@ -0,0 +1,21 @@
1
+ $icon-dimensions: 1.5rem !default
2
+ $icon-dimensions-small: 1rem !default
3
+ $icon-dimensions-medium: 2rem !default
4
+ $icon-dimensions-large: 3rem !default
5
+
6
+ .icon
7
+ align-items: center
8
+ display: inline-flex
9
+ justify-content: center
10
+ height: $icon-dimensions
11
+ width: $icon-dimensions
12
+ // Sizes
13
+ &.is-small
14
+ height: $icon-dimensions-small
15
+ width: $icon-dimensions-small
16
+ &.is-medium
17
+ height: $icon-dimensions-medium
18
+ width: $icon-dimensions-medium
19
+ &.is-large
20
+ height: $icon-dimensions-large
21
+ width: $icon-dimensions-large