ols-theme 0.8.0 → 0.9.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 (146) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +50 -50
  4. data/_includes/announcement-blog-metadata.html +78 -0
  5. data/_includes/cohort-loop.html +41 -0
  6. data/_includes/cohort-metadata.html +34 -0
  7. data/_includes/default-footer.html +3 -3
  8. data/_includes/default-header.html +33 -34
  9. data/_includes/detailed-schedule.md +11 -11
  10. data/_includes/external-entities.html +1 -1
  11. data/_includes/overall-schedule.md +5 -5
  12. data/_includes/people.html +79 -81
  13. data/_includes/projects-participants.html +61 -0
  14. data/_includes/schedule.md +123 -2
  15. data/_includes/timeline.md +24 -24
  16. data/_includes/toc.html +11 -11
  17. data/_includes/week.md +54 -49
  18. data/_layouts/base.html +64 -66
  19. data/_layouts/default.html +39 -37
  20. data/_layouts/index.html +7 -0
  21. data/_layouts/page.html +8 -8
  22. data/_layouts/people.html +105 -373
  23. data/_layouts/post.html +5 -5
  24. data/_layouts/posts.html +51 -51
  25. data/_sass/bulma/CHANGELOG.md +1254 -1254
  26. data/_sass/bulma/LICENSE +21 -21
  27. data/_sass/bulma/README.md +124 -124
  28. data/_sass/bulma/bulma.sass +9 -9
  29. data/_sass/bulma/css/bulma.css +10598 -10598
  30. data/_sass/bulma/package.json +52 -52
  31. data/_sass/bulma/sass/base/_all.sass +5 -5
  32. data/_sass/bulma/sass/base/generic.sass +142 -142
  33. data/_sass/bulma/sass/base/helpers.sass +281 -281
  34. data/_sass/bulma/sass/base/minireset.sass +85 -85
  35. data/_sass/bulma/sass/components/_all.sass +15 -15
  36. data/_sass/bulma/sass/components/breadcrumb.sass +75 -75
  37. data/_sass/bulma/sass/components/card.sass +79 -79
  38. data/_sass/bulma/sass/components/dropdown.sass +81 -81
  39. data/_sass/bulma/sass/components/level.sass +77 -77
  40. data/_sass/bulma/sass/components/list.sass +39 -39
  41. data/_sass/bulma/sass/components/media.sass +48 -48
  42. data/_sass/bulma/sass/components/menu.sass +57 -57
  43. data/_sass/bulma/sass/components/message.sass +87 -87
  44. data/_sass/bulma/sass/components/modal.sass +113 -113
  45. data/_sass/bulma/sass/components/navbar.sass +443 -443
  46. data/_sass/bulma/sass/components/pagination.sass +149 -149
  47. data/_sass/bulma/sass/components/panel.sass +103 -103
  48. data/_sass/bulma/sass/components/tabs.sass +151 -151
  49. data/_sass/bulma/sass/elements/_all.sass +15 -15
  50. data/_sass/bulma/sass/elements/box.sass +24 -24
  51. data/_sass/bulma/sass/elements/button.sass +305 -305
  52. data/_sass/bulma/sass/elements/container.sass +23 -23
  53. data/_sass/bulma/sass/elements/content.sass +155 -155
  54. data/_sass/bulma/sass/elements/form.sass +1 -1
  55. data/_sass/bulma/sass/elements/icon.sass +21 -21
  56. data/_sass/bulma/sass/elements/image.sass +69 -69
  57. data/_sass/bulma/sass/elements/notification.sass +35 -35
  58. data/_sass/bulma/sass/elements/other.sass +39 -39
  59. data/_sass/bulma/sass/elements/progress.sass +67 -67
  60. data/_sass/bulma/sass/elements/table.sass +127 -127
  61. data/_sass/bulma/sass/elements/tag.sass +121 -121
  62. data/_sass/bulma/sass/elements/title.sass +70 -70
  63. data/_sass/bulma/sass/form/_all.sass +8 -8
  64. data/_sass/bulma/sass/form/checkbox-radio.sass +21 -21
  65. data/_sass/bulma/sass/form/file.sass +180 -180
  66. data/_sass/bulma/sass/form/input-textarea.sass +60 -60
  67. data/_sass/bulma/sass/form/select.sass +85 -85
  68. data/_sass/bulma/sass/form/shared.sass +55 -55
  69. data/_sass/bulma/sass/form/tools.sass +205 -205
  70. data/_sass/bulma/sass/grid/_all.sass +4 -4
  71. data/_sass/bulma/sass/grid/columns.sass +504 -504
  72. data/_sass/bulma/sass/grid/tiles.sass +34 -34
  73. data/_sass/bulma/sass/layout/_all.sass +5 -5
  74. data/_sass/bulma/sass/layout/footer.sass +9 -9
  75. data/_sass/bulma/sass/layout/hero.sass +143 -143
  76. data/_sass/bulma/sass/layout/section.sass +13 -13
  77. data/_sass/bulma/sass/utilities/_all.sass +8 -8
  78. data/_sass/bulma/sass/utilities/animations.sass +5 -5
  79. data/_sass/bulma/sass/utilities/controls.sass +50 -50
  80. data/_sass/bulma/sass/utilities/derived-variables.sass +85 -85
  81. data/_sass/bulma/sass/utilities/functions.sass +62 -62
  82. data/_sass/bulma/sass/utilities/initial-variables.sass +76 -76
  83. data/_sass/bulma/sass/utilities/mixins.sass +261 -261
  84. data/_sass/bulma-collapsible.sass +15 -0
  85. metadata +9 -64
  86. data/assets/css/custom.scss +0 -422
  87. data/assets/images/2019-09-24-application.png +0 -0
  88. data/assets/images/2019-10-18-projects.jpg +0 -0
  89. data/assets/images/2019-10-21-storytelling.jpeg +0 -0
  90. data/assets/images/2019-11-13-difference-with-elife-innovation-leaders.jpg +0 -0
  91. data/assets/images/2019-11-25-blog2.png +0 -0
  92. data/assets/images/2019-11-25-blog3.png +0 -0
  93. data/assets/images/2019-11-25-blog4.png +0 -0
  94. data/assets/images/2019-11-25-blog5.png +0 -0
  95. data/assets/images/2019-11-25-blog6.png +0 -0
  96. data/assets/images/2019-11-25-header-expert.jpeg +0 -0
  97. data/assets/images/2020-ally-training.jpg +0 -0
  98. data/assets/images/2021-04-30-ols-2-blog-2.png +0 -0
  99. data/assets/images/2021-04-30-ols-2-blog.png +0 -0
  100. data/assets/images/2021-12-21-wt-open-research-fund-header.png +0 -0
  101. data/assets/images/2022-01-04-esthers-mentoring-blog-illustration.jpg +0 -0
  102. data/assets/images/2022-01-27-ols-czi-funding.jpg +0 -0
  103. data/assets/images/2022-02-18-for-hire.jpg +0 -0
  104. data/assets/images/2022-04-01-header-image-speed-blod-nadine.jpg +0 -0
  105. data/assets/images/2022-05-13-os-hobby-blog.jpg +0 -0
  106. data/assets/images/2022-07-18-ismaelkg-crinkle.png +0 -0
  107. data/assets/images/2022-07-18-ismaelkg-timeline-image.png +0 -0
  108. data/assets/images/2022-07-18-ismaelkg-watches.jpg +0 -0
  109. data/assets/images/2022-07-18-osmooc-logo.png +0 -0
  110. data/assets/images/2022-07-18-osmooc-modules.png +0 -0
  111. data/assets/images/2022-07-18-tudelft-history.png +0 -0
  112. data/assets/images/2022-07-18-twitter.png +0 -0
  113. data/assets/images/2022-08-adi-goldstein-unsplash.jpg +0 -0
  114. data/assets/images/2022-08-paz-meme.png +0 -0
  115. data/assets/images/2022-08-paz.jpg +0 -0
  116. data/assets/images/2022-12-andrea-sanchez.jpg +0 -0
  117. data/assets/images/2022-12-ecg-grant-announcement.png +0 -0
  118. data/assets/images/2022-12-jon-tyson-unsplash.jpg +0 -0
  119. data/assets/images/2022-12-melissa-black.jpg +0 -0
  120. data/assets/images/2022-12-mitchell-luo-unsplash.jpg +0 -0
  121. data/assets/images/2022-12-ols-resident-fellows.jpg +0 -0
  122. data/assets/images/2022-12-pexels-linda-ellershein.jpg +0 -0
  123. data/assets/images/2022-12-reina-camacho.png +0 -0
  124. data/assets/images/2022-WT-OLS-Job-Description.pdf +0 -0
  125. data/assets/images/2023-02-1-milad-fakurian-0n1pmev3w2A-unsplash.jpg +0 -0
  126. data/assets/images/2023-04-18-introducing-the-new-OLS/colourrefresh.png +0 -0
  127. data/assets/images/2023-04-18-introducing-the-new-OLS/identity-poster.png +0 -0
  128. data/assets/images/2023-04-18-introducing-the-new-OLS/logo-refresh.png +0 -0
  129. data/assets/images/2023-04-18-introducing-the-new-OLS/logomark.png +0 -0
  130. data/assets/images/2023-04-18-introducing-the-new-OLS/open-by-design.png +0 -0
  131. data/assets/images/2023-04-18-introducing-the-new-OLS/open-seeds.png +0 -0
  132. data/assets/images/2023-05-debs.jpg +0 -0
  133. data/assets/images/2023-05-taj.jpg +0 -0
  134. data/assets/images/about.jpg +0 -0
  135. data/assets/images/code-of-conduct.jpg +0 -0
  136. data/assets/images/index.jpg +0 -0
  137. data/assets/images/logo.png +0 -0
  138. data/assets/images/ols-1/project-participants.jpg +0 -0
  139. data/assets/images/organizations/denbi.png +0 -0
  140. data/assets/images/organizations/elixir.png +0 -0
  141. data/assets/images/organizations/mozilla.jpg +0 -0
  142. data/assets/images/posts.jpg +0 -0
  143. data/assets/images/schedule.png +0 -0
  144. data/assets/images/syllabus.jpg +0 -0
  145. data/assets/js/posts.js +0 -21
  146. data/assets/js/scripts.js +0 -52
