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,155 +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
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
@@ -1 +1 @@
1
- @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
1
+ @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
@@ -1,21 +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
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
@@ -1,69 +1,69 @@
1
- $dimensions: 16 24 32 48 64 96 128 !default
2
-
3
- .image
4
- display: block
5
- position: relative
6
- img
7
- display: block
8
- height: auto
9
- width: 100%
10
- &.is-rounded
11
- border-radius: $radius-rounded
12
- // Ratio
13
- &.is-square,
14
- &.is-1by1,
15
- &.is-5by4,
16
- &.is-4by3,
17
- &.is-3by2,
18
- &.is-5by3,
19
- &.is-16by9,
20
- &.is-2by1,
21
- &.is-3by1,
22
- &.is-4by5,
23
- &.is-3by4,
24
- &.is-2by3,
25
- &.is-3by5,
26
- &.is-9by16,
27
- &.is-1by2,
28
- &.is-1by3
29
- img,
30
- .has-ratio
31
- @extend %overlay
32
- height: 100%
33
- width: 100%
34
- &.is-square,
35
- &.is-1by1
36
- padding-top: 100%
37
- &.is-5by4
38
- padding-top: 80%
39
- &.is-4by3
40
- padding-top: 75%
41
- &.is-3by2
42
- padding-top: 66.6666%
43
- &.is-5by3
44
- padding-top: 60%
45
- &.is-16by9
46
- padding-top: 56.25%
47
- &.is-2by1
48
- padding-top: 50%
49
- &.is-3by1
50
- padding-top: 33.3333%
51
- &.is-4by5
52
- padding-top: 125%
53
- &.is-3by4
54
- padding-top: 133.3333%
55
- &.is-2by3
56
- padding-top: 150%
57
- &.is-3by5
58
- padding-top: 166.6666%
59
- &.is-9by16
60
- padding-top: 177.7777%
61
- &.is-1by2
62
- padding-top: 200%
63
- &.is-1by3
64
- padding-top: 300%
65
- // Sizes
66
- @each $dimension in $dimensions
67
- &.is-#{$dimension}x#{$dimension}
68
- height: $dimension * 1px
69
- width: $dimension * 1px
1
+ $dimensions: 16 24 32 48 64 96 128 !default
2
+
3
+ .image
4
+ display: block
5
+ position: relative
6
+ img
7
+ display: block
8
+ height: auto
9
+ width: 100%
10
+ &.is-rounded
11
+ border-radius: $radius-rounded
12
+ // Ratio
13
+ &.is-square,
14
+ &.is-1by1,
15
+ &.is-5by4,
16
+ &.is-4by3,
17
+ &.is-3by2,
18
+ &.is-5by3,
19
+ &.is-16by9,
20
+ &.is-2by1,
21
+ &.is-3by1,
22
+ &.is-4by5,
23
+ &.is-3by4,
24
+ &.is-2by3,
25
+ &.is-3by5,
26
+ &.is-9by16,
27
+ &.is-1by2,
28
+ &.is-1by3
29
+ img,
30
+ .has-ratio
31
+ @extend %overlay
32
+ height: 100%
33
+ width: 100%
34
+ &.is-square,
35
+ &.is-1by1
36
+ padding-top: 100%
37
+ &.is-5by4
38
+ padding-top: 80%
39
+ &.is-4by3
40
+ padding-top: 75%
41
+ &.is-3by2
42
+ padding-top: 66.6666%
43
+ &.is-5by3
44
+ padding-top: 60%
45
+ &.is-16by9
46
+ padding-top: 56.25%
47
+ &.is-2by1
48
+ padding-top: 50%
49
+ &.is-3by1
50
+ padding-top: 33.3333%
51
+ &.is-4by5
52
+ padding-top: 125%
53
+ &.is-3by4
54
+ padding-top: 133.3333%
55
+ &.is-2by3
56
+ padding-top: 150%
57
+ &.is-3by5
58
+ padding-top: 166.6666%
59
+ &.is-9by16
60
+ padding-top: 177.7777%
61
+ &.is-1by2
62
+ padding-top: 200%
63
+ &.is-1by3
64
+ padding-top: 300%
65
+ // Sizes
66
+ @each $dimension in $dimensions
67
+ &.is-#{$dimension}x#{$dimension}
68
+ height: $dimension * 1px
69
+ width: $dimension * 1px
@@ -1,35 +1,35 @@
1
- $notification-background-color: $background !default
2
- $notification-radius: $radius !default
3
- $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
4
-
5
- .notification
6
- @extend %block
7
- background-color: $notification-background-color
8
- border-radius: $notification-radius
9
- padding: $notification-padding
10
- position: relative
11
- a:not(.button):not(.dropdown-item)
12
- color: currentColor
13
- text-decoration: underline
14
- strong
15
- color: currentColor
16
- code,
17
- pre
18
- background: $white
19
- pre code
20
- background: transparent
21
- & > .delete
22
- position: absolute
23
- right: 0.5rem
24
- top: 0.5rem
25
- .title,
26
- .subtitle,
27
- .content
28
- color: currentColor
29
- // Colors
30
- @each $name, $pair in $colors
31
- $color: nth($pair, 1)
32
- $color-invert: nth($pair, 2)
33
- &.is-#{$name}
34
- background-color: $color
35
- color: $color-invert
1
+ $notification-background-color: $background !default
2
+ $notification-radius: $radius !default
3
+ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
4
+
5
+ .notification
6
+ @extend %block
7
+ background-color: $notification-background-color
8
+ border-radius: $notification-radius
9
+ padding: $notification-padding
10
+ position: relative
11
+ a:not(.button):not(.dropdown-item)
12
+ color: currentColor
13
+ text-decoration: underline
14
+ strong
15
+ color: currentColor
16
+ code,
17
+ pre
18
+ background: $white
19
+ pre code
20
+ background: transparent
21
+ & > .delete
22
+ position: absolute
23
+ right: 0.5rem
24
+ top: 0.5rem
25
+ .title,
26
+ .subtitle,
27
+ .content
28
+ color: currentColor
29
+ // Colors
30
+ @each $name, $pair in $colors
31
+ $color: nth($pair, 1)
32
+ $color-invert: nth($pair, 2)
33
+ &.is-#{$name}
34
+ background-color: $color
35
+ color: $color-invert
@@ -1,39 +1,39 @@
1
- .block
2
- @extend %block
3
-
4
- .delete
5
- @extend %delete
6
-
7
- .heading
8
- display: block
9
- font-size: 11px
10
- letter-spacing: 1px
11
- margin-bottom: 5px
12
- text-transform: uppercase
13
-
14
- .highlight
15
- @extend %block
16
- font-weight: $weight-normal
17
- max-width: 100%
18
- overflow: hidden
19
- padding: 0
20
- pre
21
- overflow: auto
22
- max-width: 100%
23
-
24
- .loader
25
- @extend %loader
26
-
27
- .number
28
- align-items: center
29
- background-color: $background
30
- border-radius: $radius-rounded
31
- display: inline-flex
32
- font-size: $size-medium
33
- height: 2em
34
- justify-content: center
35
- margin-right: 1.5rem
36
- min-width: 2.5em
37
- padding: 0.25rem 0.5rem
38
- text-align: center
39
- vertical-align: top
1
+ .block
2
+ @extend %block
3
+
4
+ .delete
5
+ @extend %delete
6
+
7
+ .heading
8
+ display: block
9
+ font-size: 11px
10
+ letter-spacing: 1px
11
+ margin-bottom: 5px
12
+ text-transform: uppercase
13
+
14
+ .highlight
15
+ @extend %block
16
+ font-weight: $weight-normal
17
+ max-width: 100%
18
+ overflow: hidden
19
+ padding: 0
20
+ pre
21
+ overflow: auto
22
+ max-width: 100%
23
+
24
+ .loader
25
+ @extend %loader
26
+
27
+ .number
28
+ align-items: center
29
+ background-color: $background
30
+ border-radius: $radius-rounded
31
+ display: inline-flex
32
+ font-size: $size-medium
33
+ height: 2em
34
+ justify-content: center
35
+ margin-right: 1.5rem
36
+ min-width: 2.5em
37
+ padding: 0.25rem 0.5rem
38
+ text-align: center
39
+ vertical-align: top