ols-theme 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +50 -50
  4. data/_includes/announcement-blog-metadata.html +78 -0
  5. data/_includes/cohort-loop.html +41 -0
  6. data/_includes/cohort-metadata.html +34 -0
  7. data/_includes/default-footer.html +3 -3
  8. data/_includes/default-header.html +33 -34
  9. data/_includes/detailed-schedule.md +11 -11
  10. data/_includes/external-entities.html +1 -1
  11. data/_includes/overall-schedule.md +5 -5
  12. data/_includes/people.html +79 -81
  13. data/_includes/projects-participants.html +61 -0
  14. data/_includes/schedule.md +123 -2
  15. data/_includes/timeline.md +24 -24
  16. data/_includes/toc.html +11 -11
  17. data/_includes/week.md +54 -49
  18. data/_layouts/base.html +64 -66
  19. data/_layouts/default.html +39 -37
  20. data/_layouts/index.html +7 -0
  21. data/_layouts/page.html +8 -8
  22. data/_layouts/people.html +105 -373
  23. data/_layouts/post.html +5 -5
  24. data/_layouts/posts.html +51 -51
  25. data/_sass/bulma/CHANGELOG.md +1254 -1254
  26. data/_sass/bulma/LICENSE +21 -21
  27. data/_sass/bulma/README.md +124 -124
  28. data/_sass/bulma/bulma.sass +9 -9
  29. data/_sass/bulma/css/bulma.css +10598 -10598
  30. data/_sass/bulma/package.json +52 -52
  31. data/_sass/bulma/sass/base/_all.sass +5 -5
  32. data/_sass/bulma/sass/base/generic.sass +142 -142
  33. data/_sass/bulma/sass/base/helpers.sass +281 -281
  34. data/_sass/bulma/sass/base/minireset.sass +85 -85
  35. data/_sass/bulma/sass/components/_all.sass +15 -15
  36. data/_sass/bulma/sass/components/breadcrumb.sass +75 -75
  37. data/_sass/bulma/sass/components/card.sass +79 -79
  38. data/_sass/bulma/sass/components/dropdown.sass +81 -81
  39. data/_sass/bulma/sass/components/level.sass +77 -77
  40. data/_sass/bulma/sass/components/list.sass +39 -39
  41. data/_sass/bulma/sass/components/media.sass +48 -48
  42. data/_sass/bulma/sass/components/menu.sass +57 -57
  43. data/_sass/bulma/sass/components/message.sass +87 -87
  44. data/_sass/bulma/sass/components/modal.sass +113 -113
  45. data/_sass/bulma/sass/components/navbar.sass +443 -443
  46. data/_sass/bulma/sass/components/pagination.sass +149 -149
  47. data/_sass/bulma/sass/components/panel.sass +103 -103
  48. data/_sass/bulma/sass/components/tabs.sass +151 -151
  49. data/_sass/bulma/sass/elements/_all.sass +15 -15
  50. data/_sass/bulma/sass/elements/box.sass +24 -24
  51. data/_sass/bulma/sass/elements/button.sass +305 -305
  52. data/_sass/bulma/sass/elements/container.sass +23 -23
  53. data/_sass/bulma/sass/elements/content.sass +155 -155
  54. data/_sass/bulma/sass/elements/form.sass +1 -1
  55. data/_sass/bulma/sass/elements/icon.sass +21 -21
  56. data/_sass/bulma/sass/elements/image.sass +69 -69
  57. data/_sass/bulma/sass/elements/notification.sass +35 -35
  58. data/_sass/bulma/sass/elements/other.sass +39 -39
  59. data/_sass/bulma/sass/elements/progress.sass +67 -67
  60. data/_sass/bulma/sass/elements/table.sass +127 -127
  61. data/_sass/bulma/sass/elements/tag.sass +121 -121
  62. data/_sass/bulma/sass/elements/title.sass +70 -70
  63. data/_sass/bulma/sass/form/_all.sass +8 -8
  64. data/_sass/bulma/sass/form/checkbox-radio.sass +21 -21
  65. data/_sass/bulma/sass/form/file.sass +180 -180
  66. data/_sass/bulma/sass/form/input-textarea.sass +60 -60
  67. data/_sass/bulma/sass/form/select.sass +85 -85
  68. data/_sass/bulma/sass/form/shared.sass +55 -55
  69. data/_sass/bulma/sass/form/tools.sass +205 -205
  70. data/_sass/bulma/sass/grid/_all.sass +4 -4
  71. data/_sass/bulma/sass/grid/columns.sass +504 -504
  72. data/_sass/bulma/sass/grid/tiles.sass +34 -34
  73. data/_sass/bulma/sass/layout/_all.sass +5 -5
  74. data/_sass/bulma/sass/layout/footer.sass +9 -9
  75. data/_sass/bulma/sass/layout/hero.sass +143 -143
  76. data/_sass/bulma/sass/layout/section.sass +13 -13
  77. data/_sass/bulma/sass/utilities/_all.sass +8 -8
  78. data/_sass/bulma/sass/utilities/animations.sass +5 -5
  79. data/_sass/bulma/sass/utilities/controls.sass +50 -50
  80. data/_sass/bulma/sass/utilities/derived-variables.sass +85 -85
  81. data/_sass/bulma/sass/utilities/functions.sass +62 -62
  82. data/_sass/bulma/sass/utilities/initial-variables.sass +76 -76
  83. data/_sass/bulma/sass/utilities/mixins.sass +261 -261
  84. data/_sass/bulma-collapsible.sass +15 -0
  85. metadata +9 -64
  86. data/assets/css/custom.scss +0 -422
  87. data/assets/images/2019-09-24-application.png +0 -0
  88. data/assets/images/2019-10-18-projects.jpg +0 -0
  89. data/assets/images/2019-10-21-storytelling.jpeg +0 -0
  90. data/assets/images/2019-11-13-difference-with-elife-innovation-leaders.jpg +0 -0
  91. data/assets/images/2019-11-25-blog2.png +0 -0
  92. data/assets/images/2019-11-25-blog3.png +0 -0
  93. data/assets/images/2019-11-25-blog4.png +0 -0
  94. data/assets/images/2019-11-25-blog5.png +0 -0
  95. data/assets/images/2019-11-25-blog6.png +0 -0
  96. data/assets/images/2019-11-25-header-expert.jpeg +0 -0
  97. data/assets/images/2020-ally-training.jpg +0 -0
  98. data/assets/images/2021-04-30-ols-2-blog-2.png +0 -0
  99. data/assets/images/2021-04-30-ols-2-blog.png +0 -0
  100. data/assets/images/2021-12-21-wt-open-research-fund-header.png +0 -0
  101. data/assets/images/2022-01-04-esthers-mentoring-blog-illustration.jpg +0 -0
  102. data/assets/images/2022-01-27-ols-czi-funding.jpg +0 -0
  103. data/assets/images/2022-02-18-for-hire.jpg +0 -0
  104. data/assets/images/2022-04-01-header-image-speed-blod-nadine.jpg +0 -0
  105. data/assets/images/2022-05-13-os-hobby-blog.jpg +0 -0
  106. data/assets/images/2022-07-18-ismaelkg-crinkle.png +0 -0
  107. data/assets/images/2022-07-18-ismaelkg-timeline-image.png +0 -0
  108. data/assets/images/2022-07-18-ismaelkg-watches.jpg +0 -0
  109. data/assets/images/2022-07-18-osmooc-logo.png +0 -0
  110. data/assets/images/2022-07-18-osmooc-modules.png +0 -0
  111. data/assets/images/2022-07-18-tudelft-history.png +0 -0
  112. data/assets/images/2022-07-18-twitter.png +0 -0
  113. data/assets/images/2022-08-adi-goldstein-unsplash.jpg +0 -0
  114. data/assets/images/2022-08-paz-meme.png +0 -0
  115. data/assets/images/2022-08-paz.jpg +0 -0
  116. data/assets/images/2022-12-andrea-sanchez.jpg +0 -0
  117. data/assets/images/2022-12-ecg-grant-announcement.png +0 -0
  118. data/assets/images/2022-12-jon-tyson-unsplash.jpg +0 -0
  119. data/assets/images/2022-12-melissa-black.jpg +0 -0
  120. data/assets/images/2022-12-mitchell-luo-unsplash.jpg +0 -0
  121. data/assets/images/2022-12-ols-resident-fellows.jpg +0 -0
  122. data/assets/images/2022-12-pexels-linda-ellershein.jpg +0 -0
  123. data/assets/images/2022-12-reina-camacho.png +0 -0
  124. data/assets/images/2022-WT-OLS-Job-Description.pdf +0 -0
  125. data/assets/images/2023-02-1-milad-fakurian-0n1pmev3w2A-unsplash.jpg +0 -0
  126. data/assets/images/2023-04-18-introducing-the-new-OLS/colourrefresh.png +0 -0
  127. data/assets/images/2023-04-18-introducing-the-new-OLS/identity-poster.png +0 -0
  128. data/assets/images/2023-04-18-introducing-the-new-OLS/logo-refresh.png +0 -0
  129. data/assets/images/2023-04-18-introducing-the-new-OLS/logomark.png +0 -0
  130. data/assets/images/2023-04-18-introducing-the-new-OLS/open-by-design.png +0 -0
  131. data/assets/images/2023-04-18-introducing-the-new-OLS/open-seeds.png +0 -0
  132. data/assets/images/2023-05-debs.jpg +0 -0
  133. data/assets/images/2023-05-taj.jpg +0 -0
  134. data/assets/images/about.jpg +0 -0
  135. data/assets/images/code-of-conduct.jpg +0 -0
  136. data/assets/images/index.jpg +0 -0
  137. data/assets/images/logo.png +0 -0
  138. data/assets/images/ols-1/project-participants.jpg +0 -0
  139. data/assets/images/organizations/denbi.png +0 -0
  140. data/assets/images/organizations/elixir.png +0 -0
  141. data/assets/images/organizations/mozilla.jpg +0 -0
  142. data/assets/images/posts.jpg +0 -0
  143. data/assets/images/schedule.png +0 -0
  144. data/assets/images/syllabus.jpg +0 -0
  145. data/assets/js/posts.js +0 -21
  146. data/assets/js/scripts.js +0 -52
