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,77 +1,77 @@
1
- $level-item-spacing: ($block-spacing / 2) !default
2
-
3
- .level
4
- @extend %block
5
- align-items: center
6
- justify-content: space-between
7
- code
8
- border-radius: $radius
9
- img
10
- display: inline-block
11
- vertical-align: top
12
- // Modifiers
13
- &.is-mobile
14
- display: flex
15
- .level-left,
16
- .level-right
17
- display: flex
18
- .level-left + .level-right
19
- margin-top: 0
20
- .level-item
21
- &:not(:last-child)
22
- margin-bottom: 0
23
- margin-right: $level-item-spacing
24
- &:not(.is-narrow)
25
- flex-grow: 1
26
- // Responsiveness
27
- +tablet
28
- display: flex
29
- & > .level-item
30
- &:not(.is-narrow)
31
- flex-grow: 1
32
-
33
- .level-item
34
- align-items: center
35
- display: flex
36
- flex-basis: auto
37
- flex-grow: 0
38
- flex-shrink: 0
39
- justify-content: center
40
- .title,
41
- .subtitle
42
- margin-bottom: 0
43
- // Responsiveness
44
- +mobile
45
- &:not(:last-child)
46
- margin-bottom: $level-item-spacing
47
-
48
- .level-left,
49
- .level-right
50
- flex-basis: auto
51
- flex-grow: 0
52
- flex-shrink: 0
53
- .level-item
54
- // Modifiers
55
- &.is-flexible
56
- flex-grow: 1
57
- // Responsiveness
58
- +tablet
59
- &:not(:last-child)
60
- margin-right: $level-item-spacing
61
-
62
- .level-left
63
- align-items: center
64
- justify-content: flex-start
65
- // Responsiveness
66
- +mobile
67
- & + .level-right
68
- margin-top: 1.5rem
69
- +tablet
70
- display: flex
71
-
72
- .level-right
73
- align-items: center
74
- justify-content: flex-end
75
- // Responsiveness
76
- +tablet
77
- display: flex
1
+ $level-item-spacing: ($block-spacing / 2) !default
2
+
3
+ .level
4
+ @extend %block
5
+ align-items: center
6
+ justify-content: space-between
7
+ code
8
+ border-radius: $radius
9
+ img
10
+ display: inline-block
11
+ vertical-align: top
12
+ // Modifiers
13
+ &.is-mobile
14
+ display: flex
15
+ .level-left,
16
+ .level-right
17
+ display: flex
18
+ .level-left + .level-right
19
+ margin-top: 0
20
+ .level-item
21
+ &:not(:last-child)
22
+ margin-bottom: 0
23
+ margin-right: $level-item-spacing
24
+ &:not(.is-narrow)
25
+ flex-grow: 1
26
+ // Responsiveness
27
+ +tablet
28
+ display: flex
29
+ & > .level-item
30
+ &:not(.is-narrow)
31
+ flex-grow: 1
32
+
33
+ .level-item
34
+ align-items: center
35
+ display: flex
36
+ flex-basis: auto
37
+ flex-grow: 0
38
+ flex-shrink: 0
39
+ justify-content: center
40
+ .title,
41
+ .subtitle
42
+ margin-bottom: 0
43
+ // Responsiveness
44
+ +mobile
45
+ &:not(:last-child)
46
+ margin-bottom: $level-item-spacing
47
+
48
+ .level-left,
49
+ .level-right
50
+ flex-basis: auto
51
+ flex-grow: 0
52
+ flex-shrink: 0
53
+ .level-item
54
+ // Modifiers
55
+ &.is-flexible
56
+ flex-grow: 1
57
+ // Responsiveness
58
+ +tablet
59
+ &:not(:last-child)
60
+ margin-right: $level-item-spacing
61
+
62
+ .level-left
63
+ align-items: center
64
+ justify-content: flex-start
65
+ // Responsiveness
66
+ +mobile
67
+ & + .level-right
68
+ margin-top: 1.5rem
69
+ +tablet
70
+ display: flex
71
+
72
+ .level-right
73
+ align-items: center
74
+ justify-content: flex-end
75
+ // Responsiveness
76
+ +tablet
77
+ display: flex
@@ -1,39 +1,39 @@
1
- $list-background-color: $white !default
2
- $list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
3
- $list-radius: $radius !default
4
-
5
- $list-item-border: 1px solid $border !default
6
- $list-item-color: $text !default
7
- $list-item-active-background-color: $link !default
8
- $list-item-active-color: $link-invert !default
9
- $list-item-hover-background-color: $background !default
10
-
11
- .list
12
- @extend %block
13
- background-color: $list-background-color
14
- border-radius: $list-radius
15
- box-shadow: $list-shadow
16
- // &.is-hoverable > .list-item:hover:not(.is-active)
17
- // background-color: $list-item-hover-background-color
18
- // cursor: pointer
19
-
20
- .list-item
21
- display: block
22
- padding: 0.5em 1em
23
- &:not(a)
24
- color: $list-item-color
25
- &:first-child
26
- border-top-left-radius: $list-radius
27
- border-top-right-radius: $list-radius
28
- &:last-child
29
- border-bottom-left-radius: $list-radius
30
- border-bottom-right-radius: $list-radius
31
- &:not(:last-child)
32
- border-bottom: $list-item-border
33
- &.is-active
34
- background-color: $list-item-active-background-color
35
- color: $list-item-active-color
36
-
37
- a.list-item
38
- background-color: $list-item-hover-background-color
39
- cursor: pointer
1
+ $list-background-color: $white !default
2
+ $list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
3
+ $list-radius: $radius !default
4
+
5
+ $list-item-border: 1px solid $border !default
6
+ $list-item-color: $text !default
7
+ $list-item-active-background-color: $link !default
8
+ $list-item-active-color: $link-invert !default
9
+ $list-item-hover-background-color: $background !default
10
+
11
+ .list
12
+ @extend %block
13
+ background-color: $list-background-color
14
+ border-radius: $list-radius
15
+ box-shadow: $list-shadow
16
+ // &.is-hoverable > .list-item:hover:not(.is-active)
17
+ // background-color: $list-item-hover-background-color
18
+ // cursor: pointer
19
+
20
+ .list-item
21
+ display: block
22
+ padding: 0.5em 1em
23
+ &:not(a)
24
+ color: $list-item-color
25
+ &:first-child
26
+ border-top-left-radius: $list-radius
27
+ border-top-right-radius: $list-radius
28
+ &:last-child
29
+ border-bottom-left-radius: $list-radius
30
+ border-bottom-right-radius: $list-radius
31
+ &:not(:last-child)
32
+ border-bottom: $list-item-border
33
+ &.is-active
34
+ background-color: $list-item-active-background-color
35
+ color: $list-item-active-color
36
+
37
+ a.list-item
38
+ background-color: $list-item-hover-background-color
39
+ cursor: pointer
@@ -1,48 +1,48 @@
1
- .media
2
- align-items: flex-start
3
- display: flex
4
- text-align: left
5
- .content:not(:last-child)
6
- margin-bottom: 0.75rem
7
- .media
8
- border-top: 1px solid rgba($border, 0.5)
9
- display: flex
10
- padding-top: 0.75rem
11
- .content:not(:last-child),
12
- .control:not(:last-child)
13
- margin-bottom: 0.5rem
14
- .media
15
- padding-top: 0.5rem
16
- & + .media
17
- margin-top: 0.5rem
18
- & + .media
19
- border-top: 1px solid rgba($border, 0.5)
20
- margin-top: 1rem
21
- padding-top: 1rem
22
- // Sizes
23
- &.is-large
24
- & + .media
25
- margin-top: 1.5rem
26
- padding-top: 1.5rem
27
-
28
- .media-left,
29
- .media-right
30
- flex-basis: auto
31
- flex-grow: 0
32
- flex-shrink: 0
33
-
34
- .media-left
35
- margin-right: 1rem
36
-
37
- .media-right
38
- margin-left: 1rem
39
-
40
- .media-content
41
- flex-basis: auto
42
- flex-grow: 1
43
- flex-shrink: 1
44
- text-align: left
45
-
46
- +mobile
47
- .media-content
48
- overflow-x: auto
1
+ .media
2
+ align-items: flex-start
3
+ display: flex
4
+ text-align: left
5
+ .content:not(:last-child)
6
+ margin-bottom: 0.75rem
7
+ .media
8
+ border-top: 1px solid rgba($border, 0.5)
9
+ display: flex
10
+ padding-top: 0.75rem
11
+ .content:not(:last-child),
12
+ .control:not(:last-child)
13
+ margin-bottom: 0.5rem
14
+ .media
15
+ padding-top: 0.5rem
16
+ & + .media
17
+ margin-top: 0.5rem
18
+ & + .media
19
+ border-top: 1px solid rgba($border, 0.5)
20
+ margin-top: 1rem
21
+ padding-top: 1rem
22
+ // Sizes
23
+ &.is-large
24
+ & + .media
25
+ margin-top: 1.5rem
26
+ padding-top: 1.5rem
27
+
28
+ .media-left,
29
+ .media-right
30
+ flex-basis: auto
31
+ flex-grow: 0
32
+ flex-shrink: 0
33
+
34
+ .media-left
35
+ margin-right: 1rem
36
+
37
+ .media-right
38
+ margin-left: 1rem
39
+
40
+ .media-content
41
+ flex-basis: auto
42
+ flex-grow: 1
43
+ flex-shrink: 1
44
+ text-align: left
45
+
46
+ +mobile
47
+ .media-content
48
+ overflow-x: auto
@@ -1,57 +1,57 @@
1
- $menu-item-color: $text !default
2
- $menu-item-radius: $radius-small !default
3
- $menu-item-hover-color: $text-strong !default
4
- $menu-item-hover-background-color: $background !default
5
- $menu-item-active-color: $link-invert !default
6
- $menu-item-active-background-color: $link !default
7
-
8
- $menu-list-border-left: 1px solid $border !default
9
- $menu-list-line-height: 1.25 !default
10
- $menu-list-link-padding: 0.5em 0.75em !default
11
- $menu-nested-list-margin: 0.75em !default
12
- $menu-nested-list-padding-left: 0.75em !default
13
-
14
- $menu-label-color: $text-light !default
15
- $menu-label-font-size: 0.75em !default
16
- $menu-label-letter-spacing: 0.1em !default
17
- $menu-label-spacing: 1em !default
18
-
19
- .menu
20
- font-size: $size-normal
21
- // Sizes
22
- &.is-small
23
- font-size: $size-small
24
- &.is-medium
25
- font-size: $size-medium
26
- &.is-large
27
- font-size: $size-large
28
-
29
- .menu-list
30
- line-height: $menu-list-line-height
31
- a
32
- border-radius: $menu-item-radius
33
- color: $menu-item-color
34
- display: block
35
- padding: $menu-list-link-padding
36
- &:hover
37
- background-color: $menu-item-hover-background-color
38
- color: $menu-item-hover-color
39
- // Modifiers
40
- &.is-active
41
- background-color: $menu-item-active-background-color
42
- color: $menu-item-active-color
43
- li
44
- ul
45
- border-left: $menu-list-border-left
46
- margin: $menu-nested-list-margin
47
- padding-left: $menu-nested-list-padding-left
48
-
49
- .menu-label
50
- color: $menu-label-color
51
- font-size: $menu-label-font-size
52
- letter-spacing: $menu-label-letter-spacing
53
- text-transform: uppercase
54
- &:not(:first-child)
55
- margin-top: $menu-label-spacing
56
- &:not(:last-child)
57
- margin-bottom: $menu-label-spacing
1
+ $menu-item-color: $text !default
2
+ $menu-item-radius: $radius-small !default
3
+ $menu-item-hover-color: $text-strong !default
4
+ $menu-item-hover-background-color: $background !default
5
+ $menu-item-active-color: $link-invert !default
6
+ $menu-item-active-background-color: $link !default
7
+
8
+ $menu-list-border-left: 1px solid $border !default
9
+ $menu-list-line-height: 1.25 !default
10
+ $menu-list-link-padding: 0.5em 0.75em !default
11
+ $menu-nested-list-margin: 0.75em !default
12
+ $menu-nested-list-padding-left: 0.75em !default
13
+
14
+ $menu-label-color: $text-light !default
15
+ $menu-label-font-size: 0.75em !default
16
+ $menu-label-letter-spacing: 0.1em !default
17
+ $menu-label-spacing: 1em !default
18
+
19
+ .menu
20
+ font-size: $size-normal
21
+ // Sizes
22
+ &.is-small
23
+ font-size: $size-small
24
+ &.is-medium
25
+ font-size: $size-medium
26
+ &.is-large
27
+ font-size: $size-large
28
+
29
+ .menu-list
30
+ line-height: $menu-list-line-height
31
+ a
32
+ border-radius: $menu-item-radius
33
+ color: $menu-item-color
34
+ display: block
35
+ padding: $menu-list-link-padding
36
+ &:hover
37
+ background-color: $menu-item-hover-background-color
38
+ color: $menu-item-hover-color
39
+ // Modifiers
40
+ &.is-active
41
+ background-color: $menu-item-active-background-color
42
+ color: $menu-item-active-color
43
+ li
44
+ ul
45
+ border-left: $menu-list-border-left
46
+ margin: $menu-nested-list-margin
47
+ padding-left: $menu-nested-list-padding-left
48
+
49
+ .menu-label
50
+ color: $menu-label-color
51
+ font-size: $menu-label-font-size
52
+ letter-spacing: $menu-label-letter-spacing
53
+ text-transform: uppercase
54
+ &:not(:first-child)
55
+ margin-top: $menu-label-spacing
56
+ &:not(:last-child)
57
+ margin-bottom: $menu-label-spacing
@@ -1,87 +1,87 @@
1
- $message-background-color: $background !default
2
- $message-radius: $radius !default
3
-
4
- $message-header-background-color: $text !default
5
- $message-header-color: $text-invert !default
6
- $message-header-weight: $weight-bold !default
7
- $message-header-padding: 0.75em 1em !default
8
- $message-header-radius: $radius !default
9
-
10
- $message-body-border-color: $border !default
11
- $message-body-border-width: 0 0 0 4px !default
12
- $message-body-color: $text !default
13
- $message-body-padding: 1.25em 1.5em !default
14
- $message-body-radius: $radius !default
15
-
16
- $message-body-pre-background-color: $white !default
17
- $message-body-pre-code-background-color: transparent !default
18
-
19
- $message-header-body-border-width: 0 !default
20
- $message-colors: $colors !default
21
-
22
- .message
23
- @extend %block
24
- background-color: $message-background-color
25
- border-radius: $message-radius
26
- font-size: $size-normal
27
- strong
28
- color: currentColor
29
- a:not(.button):not(.tag):not(.dropdown-item)
30
- color: currentColor
31
- text-decoration: underline
32
- // Sizes
33
- &.is-small
34
- font-size: $size-small
35
- &.is-medium
36
- font-size: $size-medium
37
- &.is-large
38
- font-size: $size-large
39
- // Colors
40
- @each $name, $pair in $message-colors
41
- $color: nth($pair, 1)
42
- $color-invert: nth($pair, 2)
43
- $color-lightning: max((100% - lightness($color)) - 2%, 0%)
44
- $color-luminance: colorLuminance($color)
45
- $darken-percentage: $color-luminance * 70%
46
- $desaturate-percentage: $color-luminance * 30%
47
- &.is-#{$name}
48
- background-color: lighten($color, $color-lightning)
49
- .message-header
50
- background-color: $color
51
- color: $color-invert
52
- .message-body
53
- border-color: $color
54
- color: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
55
-
56
- .message-header
57
- align-items: center
58
- background-color: $message-header-background-color
59
- border-radius: $message-header-radius $message-header-radius 0 0
60
- color: $message-header-color
61
- display: flex
62
- font-weight: $message-header-weight
63
- justify-content: space-between
64
- line-height: 1.25
65
- padding: $message-header-padding
66
- position: relative
67
- .delete
68
- flex-grow: 0
69
- flex-shrink: 0
70
- margin-left: 0.75em
71
- & + .message-body
72
- border-width: $message-header-body-border-width
73
- border-top-left-radius: 0
74
- border-top-right-radius: 0
75
-
76
- .message-body
77
- border-color: $message-body-border-color
78
- border-radius: $message-body-radius
79
- border-style: solid
80
- border-width: $message-body-border-width
81
- color: $message-body-color
82
- padding: $message-body-padding
83
- code,
84
- pre
85
- background-color: $message-body-pre-background-color
86
- pre code
87
- background-color: $message-body-pre-code-background-color
1
+ $message-background-color: $background !default
2
+ $message-radius: $radius !default
3
+
4
+ $message-header-background-color: $text !default
5
+ $message-header-color: $text-invert !default
6
+ $message-header-weight: $weight-bold !default
7
+ $message-header-padding: 0.75em 1em !default
8
+ $message-header-radius: $radius !default
9
+
10
+ $message-body-border-color: $border !default
11
+ $message-body-border-width: 0 0 0 4px !default
12
+ $message-body-color: $text !default
13
+ $message-body-padding: 1.25em 1.5em !default
14
+ $message-body-radius: $radius !default
15
+
16
+ $message-body-pre-background-color: $white !default
17
+ $message-body-pre-code-background-color: transparent !default
18
+
19
+ $message-header-body-border-width: 0 !default
20
+ $message-colors: $colors !default
21
+
22
+ .message
23
+ @extend %block
24
+ background-color: $message-background-color
25
+ border-radius: $message-radius
26
+ font-size: $size-normal
27
+ strong
28
+ color: currentColor
29
+ a:not(.button):not(.tag):not(.dropdown-item)
30
+ color: currentColor
31
+ text-decoration: underline
32
+ // Sizes
33
+ &.is-small
34
+ font-size: $size-small
35
+ &.is-medium
36
+ font-size: $size-medium
37
+ &.is-large
38
+ font-size: $size-large
39
+ // Colors
40
+ @each $name, $pair in $message-colors
41
+ $color: nth($pair, 1)
42
+ $color-invert: nth($pair, 2)
43
+ $color-lightning: max((100% - lightness($color)) - 2%, 0%)
44
+ $color-luminance: colorLuminance($color)
45
+ $darken-percentage: $color-luminance * 70%
46
+ $desaturate-percentage: $color-luminance * 30%
47
+ &.is-#{$name}
48
+ background-color: lighten($color, $color-lightning)
49
+ .message-header
50
+ background-color: $color
51
+ color: $color-invert
52
+ .message-body
53
+ border-color: $color
54
+ color: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
55
+
56
+ .message-header
57
+ align-items: center
58
+ background-color: $message-header-background-color
59
+ border-radius: $message-header-radius $message-header-radius 0 0
60
+ color: $message-header-color
61
+ display: flex
62
+ font-weight: $message-header-weight
63
+ justify-content: space-between
64
+ line-height: 1.25
65
+ padding: $message-header-padding
66
+ position: relative
67
+ .delete
68
+ flex-grow: 0
69
+ flex-shrink: 0
70
+ margin-left: 0.75em
71
+ & + .message-body
72
+ border-width: $message-header-body-border-width
73
+ border-top-left-radius: 0
74
+ border-top-right-radius: 0
75
+
76
+ .message-body
77
+ border-color: $message-body-border-color
78
+ border-radius: $message-body-radius
79
+ border-style: solid
80
+ border-width: $message-body-border-width
81
+ color: $message-body-color
82
+ padding: $message-body-padding
83
+ code,
84
+ pre
85
+ background-color: $message-body-pre-background-color
86
+ pre code
87
+ background-color: $message-body-pre-code-background-color