@@ -1,85 +1,85 @@
1
- .select
2
- display: inline-block
3
- max-width: 100%
4
- position: relative
5
- vertical-align: top
6
- &:not(.is-multiple)
7
- height: $input-height
8
- &:not(.is-multiple):not(.is-loading)
9
- &::after
10
- @extend %arrow
11
- border-color: $input-arrow
12
- right: 1.125em
13
- z-index: 4
14
- &.is-rounded
15
- select
16
- border-radius: $radius-rounded
17
- padding-left: 1em
18
- select
19
- @extend %input
20
- cursor: pointer
21
- display: block
22
- font-size: 1em
23
- max-width: 100%
24
- outline: none
25
- &::-ms-expand
26
- display: none
27
- &[disabled]:hover,
28
- fieldset[disabled] &:hover
29
- border-color: $input-disabled-border-color
30
- &:not([multiple])
31
- padding-right: 2.5em
32
- &[multiple]
33
- height: auto
34
- padding: 0
35
- option
36
- padding: 0.5em 1em
37
- // States
38
- &:not(.is-multiple):not(.is-loading):hover
39
- &::after
40
- border-color: $input-hover-color
41
- // Colors
42
- @each $name, $pair in $colors
43
- $color: nth($pair, 1)
44
- &.is-#{$name}
45
- &:not(:hover)::after
46
- border-color: $color
47
- select
48
- border-color: $color
49
- &:hover,
50
- &.is-hovered
51
- border-color: darken($color, 5%)
52
- &:focus,
53
- &.is-focused,
54
- &:active,
55
- &.is-active
56
- box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
57
- // Sizes
58
- &.is-small
59
- +control-small
60
- &.is-medium
61
- +control-medium
62
- &.is-large
63
- +control-large
64
- // Modifiers
65
- &.is-disabled
66
- &::after
67
- border-color: $input-disabled-color
68
- &.is-fullwidth
69
- width: 100%
70
- select
71
- width: 100%
72
- &.is-loading
73
- &::after
74
- @extend %loader
75
- margin-top: 0
76
- position: absolute
77
- right: 0.625em
78
- top: 0.625em
79
- transform: none
80
- &.is-small:after
81
- font-size: $size-small
82
- &.is-medium:after
83
- font-size: $size-medium
84
- &.is-large:after
85
- font-size: $size-large
1
+ .select
2
+ display: inline-block
3
+ max-width: 100%
4
+ position: relative
5
+ vertical-align: top
6
+ &:not(.is-multiple)
7
+ height: $input-height
8
+ &:not(.is-multiple):not(.is-loading)
9
+ &::after
10
+ @extend %arrow
11
+ border-color: $input-arrow
12
+ right: 1.125em
13
+ z-index: 4
14
+ &.is-rounded
15
+ select
16
+ border-radius: $radius-rounded
17
+ padding-left: 1em
18
+ select
19
+ @extend %input
20
+ cursor: pointer
21
+ display: block
22
+ font-size: 1em
23
+ max-width: 100%
24
+ outline: none
25
+ &::-ms-expand
26
+ display: none
27
+ &[disabled]:hover,
28
+ fieldset[disabled] &:hover
29
+ border-color: $input-disabled-border-color
30
+ &:not([multiple])
31
+ padding-right: 2.5em
32
+ &[multiple]
33
+ height: auto
34
+ padding: 0
35
+ option
36
+ padding: 0.5em 1em
37
+ // States
38
+ &:not(.is-multiple):not(.is-loading):hover
39
+ &::after
40
+ border-color: $input-hover-color
41
+ // Colors
42
+ @each $name, $pair in $colors
43
+ $color: nth($pair, 1)
44
+ &.is-#{$name}
45
+ &:not(:hover)::after
46
+ border-color: $color
47
+ select
48
+ border-color: $color
49
+ &:hover,
50
+ &.is-hovered
51
+ border-color: darken($color, 5%)
52
+ &:focus,
53
+ &.is-focused,
54
+ &:active,
55
+ &.is-active
56
+ box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
57
+ // Sizes
58
+ &.is-small
59
+ +control-small
60
+ &.is-medium
61
+ +control-medium
62
+ &.is-large
63
+ +control-large
64
+ // Modifiers
65
+ &.is-disabled
66
+ &::after
67
+ border-color: $input-disabled-color
68
+ &.is-fullwidth
69
+ width: 100%
70
+ select
71
+ width: 100%
72
+ &.is-loading
73
+ &::after
74
+ @extend %loader
75
+ margin-top: 0
76
+ position: absolute
77
+ right: 0.625em
78
+ top: 0.625em
79
+ transform: none
80
+ &.is-small:after
81
+ font-size: $size-small
82
+ &.is-medium:after
83
+ font-size: $size-medium
84
+ &.is-large:after
85
+ font-size: $size-large
@@ -1,55 +1,55 @@
1
- $input-color: $grey-darker !default
2
- $input-background-color: $white !default
3
- $input-border-color: $grey-lighter !default
4
- $input-height: $control-height !default
5
- $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
6
- $input-placeholder-color: rgba($input-color, 0.3) !default
7
-
8
- $input-hover-color: $grey-darker !default
9
- $input-hover-border-color: $grey-light !default
10
-
11
- $input-focus-color: $grey-darker !default
12
- $input-focus-border-color: $link !default
13
- $input-focus-box-shadow-size: 0 0 0 0.125em !default
14
- $input-focus-box-shadow-color: rgba($link, 0.25) !default
15
-
16
- $input-disabled-color: $text-light !default
17
- $input-disabled-background-color: $background !default
18
- $input-disabled-border-color: $background !default
19
- $input-disabled-placeholder-color: rgba($input-disabled-color, 0.3) !default
20
-
21
- $input-arrow: $link !default
22
-
23
- $input-icon-color: $grey-lighter !default
24
- $input-icon-active-color: $grey !default
25
-
26
- $input-radius: $radius !default
27
-
28
- =input
29
- @extend %control
30
- background-color: $input-background-color
31
- border-color: $input-border-color
32
- border-radius: $input-radius
33
- color: $input-color
34
- +placeholder
35
- color: $input-placeholder-color
36
- &:hover,
37
- &.is-hovered
38
- border-color: $input-hover-border-color
39
- &:focus,
40
- &.is-focused,
41
- &:active,
42
- &.is-active
43
- border-color: $input-focus-border-color
44
- box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
45
- &[disabled],
46
- fieldset[disabled] &
47
- background-color: $input-disabled-background-color
48
- border-color: $input-disabled-border-color
49
- box-shadow: none
50
- color: $input-disabled-color
51
- +placeholder
52
- color: $input-disabled-placeholder-color
53
-
54
- %input
55
- +input
1
+ $input-color: $grey-darker !default
2
+ $input-background-color: $white !default
3
+ $input-border-color: $grey-lighter !default
4
+ $input-height: $control-height !default
5
+ $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
6
+ $input-placeholder-color: rgba($input-color, 0.3) !default
7
+
8
+ $input-hover-color: $grey-darker !default
9
+ $input-hover-border-color: $grey-light !default
10
+
11
+ $input-focus-color: $grey-darker !default
12
+ $input-focus-border-color: $link !default
13
+ $input-focus-box-shadow-size: 0 0 0 0.125em !default
14
+ $input-focus-box-shadow-color: rgba($link, 0.25) !default
15
+
16
+ $input-disabled-color: $text-light !default
17
+ $input-disabled-background-color: $background !default
18
+ $input-disabled-border-color: $background !default
19
+ $input-disabled-placeholder-color: rgba($input-disabled-color, 0.3) !default
20
+
21
+ $input-arrow: $link !default
22
+
23
+ $input-icon-color: $grey-lighter !default
24
+ $input-icon-active-color: $grey !default
25
+
26
+ $input-radius: $radius !default
27
+
28
+ =input
29
+ @extend %control
30
+ background-color: $input-background-color
31
+ border-color: $input-border-color
32
+ border-radius: $input-radius
33
+ color: $input-color
34
+ +placeholder
35
+ color: $input-placeholder-color
36
+ &:hover,
37
+ &.is-hovered
38
+ border-color: $input-hover-border-color
39
+ &:focus,
40
+ &.is-focused,
41
+ &:active,
42
+ &.is-active
43
+ border-color: $input-focus-border-color
44
+ box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
45
+ &[disabled],
46
+ fieldset[disabled] &
47
+ background-color: $input-disabled-background-color
48
+ border-color: $input-disabled-border-color
49
+ box-shadow: none
50
+ color: $input-disabled-color
51
+ +placeholder
52
+ color: $input-disabled-placeholder-color
53
+
54
+ %input
55
+ +input
@@ -1,205 +1,205 @@
1
- $label-color: $grey-darker !default
2
- $label-weight: $weight-bold !default
3
-
4
- $help-size: $size-small !default
5
-
6
- .label
7
- color: $label-color
8
- display: block
9
- font-size: $size-normal
10
- font-weight: $label-weight
11
- &:not(:last-child)
12
- margin-bottom: 0.5em
13
- // Sizes
14
- &.is-small
15
- font-size: $size-small
16
- &.is-medium
17
- font-size: $size-medium
18
- &.is-large
19
- font-size: $size-large
20
-
21
- .help
22
- display: block
23
- font-size: $help-size
24
- margin-top: 0.25rem
25
- @each $name, $pair in $colors
26
- $color: nth($pair, 1)
27
- &.is-#{$name}
28
- color: $color
29
-
30
- // Containers
31
-
32
- .field
33
- &:not(:last-child)
34
- margin-bottom: 0.75rem
35
- // Modifiers
36
- &.has-addons
37
- display: flex
38
- justify-content: flex-start
39
- .control
40
- &:not(:last-child)
41
- margin-right: -1px
42
- &:not(:first-child):not(:last-child)
43
- .button,
44
- .input,
45
- .select select
46
- border-radius: 0
47
- &:first-child:not(:only-child)
48
- .button,
49
- .input,
50
- .select select
51
- border-bottom-right-radius: 0
52
- border-top-right-radius: 0
53
- &:last-child:not(:only-child)
54
- .button,
55
- .input,
56
- .select select
57
- border-bottom-left-radius: 0
58
- border-top-left-radius: 0
59
- .button,
60
- .input,
61
- .select select
62
- &:not([disabled])
63
- &:hover,
64
- &.is-hovered
65
- z-index: 2
66
- &:focus,
67
- &.is-focused,
68
- &:active,
69
- &.is-active
70
- z-index: 3
71
- &:hover
72
- z-index: 4
73
- &.is-expanded
74
- flex-grow: 1
75
- flex-shrink: 1
76
- &.has-addons-centered
77
- justify-content: center
78
- &.has-addons-right
79
- justify-content: flex-end
80
- &.has-addons-fullwidth
81
- .control
82
- flex-grow: 1
83
- flex-shrink: 0
84
- &.is-grouped
85
- display: flex
86
- justify-content: flex-start
87
- & > .control
88
- flex-shrink: 0
89
- &:not(:last-child)
90
- margin-bottom: 0
91
- margin-right: 0.75rem
92
- &.is-expanded
93
- flex-grow: 1
94
- flex-shrink: 1
95
- &.is-grouped-centered
96
- justify-content: center
97
- &.is-grouped-right
98
- justify-content: flex-end
99
- &.is-grouped-multiline
100
- flex-wrap: wrap
101
- & > .control
102
- &:last-child,
103
- &:not(:last-child)
104
- margin-bottom: 0.75rem
105
- &:last-child
106
- margin-bottom: -0.75rem
107
- &:not(:last-child)
108
- margin-bottom: 0
109
- &.is-horizontal
110
- +tablet
111
- display: flex
112
-
113
- .field-label
114
- .label
115
- font-size: inherit
116
- +mobile
117
- margin-bottom: 0.5rem
118
- +tablet
119
- flex-basis: 0
120
- flex-grow: 1
121
- flex-shrink: 0
122
- margin-right: 1.5rem
123
- text-align: right
124
- &.is-small
125
- font-size: $size-small
126
- padding-top: 0.375em
127
- &.is-normal
128
- padding-top: 0.375em
129
- &.is-medium
130
- font-size: $size-medium
131
- padding-top: 0.375em
132
- &.is-large
133
- font-size: $size-large
134
- padding-top: 0.375em
135
-
136
- .field-body
137
- .field .field
138
- margin-bottom: 0
139
- +tablet
140
- display: flex
141
- flex-basis: 0
142
- flex-grow: 5
143
- flex-shrink: 1
144
- .field
145
- margin-bottom: 0
146
- & > .field
147
- flex-shrink: 1
148
- &:not(.is-narrow)
149
- flex-grow: 1
150
- &:not(:last-child)
151
- margin-right: 0.75rem
152
-
153
- .control
154
- box-sizing: border-box
155
- clear: both
156
- font-size: $size-normal
157
- position: relative
158
- text-align: left
159
- // Modifiers
160
- &.has-icons-left,
161
- &.has-icons-right
162
- .input,
163
- .select
164
- &:focus
165
- & ~ .icon
166
- color: $input-icon-active-color
167
- &.is-small ~ .icon
168
- font-size: $size-small
169
- &.is-medium ~ .icon
170
- font-size: $size-medium
171
- &.is-large ~ .icon
172
- font-size: $size-large
173
- .icon
174
- color: $input-icon-color
175
- height: $input-height
176
- pointer-events: none
177
- position: absolute
178
- top: 0
179
- width: $input-height
180
- z-index: 4
181
- &.has-icons-left
182
- .input,
183
- .select select
184
- padding-left: $input-height
185
- .icon.is-left
186
- left: 0
187
- &.has-icons-right
188
- .input,
189
- .select select
190
- padding-right: $input-height
191
- .icon.is-right
192
- right: 0
193
- &.is-loading
194
- &::after
195
- @extend %loader
196
- position: absolute !important
197
- right: 0.625em
198
- top: 0.625em
199
- z-index: 4
200
- &.is-small:after
201
- font-size: $size-small
202
- &.is-medium:after
203
- font-size: $size-medium
204
- &.is-large:after
205
- font-size: $size-large
1
+ $label-color: $grey-darker !default
2
+ $label-weight: $weight-bold !default
3
+
4
+ $help-size: $size-small !default
5
+
6
+ .label
7
+ color: $label-color
8
+ display: block
9
+ font-size: $size-normal
10
+ font-weight: $label-weight
11
+ &:not(:last-child)
12
+ margin-bottom: 0.5em
13
+ // Sizes
14
+ &.is-small
15
+ font-size: $size-small
16
+ &.is-medium
17
+ font-size: $size-medium
18
+ &.is-large
19
+ font-size: $size-large
20
+
21
+ .help
22
+ display: block
23
+ font-size: $help-size
24
+ margin-top: 0.25rem
25
+ @each $name, $pair in $colors
26
+ $color: nth($pair, 1)
27
+ &.is-#{$name}
28
+ color: $color
29
+
30
+ // Containers
31
+
32
+ .field
33
+ &:not(:last-child)
34
+ margin-bottom: 0.75rem
35
+ // Modifiers
36
+ &.has-addons
37
+ display: flex
38
+ justify-content: flex-start
39
+ .control
40
+ &:not(:last-child)
41
+ margin-right: -1px
42
+ &:not(:first-child):not(:last-child)
43
+ .button,
44
+ .input,
45
+ .select select
46
+ border-radius: 0
47
+ &:first-child:not(:only-child)
48
+ .button,
49
+ .input,
50
+ .select select
51
+ border-bottom-right-radius: 0
52
+ border-top-right-radius: 0
53
+ &:last-child:not(:only-child)
54
+ .button,
55
+ .input,
56
+ .select select
57
+ border-bottom-left-radius: 0
58
+ border-top-left-radius: 0
59
+ .button,
60
+ .input,
61
+ .select select
62
+ &:not([disabled])
63
+ &:hover,
64
+ &.is-hovered
65
+ z-index: 2
66
+ &:focus,
67
+ &.is-focused,
68
+ &:active,
69
+ &.is-active
70
+ z-index: 3
71
+ &:hover
72
+ z-index: 4
73
+ &.is-expanded
74
+ flex-grow: 1
75
+ flex-shrink: 1
76
+ &.has-addons-centered
77
+ justify-content: center
78
+ &.has-addons-right
79
+ justify-content: flex-end
80
+ &.has-addons-fullwidth
81
+ .control
82
+ flex-grow: 1
83
+ flex-shrink: 0
84
+ &.is-grouped
85
+ display: flex
86
+ justify-content: flex-start
87
+ & > .control
88
+ flex-shrink: 0
89
+ &:not(:last-child)
90
+ margin-bottom: 0
91
+ margin-right: 0.75rem
92
+ &.is-expanded
93
+ flex-grow: 1
94
+ flex-shrink: 1
95
+ &.is-grouped-centered
96
+ justify-content: center
97
+ &.is-grouped-right
98
+ justify-content: flex-end
99
+ &.is-grouped-multiline
100
+ flex-wrap: wrap
101
+ & > .control
102
+ &:last-child,
103
+ &:not(:last-child)
104
+ margin-bottom: 0.75rem
105
+ &:last-child
106
+ margin-bottom: -0.75rem
107
+ &:not(:last-child)
108
+ margin-bottom: 0
109
+ &.is-horizontal
110
+ +tablet
111
+ display: flex
112
+
113
+ .field-label
114
+ .label
115
+ font-size: inherit
116
+ +mobile
117
+ margin-bottom: 0.5rem
118
+ +tablet
119
+ flex-basis: 0
120
+ flex-grow: 1
121
+ flex-shrink: 0
122
+ margin-right: 1.5rem
123
+ text-align: right
124
+ &.is-small
125
+ font-size: $size-small
126
+ padding-top: 0.375em
127
+ &.is-normal
128
+ padding-top: 0.375em
129
+ &.is-medium
130
+ font-size: $size-medium
131
+ padding-top: 0.375em
132
+ &.is-large
133
+ font-size: $size-large
134
+ padding-top: 0.375em
135
+
136
+ .field-body
137
+ .field .field
138
+ margin-bottom: 0
139
+ +tablet
140
+ display: flex
141
+ flex-basis: 0
142
+ flex-grow: 5
143
+ flex-shrink: 1
144
+ .field
145
+ margin-bottom: 0
146
+ & > .field
147
+ flex-shrink: 1
148
+ &:not(.is-narrow)
149
+ flex-grow: 1
150
+ &:not(:last-child)
151
+ margin-right: 0.75rem
152
+
153
+ .control
154
+ box-sizing: border-box
155
+ clear: both
156
+ font-size: $size-normal
157
+ position: relative
158
+ text-align: left
159
+ // Modifiers
160
+ &.has-icons-left,
161
+ &.has-icons-right
162
+ .input,
163
+ .select
164
+ &:focus
165
+ & ~ .icon
166
+ color: $input-icon-active-color
167
+ &.is-small ~ .icon
168
+ font-size: $size-small
169
+ &.is-medium ~ .icon
170
+ font-size: $size-medium
171
+ &.is-large ~ .icon
172
+ font-size: $size-large
173
+ .icon
174
+ color: $input-icon-color
175
+ height: $input-height
176
+ pointer-events: none
177
+ position: absolute
178
+ top: 0
179
+ width: $input-height
180
+ z-index: 4
181
+ &.has-icons-left
182
+ .input,
183
+ .select select
184
+ padding-left: $input-height
185
+ .icon.is-left
186
+ left: 0
187
+ &.has-icons-right
188
+ .input,
189
+ .select select
190
+ padding-right: $input-height
191
+ .icon.is-right
192
+ right: 0
193
+ &.is-loading
194
+ &::after
195
+ @extend %loader
196
+ position: absolute !important
197
+ right: 0.625em
198
+ top: 0.625em
199
+ z-index: 4
200
+ &.is-small:after
201
+ font-size: $size-small
202
+ &.is-medium:after
203
+ font-size: $size-medium
204
+ &.is-large:after
205
+ font-size: $size-large