@@ -1,85 +1,85 @@
1
- /*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
2
- // Blocks
3
- html,
4
- body,
5
- p,
6
- ol,
7
- ul,
8
- li,
9
- dl,
10
- dt,
11
- dd,
12
- blockquote,
13
- figure,
14
- fieldset,
15
- legend,
16
- textarea,
17
- pre,
18
- iframe,
19
- hr,
20
- h1,
21
- h2,
22
- h3,
23
- h4,
24
- h5,
25
- h6
26
- margin: 0
27
- padding: 0
28
-
29
- // Headings
30
- h1,
31
- h2,
32
- h3,
33
- h4,
34
- h5,
35
- h6
36
- font-size: 100%
37
- font-weight: normal
38
-
39
- // List
40
- ul
41
- list-style: none
42
-
43
- // Form
44
- button,
45
- input,
46
- select,
47
- textarea
48
- margin: 0
49
-
50
- // Box sizing
51
- html
52
- box-sizing: border-box
53
-
54
- *
55
- &,
56
- &::before,
57
- &::after
58
- box-sizing: inherit
59
-
60
- // Media
61
- img,
62
- embed,
63
- iframe,
64
- object,
65
- video
66
- height: auto
67
- max-width: 100%
68
-
69
- audio
70
- max-width: 100%
71
-
72
- // Iframe
73
- iframe
74
- border: 0
75
-
76
- // Table
77
- table
78
- border-collapse: collapse
79
- border-spacing: 0
80
-
81
- td,
82
- th
83
- padding: 0
84
- &:not([align])
85
- text-align: left
1
+ /*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
2
+ // Blocks
3
+ html,
4
+ body,
5
+ p,
6
+ ol,
7
+ ul,
8
+ li,
9
+ dl,
10
+ dt,
11
+ dd,
12
+ blockquote,
13
+ figure,
14
+ fieldset,
15
+ legend,
16
+ textarea,
17
+ pre,
18
+ iframe,
19
+ hr,
20
+ h1,
21
+ h2,
22
+ h3,
23
+ h4,
24
+ h5,
25
+ h6
26
+ margin: 0
27
+ padding: 0
28
+
29
+ // Headings
30
+ h1,
31
+ h2,
32
+ h3,
33
+ h4,
34
+ h5,
35
+ h6
36
+ font-size: 100%
37
+ font-weight: normal
38
+
39
+ // List
40
+ ul
41
+ list-style: none
42
+
43
+ // Form
44
+ button,
45
+ input,
46
+ select,
47
+ textarea
48
+ margin: 0
49
+
50
+ // Box sizing
51
+ html
52
+ box-sizing: border-box
53
+
54
+ *
55
+ &,
56
+ &::before,
57
+ &::after
58
+ box-sizing: inherit
59
+
60
+ // Media
61
+ img,
62
+ embed,
63
+ iframe,
64
+ object,
65
+ video
66
+ height: auto
67
+ max-width: 100%
68
+
69
+ audio
70
+ max-width: 100%
71
+
72
+ // Iframe
73
+ iframe
74
+ border: 0
75
+
76
+ // Table
77
+ table
78
+ border-collapse: collapse
79
+ border-spacing: 0
80
+
81
+ td,
82
+ th
83
+ padding: 0
84
+ &:not([align])
85
+ text-align: left
@@ -1,15 +1,15 @@
1
- @charset "utf-8"
2
-
3
- @import "breadcrumb.sass"
4
- @import "card.sass"
5
- @import "dropdown.sass"
6
- @import "level.sass"
7
- @import "list.sass"
8
- @import "media.sass"
9
- @import "menu.sass"
10
- @import "message.sass"
11
- @import "modal.sass"
12
- @import "navbar.sass"
13
- @import "pagination.sass"
14
- @import "panel.sass"
15
- @import "tabs.sass"
1
+ @charset "utf-8"
2
+
3
+ @import "breadcrumb.sass"
4
+ @import "card.sass"
5
+ @import "dropdown.sass"
6
+ @import "level.sass"
7
+ @import "list.sass"
8
+ @import "media.sass"
9
+ @import "menu.sass"
10
+ @import "message.sass"
11
+ @import "modal.sass"
12
+ @import "navbar.sass"
13
+ @import "pagination.sass"
14
+ @import "panel.sass"
15
+ @import "tabs.sass"
@@ -1,75 +1,75 @@
1
- $breadcrumb-item-color: $link !default
2
- $breadcrumb-item-hover-color: $link-hover !default
3
- $breadcrumb-item-active-color: $text-strong !default
4
-
5
- $breadcrumb-item-padding-vertical: 0 !default
6
- $breadcrumb-item-padding-horizontal: 0.75em !default
7
-
8
- $breadcrumb-item-separator-color: $grey-light !default
9
-
10
- .breadcrumb
11
- @extend %block
12
- @extend %unselectable
13
- font-size: $size-normal
14
- white-space: nowrap
15
- a
16
- align-items: center
17
- color: $breadcrumb-item-color
18
- display: flex
19
- justify-content: center
20
- padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
21
- &:hover
22
- color: $breadcrumb-item-hover-color
23
- li
24
- align-items: center
25
- display: flex
26
- &:first-child a
27
- padding-left: 0
28
- &.is-active
29
- a
30
- color: $breadcrumb-item-active-color
31
- cursor: default
32
- pointer-events: none
33
- & + li::before
34
- color: $breadcrumb-item-separator-color
35
- content: "\0002f"
36
- ul,
37
- ol
38
- align-items: flex-start
39
- display: flex
40
- flex-wrap: wrap
41
- justify-content: flex-start
42
- .icon
43
- &:first-child
44
- margin-right: 0.5em
45
- &:last-child
46
- margin-left: 0.5em
47
- // Alignment
48
- &.is-centered
49
- ol,
50
- ul
51
- justify-content: center
52
- &.is-right
53
- ol,
54
- ul
55
- justify-content: flex-end
56
- // Sizes
57
- &.is-small
58
- font-size: $size-small
59
- &.is-medium
60
- font-size: $size-medium
61
- &.is-large
62
- font-size: $size-large
63
- // Styles
64
- &.has-arrow-separator
65
- li + li::before
66
- content: "\02192"
67
- &.has-bullet-separator
68
- li + li::before
69
- content: "\02022"
70
- &.has-dot-separator
71
- li + li::before
72
- content: "\000b7"
73
- &.has-succeeds-separator
74
- li + li::before
75
- content: "\0227B"
1
+ $breadcrumb-item-color: $link !default
2
+ $breadcrumb-item-hover-color: $link-hover !default
3
+ $breadcrumb-item-active-color: $text-strong !default
4
+
5
+ $breadcrumb-item-padding-vertical: 0 !default
6
+ $breadcrumb-item-padding-horizontal: 0.75em !default
7
+
8
+ $breadcrumb-item-separator-color: $grey-light !default
9
+
10
+ .breadcrumb
11
+ @extend %block
12
+ @extend %unselectable
13
+ font-size: $size-normal
14
+ white-space: nowrap
15
+ a
16
+ align-items: center
17
+ color: $breadcrumb-item-color
18
+ display: flex
19
+ justify-content: center
20
+ padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
21
+ &:hover
22
+ color: $breadcrumb-item-hover-color
23
+ li
24
+ align-items: center
25
+ display: flex
26
+ &:first-child a
27
+ padding-left: 0
28
+ &.is-active
29
+ a
30
+ color: $breadcrumb-item-active-color
31
+ cursor: default
32
+ pointer-events: none
33
+ & + li::before
34
+ color: $breadcrumb-item-separator-color
35
+ content: "\0002f"
36
+ ul,
37
+ ol
38
+ align-items: flex-start
39
+ display: flex
40
+ flex-wrap: wrap
41
+ justify-content: flex-start
42
+ .icon
43
+ &:first-child
44
+ margin-right: 0.5em
45
+ &:last-child
46
+ margin-left: 0.5em
47
+ // Alignment
48
+ &.is-centered
49
+ ol,
50
+ ul
51
+ justify-content: center
52
+ &.is-right
53
+ ol,
54
+ ul
55
+ justify-content: flex-end
56
+ // Sizes
57
+ &.is-small
58
+ font-size: $size-small
59
+ &.is-medium
60
+ font-size: $size-medium
61
+ &.is-large
62
+ font-size: $size-large
63
+ // Styles
64
+ &.has-arrow-separator
65
+ li + li::before
66
+ content: "\02192"
67
+ &.has-bullet-separator
68
+ li + li::before
69
+ content: "\02022"
70
+ &.has-dot-separator
71
+ li + li::before
72
+ content: "\000b7"
73
+ &.has-succeeds-separator
74
+ li + li::before
75
+ content: "\0227B"
@@ -1,79 +1,79 @@
1
- $card-color: $text !default
2
- $card-background-color: $white !default
3
- $card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
4
-
5
- $card-header-background-color: transparent !default
6
- $card-header-color: $text-strong !default
7
- $card-header-padding: 0.75rem !default
8
- $card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
9
- $card-header-weight: $weight-bold !default
10
-
11
- $card-content-background-color: transparent !default
12
- $card-content-padding: 1.5rem !default
13
-
14
- $card-footer-background-color: transparent !default
15
- $card-footer-border-top: 1px solid $border !default
16
- $card-footer-padding: 0.75rem !default
17
-
18
- $card-media-margin: $block-spacing !default
19
-
20
- .card
21
- background-color: $card-background-color
22
- box-shadow: $card-shadow
23
- color: $card-color
24
- max-width: 100%
25
- position: relative
26
-
27
- .card-header
28
- background-color: $card-header-background-color
29
- align-items: stretch
30
- box-shadow: $card-header-shadow
31
- display: flex
32
-
33
- .card-header-title
34
- align-items: center
35
- color: $card-header-color
36
- display: flex
37
- flex-grow: 1
38
- font-weight: $card-header-weight
39
- padding: $card-header-padding
40
- &.is-centered
41
- justify-content: center
42
-
43
- .card-header-icon
44
- align-items: center
45
- cursor: pointer
46
- display: flex
47
- justify-content: center
48
- padding: $card-header-padding
49
-
50
- .card-image
51
- display: block
52
- position: relative
53
-
54
- .card-content
55
- background-color: $card-content-background-color
56
- padding: $card-content-padding
57
-
58
- .card-footer
59
- background-color: $card-footer-background-color
60
- border-top: $card-footer-border-top
61
- align-items: stretch
62
- display: flex
63
-
64
- .card-footer-item
65
- align-items: center
66
- display: flex
67
- flex-basis: 0
68
- flex-grow: 1
69
- flex-shrink: 0
70
- justify-content: center
71
- padding: $card-footer-padding
72
- &:not(:last-child)
73
- border-right: $card-footer-border-top
74
-
75
- // Combinations
76
-
77
- .card
78
- .media:not(:last-child)
79
- margin-bottom: $card-media-margin
1
+ $card-color: $text !default
2
+ $card-background-color: $white !default
3
+ $card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
4
+
5
+ $card-header-background-color: transparent !default
6
+ $card-header-color: $text-strong !default
7
+ $card-header-padding: 0.75rem !default
8
+ $card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
9
+ $card-header-weight: $weight-bold !default
10
+
11
+ $card-content-background-color: transparent !default
12
+ $card-content-padding: 1.5rem !default
13
+
14
+ $card-footer-background-color: transparent !default
15
+ $card-footer-border-top: 1px solid $border !default
16
+ $card-footer-padding: 0.75rem !default
17
+
18
+ $card-media-margin: $block-spacing !default
19
+
20
+ .card
21
+ background-color: $card-background-color
22
+ box-shadow: $card-shadow
23
+ color: $card-color
24
+ max-width: 100%
25
+ position: relative
26
+
27
+ .card-header
28
+ background-color: $card-header-background-color
29
+ align-items: stretch
30
+ box-shadow: $card-header-shadow
31
+ display: flex
32
+
33
+ .card-header-title
34
+ align-items: center
35
+ color: $card-header-color
36
+ display: flex
37
+ flex-grow: 1
38
+ font-weight: $card-header-weight
39
+ padding: $card-header-padding
40
+ &.is-centered
41
+ justify-content: center
42
+
43
+ .card-header-icon
44
+ align-items: center
45
+ cursor: pointer
46
+ display: flex
47
+ justify-content: center
48
+ padding: $card-header-padding
49
+
50
+ .card-image
51
+ display: block
52
+ position: relative
53
+
54
+ .card-content
55
+ background-color: $card-content-background-color
56
+ padding: $card-content-padding
57
+
58
+ .card-footer
59
+ background-color: $card-footer-background-color
60
+ border-top: $card-footer-border-top
61
+ align-items: stretch
62
+ display: flex
63
+
64
+ .card-footer-item
65
+ align-items: center
66
+ display: flex
67
+ flex-basis: 0
68
+ flex-grow: 1
69
+ flex-shrink: 0
70
+ justify-content: center
71
+ padding: $card-footer-padding
72
+ &:not(:last-child)
73
+ border-right: $card-footer-border-top
74
+
75
+ // Combinations
76
+
77
+ .card
78
+ .media:not(:last-child)
79
+ margin-bottom: $card-media-margin
@@ -1,81 +1,81 @@
1
- $dropdown-menu-min-width: 12rem !default
2
-
3
- $dropdown-content-background-color: $white !default
4
- $dropdown-content-arrow: $link !default
5
- $dropdown-content-offset: 4px !default
6
- $dropdown-content-padding-bottom: 0.5rem !default
7
- $dropdown-content-padding-top: 0.5rem !default
8
- $dropdown-content-radius: $radius !default
9
- $dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
10
- $dropdown-content-z: 20 !default
11
-
12
- $dropdown-item-color: $grey-dark !default
13
- $dropdown-item-hover-color: $black !default
14
- $dropdown-item-hover-background-color: $background !default
15
- $dropdown-item-active-color: $link-invert !default
16
- $dropdown-item-active-background-color: $link !default
17
-
18
- $dropdown-divider-background-color: $border !default
19
-
20
- .dropdown
21
- display: inline-flex
22
- position: relative
23
- vertical-align: top
24
- &.is-active,
25
- &.is-hoverable:hover
26
- .dropdown-menu
27
- display: block
28
- &.is-right
29
- .dropdown-menu
30
- left: auto
31
- right: 0
32
- &.is-up
33
- .dropdown-menu
34
- bottom: 100%
35
- padding-bottom: $dropdown-content-offset
36
- padding-top: initial
37
- top: auto
38
-
39
- .dropdown-menu
40
- display: none
41
- left: 0
42
- min-width: $dropdown-menu-min-width
43
- padding-top: $dropdown-content-offset
44
- position: absolute
45
- top: 100%
46
- z-index: $dropdown-content-z
47
-
48
- .dropdown-content
49
- background-color: $dropdown-content-background-color
50
- border-radius: $dropdown-content-radius
51
- box-shadow: $dropdown-content-shadow
52
- padding-bottom: $dropdown-content-padding-bottom
53
- padding-top: $dropdown-content-padding-top
54
-
55
- .dropdown-item
56
- color: $dropdown-item-color
57
- display: block
58
- font-size: 0.875rem
59
- line-height: 1.5
60
- padding: 0.375rem 1rem
61
- position: relative
62
-
63
- a.dropdown-item,
64
- button.dropdown-item
65
- padding-right: 3rem
66
- text-align: left
67
- white-space: nowrap
68
- width: 100%
69
- &:hover
70
- background-color: $dropdown-item-hover-background-color
71
- color: $dropdown-item-hover-color
72
- &.is-active
73
- background-color: $dropdown-item-active-background-color
74
- color: $dropdown-item-active-color
75
-
76
- .dropdown-divider
77
- background-color: $dropdown-divider-background-color
78
- border: none
79
- display: block
80
- height: 1px
81
- margin: 0.5rem 0
1
+ $dropdown-menu-min-width: 12rem !default
2
+
3
+ $dropdown-content-background-color: $white !default
4
+ $dropdown-content-arrow: $link !default
5
+ $dropdown-content-offset: 4px !default
6
+ $dropdown-content-padding-bottom: 0.5rem !default
7
+ $dropdown-content-padding-top: 0.5rem !default
8
+ $dropdown-content-radius: $radius !default
9
+ $dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
10
+ $dropdown-content-z: 20 !default
11
+
12
+ $dropdown-item-color: $grey-dark !default
13
+ $dropdown-item-hover-color: $black !default
14
+ $dropdown-item-hover-background-color: $background !default
15
+ $dropdown-item-active-color: $link-invert !default
16
+ $dropdown-item-active-background-color: $link !default
17
+
18
+ $dropdown-divider-background-color: $border !default
19
+
20
+ .dropdown
21
+ display: inline-flex
22
+ position: relative
23
+ vertical-align: top
24
+ &.is-active,
25
+ &.is-hoverable:hover
26
+ .dropdown-menu
27
+ display: block
28
+ &.is-right
29
+ .dropdown-menu
30
+ left: auto
31
+ right: 0
32
+ &.is-up
33
+ .dropdown-menu
34
+ bottom: 100%
35
+ padding-bottom: $dropdown-content-offset
36
+ padding-top: initial
37
+ top: auto
38
+
39
+ .dropdown-menu
40
+ display: none
41
+ left: 0
42
+ min-width: $dropdown-menu-min-width
43
+ padding-top: $dropdown-content-offset
44
+ position: absolute
45
+ top: 100%
46
+ z-index: $dropdown-content-z
47
+
48
+ .dropdown-content
49
+ background-color: $dropdown-content-background-color
50
+ border-radius: $dropdown-content-radius
51
+ box-shadow: $dropdown-content-shadow
52
+ padding-bottom: $dropdown-content-padding-bottom
53
+ padding-top: $dropdown-content-padding-top
54
+
55
+ .dropdown-item
56
+ color: $dropdown-item-color
57
+ display: block
58
+ font-size: 0.875rem
59
+ line-height: 1.5
60
+ padding: 0.375rem 1rem
61
+ position: relative
62
+
63
+ a.dropdown-item,
64
+ button.dropdown-item
65
+ padding-right: 3rem
66
+ text-align: left
67
+ white-space: nowrap
68
+ width: 100%
69
+ &:hover
70
+ background-color: $dropdown-item-hover-background-color
71
+ color: $dropdown-item-hover-color
72
+ &.is-active
73
+ background-color: $dropdown-item-active-background-color
74
+ color: $dropdown-item-active-color
75
+
76
+ .dropdown-divider
77
+ background-color: $dropdown-divider-background-color
78
+ border: none
79
+ display: block
80
+ height: 1px
81
+ margin: 0.5rem 0