ols-theme 0.7.0 → 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
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 +14 -69
  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