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,70 +1,70 @@
1
- $title-color: $grey-darker !default
2
- $title-family: false !default
3
- $title-size: $size-3 !default
4
- $title-weight: $weight-semibold !default
5
- $title-line-height: 1.125 !default
6
- $title-strong-color: inherit !default
7
- $title-strong-weight: inherit !default
8
- $title-sub-size: 0.75em !default
9
- $title-sup-size: 0.75em !default
10
-
11
- $subtitle-color: $grey-dark !default
12
- $subtitle-family: false !default
13
- $subtitle-size: $size-5 !default
14
- $subtitle-weight: $weight-normal !default
15
- $subtitle-line-height: 1.25 !default
16
- $subtitle-strong-color: $grey-darker !default
17
- $subtitle-strong-weight: $weight-semibold !default
18
- $subtitle-negative-margin: -1.25rem !default
19
-
20
- .title,
21
- .subtitle
22
- @extend %block
23
- word-break: break-word
24
- em,
25
- span
26
- font-weight: inherit
27
- sub
28
- font-size: $title-sub-size
29
- sup
30
- font-size: $title-sup-size
31
- .tag
32
- vertical-align: middle
33
-
34
- .title
35
- color: $title-color
36
- @if $title-family
37
- font-family: $title-family
38
- font-size: $title-size
39
- font-weight: $title-weight
40
- line-height: $title-line-height
41
- strong
42
- color: $title-strong-color
43
- font-weight: $title-strong-weight
44
- & + .highlight
45
- margin-top: -0.75rem
46
- &:not(.is-spaced) + .subtitle
47
- margin-top: $subtitle-negative-margin
48
- // Sizes
49
- @each $size in $sizes
50
- $i: index($sizes, $size)
51
- &.is-#{$i}
52
- font-size: $size
53
-
54
- .subtitle
55
- color: $subtitle-color
56
- @if $subtitle-family
57
- font-family: $subtitle-family
58
- font-size: $subtitle-size
59
- font-weight: $subtitle-weight
60
- line-height: $subtitle-line-height
61
- strong
62
- color: $subtitle-strong-color
63
- font-weight: $subtitle-strong-weight
64
- &:not(.is-spaced) + .title
65
- margin-top: $subtitle-negative-margin
66
- // Sizes
67
- @each $size in $sizes
68
- $i: index($sizes, $size)
69
- &.is-#{$i}
70
- font-size: $size
1
+ $title-color: $grey-darker !default
2
+ $title-family: false !default
3
+ $title-size: $size-3 !default
4
+ $title-weight: $weight-semibold !default
5
+ $title-line-height: 1.125 !default
6
+ $title-strong-color: inherit !default
7
+ $title-strong-weight: inherit !default
8
+ $title-sub-size: 0.75em !default
9
+ $title-sup-size: 0.75em !default
10
+
11
+ $subtitle-color: $grey-dark !default
12
+ $subtitle-family: false !default
13
+ $subtitle-size: $size-5 !default
14
+ $subtitle-weight: $weight-normal !default
15
+ $subtitle-line-height: 1.25 !default
16
+ $subtitle-strong-color: $grey-darker !default
17
+ $subtitle-strong-weight: $weight-semibold !default
18
+ $subtitle-negative-margin: -1.25rem !default
19
+
20
+ .title,
21
+ .subtitle
22
+ @extend %block
23
+ word-break: break-word
24
+ em,
25
+ span
26
+ font-weight: inherit
27
+ sub
28
+ font-size: $title-sub-size
29
+ sup
30
+ font-size: $title-sup-size
31
+ .tag
32
+ vertical-align: middle
33
+
34
+ .title
35
+ color: $title-color
36
+ @if $title-family
37
+ font-family: $title-family
38
+ font-size: $title-size
39
+ font-weight: $title-weight
40
+ line-height: $title-line-height
41
+ strong
42
+ color: $title-strong-color
43
+ font-weight: $title-strong-weight
44
+ & + .highlight
45
+ margin-top: -0.75rem
46
+ &:not(.is-spaced) + .subtitle
47
+ margin-top: $subtitle-negative-margin
48
+ // Sizes
49
+ @each $size in $sizes
50
+ $i: index($sizes, $size)
51
+ &.is-#{$i}
52
+ font-size: $size
53
+
54
+ .subtitle
55
+ color: $subtitle-color
56
+ @if $subtitle-family
57
+ font-family: $subtitle-family
58
+ font-size: $subtitle-size
59
+ font-weight: $subtitle-weight
60
+ line-height: $subtitle-line-height
61
+ strong
62
+ color: $subtitle-strong-color
63
+ font-weight: $subtitle-strong-weight
64
+ &:not(.is-spaced) + .title
65
+ margin-top: $subtitle-negative-margin
66
+ // Sizes
67
+ @each $size in $sizes
68
+ $i: index($sizes, $size)
69
+ &.is-#{$i}
70
+ font-size: $size
@@ -1,8 +1,8 @@
1
- @charset "utf-8"
2
-
3
- @import "shared.sass"
4
- @import "input-textarea.sass"
5
- @import "checkbox-radio.sass"
6
- @import "select.sass"
7
- @import "file.sass"
8
- @import "tools.sass"
1
+ @charset "utf-8"
2
+
3
+ @import "shared.sass"
4
+ @import "input-textarea.sass"
5
+ @import "checkbox-radio.sass"
6
+ @import "select.sass"
7
+ @import "file.sass"
8
+ @import "tools.sass"
@@ -1,21 +1,21 @@
1
- %checkbox-radio
2
- cursor: pointer
3
- display: inline-block
4
- line-height: 1.25
5
- position: relative
6
- input
7
- cursor: pointer
8
- &:hover
9
- color: $input-hover-color
10
- &[disabled],
11
- fieldset[disabled] &
12
- color: $input-disabled-color
13
- cursor: not-allowed
14
-
15
- .checkbox
16
- @extend %checkbox-radio
17
-
18
- .radio
19
- @extend %checkbox-radio
20
- & + .radio
21
- margin-left: 0.5em
1
+ %checkbox-radio
2
+ cursor: pointer
3
+ display: inline-block
4
+ line-height: 1.25
5
+ position: relative
6
+ input
7
+ cursor: pointer
8
+ &:hover
9
+ color: $input-hover-color
10
+ &[disabled],
11
+ fieldset[disabled] &
12
+ color: $input-disabled-color
13
+ cursor: not-allowed
14
+
15
+ .checkbox
16
+ @extend %checkbox-radio
17
+
18
+ .radio
19
+ @extend %checkbox-radio
20
+ & + .radio
21
+ margin-left: 0.5em
@@ -1,180 +1,180 @@
1
- $file-border-color: $border !default
2
- $file-radius: $radius !default
3
-
4
- $file-cta-background-color: $white-ter !default
5
- $file-cta-color: $grey-dark !default
6
- $file-cta-hover-color: $grey-darker !default
7
- $file-cta-active-color: $grey-darker !default
8
-
9
- $file-name-border-color: $border !default
10
- $file-name-border-style: solid !default
11
- $file-name-border-width: 1px 1px 1px 0 !default
12
- $file-name-max-width: 16em !default
13
-
14
- .file
15
- @extend %unselectable
16
- align-items: stretch
17
- display: flex
18
- justify-content: flex-start
19
- position: relative
20
- // Colors
21
- @each $name, $pair in $colors
22
- $color: nth($pair, 1)
23
- $color-invert: nth($pair, 2)
24
- &.is-#{$name}
25
- .file-cta
26
- background-color: $color
27
- border-color: transparent
28
- color: $color-invert
29
- &:hover,
30
- &.is-hovered
31
- .file-cta
32
- background-color: darken($color, 2.5%)
33
- border-color: transparent
34
- color: $color-invert
35
- &:focus,
36
- &.is-focused
37
- .file-cta
38
- border-color: transparent
39
- box-shadow: 0 0 0.5em rgba($color, 0.25)
40
- color: $color-invert
41
- &:active,
42
- &.is-active
43
- .file-cta
44
- background-color: darken($color, 5%)
45
- border-color: transparent
46
- color: $color-invert
47
- // Sizes
48
- &.is-small
49
- font-size: $size-small
50
- &.is-medium
51
- font-size: $size-medium
52
- .file-icon
53
- .fa
54
- font-size: 21px
55
- &.is-large
56
- font-size: $size-large
57
- .file-icon
58
- .fa
59
- font-size: 28px
60
- // Modifiers
61
- &.has-name
62
- .file-cta
63
- border-bottom-right-radius: 0
64
- border-top-right-radius: 0
65
- .file-name
66
- border-bottom-left-radius: 0
67
- border-top-left-radius: 0
68
- &.is-empty
69
- .file-cta
70
- border-radius: $file-radius
71
- .file-name
72
- display: none
73
- &.is-boxed
74
- .file-label
75
- flex-direction: column
76
- .file-cta
77
- flex-direction: column
78
- height: auto
79
- padding: 1em 3em
80
- .file-name
81
- border-width: 0 1px 1px
82
- .file-icon
83
- height: 1.5em
84
- width: 1.5em
85
- .fa
86
- font-size: 21px
87
- &.is-small
88
- .file-icon .fa
89
- font-size: 14px
90
- &.is-medium
91
- .file-icon .fa
92
- font-size: 28px
93
- &.is-large
94
- .file-icon .fa
95
- font-size: 35px
96
- &.has-name
97
- .file-cta
98
- border-radius: $file-radius $file-radius 0 0
99
- .file-name
100
- border-radius: 0 0 $file-radius $file-radius
101
- border-width: 0 1px 1px
102
- &.is-centered
103
- justify-content: center
104
- &.is-fullwidth
105
- .file-label
106
- width: 100%
107
- .file-name
108
- flex-grow: 1
109
- max-width: none
110
- &.is-right
111
- justify-content: flex-end
112
- .file-cta
113
- border-radius: 0 $file-radius $file-radius 0
114
- .file-name
115
- border-radius: $file-radius 0 0 $file-radius
116
- border-width: 1px 0 1px 1px
117
- order: -1
118
-
119
- .file-label
120
- align-items: stretch
121
- display: flex
122
- cursor: pointer
123
- justify-content: flex-start
124
- overflow: hidden
125
- position: relative
126
- &:hover
127
- .file-cta
128
- background-color: darken($file-cta-background-color, 2.5%)
129
- color: $file-cta-hover-color
130
- .file-name
131
- border-color: darken($file-name-border-color, 2.5%)
132
- &:active
133
- .file-cta
134
- background-color: darken($file-cta-background-color, 5%)
135
- color: $file-cta-active-color
136
- .file-name
137
- border-color: darken($file-name-border-color, 5%)
138
-
139
- .file-input
140
- height: 100%
141
- left: 0
142
- opacity: 0
143
- outline: none
144
- position: absolute
145
- top: 0
146
- width: 100%
147
-
148
- .file-cta,
149
- .file-name
150
- @extend %control
151
- border-color: $file-border-color
152
- border-radius: $file-radius
153
- font-size: 1em
154
- padding-left: 1em
155
- padding-right: 1em
156
- white-space: nowrap
157
-
158
- .file-cta
159
- background-color: $file-cta-background-color
160
- color: $file-cta-color
161
-
162
- .file-name
163
- border-color: $file-name-border-color
164
- border-style: $file-name-border-style
165
- border-width: $file-name-border-width
166
- display: block
167
- max-width: $file-name-max-width
168
- overflow: hidden
169
- text-align: left
170
- text-overflow: ellipsis
171
-
172
- .file-icon
173
- align-items: center
174
- display: flex
175
- height: 1em
176
- justify-content: center
177
- margin-right: 0.5em
178
- width: 1em
179
- .fa
180
- font-size: 14px
1
+ $file-border-color: $border !default
2
+ $file-radius: $radius !default
3
+
4
+ $file-cta-background-color: $white-ter !default
5
+ $file-cta-color: $grey-dark !default
6
+ $file-cta-hover-color: $grey-darker !default
7
+ $file-cta-active-color: $grey-darker !default
8
+
9
+ $file-name-border-color: $border !default
10
+ $file-name-border-style: solid !default
11
+ $file-name-border-width: 1px 1px 1px 0 !default
12
+ $file-name-max-width: 16em !default
13
+
14
+ .file
15
+ @extend %unselectable
16
+ align-items: stretch
17
+ display: flex
18
+ justify-content: flex-start
19
+ position: relative
20
+ // Colors
21
+ @each $name, $pair in $colors
22
+ $color: nth($pair, 1)
23
+ $color-invert: nth($pair, 2)
24
+ &.is-#{$name}
25
+ .file-cta
26
+ background-color: $color
27
+ border-color: transparent
28
+ color: $color-invert
29
+ &:hover,
30
+ &.is-hovered
31
+ .file-cta
32
+ background-color: darken($color, 2.5%)
33
+ border-color: transparent
34
+ color: $color-invert
35
+ &:focus,
36
+ &.is-focused
37
+ .file-cta
38
+ border-color: transparent
39
+ box-shadow: 0 0 0.5em rgba($color, 0.25)
40
+ color: $color-invert
41
+ &:active,
42
+ &.is-active
43
+ .file-cta
44
+ background-color: darken($color, 5%)
45
+ border-color: transparent
46
+ color: $color-invert
47
+ // Sizes
48
+ &.is-small
49
+ font-size: $size-small
50
+ &.is-medium
51
+ font-size: $size-medium
52
+ .file-icon
53
+ .fa
54
+ font-size: 21px
55
+ &.is-large
56
+ font-size: $size-large
57
+ .file-icon
58
+ .fa
59
+ font-size: 28px
60
+ // Modifiers
61
+ &.has-name
62
+ .file-cta
63
+ border-bottom-right-radius: 0
64
+ border-top-right-radius: 0
65
+ .file-name
66
+ border-bottom-left-radius: 0
67
+ border-top-left-radius: 0
68
+ &.is-empty
69
+ .file-cta
70
+ border-radius: $file-radius
71
+ .file-name
72
+ display: none
73
+ &.is-boxed
74
+ .file-label
75
+ flex-direction: column
76
+ .file-cta
77
+ flex-direction: column
78
+ height: auto
79
+ padding: 1em 3em
80
+ .file-name
81
+ border-width: 0 1px 1px
82
+ .file-icon
83
+ height: 1.5em
84
+ width: 1.5em
85
+ .fa
86
+ font-size: 21px
87
+ &.is-small
88
+ .file-icon .fa
89
+ font-size: 14px
90
+ &.is-medium
91
+ .file-icon .fa
92
+ font-size: 28px
93
+ &.is-large
94
+ .file-icon .fa
95
+ font-size: 35px
96
+ &.has-name
97
+ .file-cta
98
+ border-radius: $file-radius $file-radius 0 0
99
+ .file-name
100
+ border-radius: 0 0 $file-radius $file-radius
101
+ border-width: 0 1px 1px
102
+ &.is-centered
103
+ justify-content: center
104
+ &.is-fullwidth
105
+ .file-label
106
+ width: 100%
107
+ .file-name
108
+ flex-grow: 1
109
+ max-width: none
110
+ &.is-right
111
+ justify-content: flex-end
112
+ .file-cta
113
+ border-radius: 0 $file-radius $file-radius 0
114
+ .file-name
115
+ border-radius: $file-radius 0 0 $file-radius
116
+ border-width: 1px 0 1px 1px
117
+ order: -1
118
+
119
+ .file-label
120
+ align-items: stretch
121
+ display: flex
122
+ cursor: pointer
123
+ justify-content: flex-start
124
+ overflow: hidden
125
+ position: relative
126
+ &:hover
127
+ .file-cta
128
+ background-color: darken($file-cta-background-color, 2.5%)
129
+ color: $file-cta-hover-color
130
+ .file-name
131
+ border-color: darken($file-name-border-color, 2.5%)
132
+ &:active
133
+ .file-cta
134
+ background-color: darken($file-cta-background-color, 5%)
135
+ color: $file-cta-active-color
136
+ .file-name
137
+ border-color: darken($file-name-border-color, 5%)
138
+
139
+ .file-input
140
+ height: 100%
141
+ left: 0
142
+ opacity: 0
143
+ outline: none
144
+ position: absolute
145
+ top: 0
146
+ width: 100%
147
+
148
+ .file-cta,
149
+ .file-name
150
+ @extend %control
151
+ border-color: $file-border-color
152
+ border-radius: $file-radius
153
+ font-size: 1em
154
+ padding-left: 1em
155
+ padding-right: 1em
156
+ white-space: nowrap
157
+
158
+ .file-cta
159
+ background-color: $file-cta-background-color
160
+ color: $file-cta-color
161
+
162
+ .file-name
163
+ border-color: $file-name-border-color
164
+ border-style: $file-name-border-style
165
+ border-width: $file-name-border-width
166
+ display: block
167
+ max-width: $file-name-max-width
168
+ overflow: hidden
169
+ text-align: left
170
+ text-overflow: ellipsis
171
+
172
+ .file-icon
173
+ align-items: center
174
+ display: flex
175
+ height: 1em
176
+ justify-content: center
177
+ margin-right: 0.5em
178
+ width: 1em
179
+ .fa
180
+ font-size: 14px
@@ -1,60 +1,60 @@
1
- %input-textarea
2
- @extend %input
3
- box-shadow: $input-shadow
4
- max-width: 100%
5
- width: 100%
6
- &[readonly]
7
- box-shadow: none
8
- // Colors
9
- @each $name, $pair in $colors
10
- $color: nth($pair, 1)
11
- &.is-#{$name}
12
- border-color: $color
13
- &:focus,
14
- &.is-focused,
15
- &:active,
16
- &.is-active
17
- box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
18
- // Sizes
19
- &.is-small
20
- +control-small
21
- &.is-medium
22
- +control-medium
23
- &.is-large
24
- +control-large
25
- // Modifiers
26
- &.is-fullwidth
27
- display: block
28
- width: 100%
29
- &.is-inline
30
- display: inline
31
- width: auto
32
-
33
- .input
34
- @extend %input-textarea
35
- &.is-rounded
36
- border-radius: $radius-rounded
37
- padding-left: 1em
38
- padding-right: 1em
39
- &.is-static
40
- background-color: transparent
41
- border-color: transparent
42
- box-shadow: none
43
- padding-left: 0
44
- padding-right: 0
45
-
46
- .textarea
47
- @extend %input-textarea
48
- display: block
49
- max-width: 100%
50
- min-width: 100%
51
- padding: 0.625em
52
- resize: vertical
53
- &:not([rows])
54
- max-height: 600px
55
- min-height: 120px
56
- &[rows]
57
- height: initial
58
- // Modifiers
59
- &.has-fixed-size
60
- resize: none
1
+ %input-textarea
2
+ @extend %input
3
+ box-shadow: $input-shadow
4
+ max-width: 100%
5
+ width: 100%
6
+ &[readonly]
7
+ box-shadow: none
8
+ // Colors
9
+ @each $name, $pair in $colors
10
+ $color: nth($pair, 1)
11
+ &.is-#{$name}
12
+ border-color: $color
13
+ &:focus,
14
+ &.is-focused,
15
+ &:active,
16
+ &.is-active
17
+ box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
18
+ // Sizes
19
+ &.is-small
20
+ +control-small
21
+ &.is-medium
22
+ +control-medium
23
+ &.is-large
24
+ +control-large
25
+ // Modifiers
26
+ &.is-fullwidth
27
+ display: block
28
+ width: 100%
29
+ &.is-inline
30
+ display: inline
31
+ width: auto
32
+
33
+ .input
34
+ @extend %input-textarea
35
+ &.is-rounded
36
+ border-radius: $radius-rounded
37
+ padding-left: 1em
38
+ padding-right: 1em
39
+ &.is-static
40
+ background-color: transparent
41
+ border-color: transparent
42
+ box-shadow: none
43
+ padding-left: 0
44
+ padding-right: 0
45
+
46
+ .textarea
47
+ @extend %input-textarea
48
+ display: block
49
+ max-width: 100%
50
+ min-width: 100%
51
+ padding: 0.625em
52
+ resize: vertical
53
+ &:not([rows])
54
+ max-height: 600px
55
+ min-height: 120px
56
+ &[rows]
57
+ height: initial
58
+ // Modifiers
59
+ &.has-fixed-size
60
+ resize: none