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,149 +1,149 @@
1
- $pagination-color: $grey-darker !default
2
- $pagination-border-color: $grey-lighter !default
3
- $pagination-margin: -0.25rem !default
4
- $pagination-min-width: $control-height !default
5
-
6
- $pagination-item-font-size: 1em !default
7
- $pagination-item-margin: 0.25rem !default
8
- $pagination-item-padding-left: 0.5em !default
9
- $pagination-item-padding-right: 0.5em !default
10
-
11
- $pagination-hover-color: $link-hover !default
12
- $pagination-hover-border-color: $link-hover-border !default
13
-
14
- $pagination-focus-color: $link-focus !default
15
- $pagination-focus-border-color: $link-focus-border !default
16
-
17
- $pagination-active-color: $link-active !default
18
- $pagination-active-border-color: $link-active-border !default
19
-
20
- $pagination-disabled-color: $grey !default
21
- $pagination-disabled-background-color: $grey-lighter !default
22
- $pagination-disabled-border-color: $grey-lighter !default
23
-
24
- $pagination-current-color: $link-invert !default
25
- $pagination-current-background-color: $link !default
26
- $pagination-current-border-color: $link !default
27
-
28
- $pagination-ellipsis-color: $grey-light !default
29
-
30
- $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
31
-
32
- .pagination
33
- font-size: $size-normal
34
- margin: $pagination-margin
35
- // Sizes
36
- &.is-small
37
- font-size: $size-small
38
- &.is-medium
39
- font-size: $size-medium
40
- &.is-large
41
- font-size: $size-large
42
- &.is-rounded
43
- .pagination-previous,
44
- .pagination-next
45
- padding-left: 1em
46
- padding-right: 1em
47
- border-radius: $radius-rounded
48
- .pagination-link
49
- border-radius: $radius-rounded
50
-
51
- .pagination,
52
- .pagination-list
53
- align-items: center
54
- display: flex
55
- justify-content: center
56
- text-align: center
57
-
58
- .pagination-previous,
59
- .pagination-next,
60
- .pagination-link,
61
- .pagination-ellipsis
62
- @extend %control
63
- @extend %unselectable
64
- font-size: $pagination-item-font-size
65
- justify-content: center
66
- margin: $pagination-item-margin
67
- padding-left: $pagination-item-padding-left
68
- padding-right: $pagination-item-padding-right
69
- text-align: center
70
-
71
- .pagination-previous,
72
- .pagination-next,
73
- .pagination-link
74
- border-color: $pagination-border-color
75
- color: $pagination-color
76
- min-width: $pagination-min-width
77
- &:hover
78
- border-color: $pagination-hover-border-color
79
- color: $pagination-hover-color
80
- &:focus
81
- border-color: $pagination-focus-border-color
82
- &:active
83
- box-shadow: $pagination-shadow-inset
84
- &[disabled]
85
- background-color: $pagination-disabled-background-color
86
- border-color: $pagination-disabled-border-color
87
- box-shadow: none
88
- color: $pagination-disabled-color
89
- opacity: 0.5
90
-
91
- .pagination-previous,
92
- .pagination-next
93
- padding-left: 0.75em
94
- padding-right: 0.75em
95
- white-space: nowrap
96
-
97
- .pagination-link
98
- &.is-current
99
- background-color: $pagination-current-background-color
100
- border-color: $pagination-current-border-color
101
- color: $pagination-current-color
102
-
103
- .pagination-ellipsis
104
- color: $pagination-ellipsis-color
105
- pointer-events: none
106
-
107
- .pagination-list
108
- flex-wrap: wrap
109
-
110
- +mobile
111
- .pagination
112
- flex-wrap: wrap
113
- .pagination-previous,
114
- .pagination-next
115
- flex-grow: 1
116
- flex-shrink: 1
117
- .pagination-list
118
- li
119
- flex-grow: 1
120
- flex-shrink: 1
121
-
122
- +tablet
123
- .pagination-list
124
- flex-grow: 1
125
- flex-shrink: 1
126
- justify-content: flex-start
127
- order: 1
128
- .pagination-previous
129
- order: 2
130
- .pagination-next
131
- order: 3
132
- .pagination
133
- justify-content: space-between
134
- &.is-centered
135
- .pagination-previous
136
- order: 1
137
- .pagination-list
138
- justify-content: center
139
- order: 2
140
- .pagination-next
141
- order: 3
142
- &.is-right
143
- .pagination-previous
144
- order: 1
145
- .pagination-next
146
- order: 2
147
- .pagination-list
148
- justify-content: flex-end
149
- order: 3
1
+ $pagination-color: $grey-darker !default
2
+ $pagination-border-color: $grey-lighter !default
3
+ $pagination-margin: -0.25rem !default
4
+ $pagination-min-width: $control-height !default
5
+
6
+ $pagination-item-font-size: 1em !default
7
+ $pagination-item-margin: 0.25rem !default
8
+ $pagination-item-padding-left: 0.5em !default
9
+ $pagination-item-padding-right: 0.5em !default
10
+
11
+ $pagination-hover-color: $link-hover !default
12
+ $pagination-hover-border-color: $link-hover-border !default
13
+
14
+ $pagination-focus-color: $link-focus !default
15
+ $pagination-focus-border-color: $link-focus-border !default
16
+
17
+ $pagination-active-color: $link-active !default
18
+ $pagination-active-border-color: $link-active-border !default
19
+
20
+ $pagination-disabled-color: $grey !default
21
+ $pagination-disabled-background-color: $grey-lighter !default
22
+ $pagination-disabled-border-color: $grey-lighter !default
23
+
24
+ $pagination-current-color: $link-invert !default
25
+ $pagination-current-background-color: $link !default
26
+ $pagination-current-border-color: $link !default
27
+
28
+ $pagination-ellipsis-color: $grey-light !default
29
+
30
+ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
31
+
32
+ .pagination
33
+ font-size: $size-normal
34
+ margin: $pagination-margin
35
+ // Sizes
36
+ &.is-small
37
+ font-size: $size-small
38
+ &.is-medium
39
+ font-size: $size-medium
40
+ &.is-large
41
+ font-size: $size-large
42
+ &.is-rounded
43
+ .pagination-previous,
44
+ .pagination-next
45
+ padding-left: 1em
46
+ padding-right: 1em
47
+ border-radius: $radius-rounded
48
+ .pagination-link
49
+ border-radius: $radius-rounded
50
+
51
+ .pagination,
52
+ .pagination-list
53
+ align-items: center
54
+ display: flex
55
+ justify-content: center
56
+ text-align: center
57
+
58
+ .pagination-previous,
59
+ .pagination-next,
60
+ .pagination-link,
61
+ .pagination-ellipsis
62
+ @extend %control
63
+ @extend %unselectable
64
+ font-size: $pagination-item-font-size
65
+ justify-content: center
66
+ margin: $pagination-item-margin
67
+ padding-left: $pagination-item-padding-left
68
+ padding-right: $pagination-item-padding-right
69
+ text-align: center
70
+
71
+ .pagination-previous,
72
+ .pagination-next,
73
+ .pagination-link
74
+ border-color: $pagination-border-color
75
+ color: $pagination-color
76
+ min-width: $pagination-min-width
77
+ &:hover
78
+ border-color: $pagination-hover-border-color
79
+ color: $pagination-hover-color
80
+ &:focus
81
+ border-color: $pagination-focus-border-color
82
+ &:active
83
+ box-shadow: $pagination-shadow-inset
84
+ &[disabled]
85
+ background-color: $pagination-disabled-background-color
86
+ border-color: $pagination-disabled-border-color
87
+ box-shadow: none
88
+ color: $pagination-disabled-color
89
+ opacity: 0.5
90
+
91
+ .pagination-previous,
92
+ .pagination-next
93
+ padding-left: 0.75em
94
+ padding-right: 0.75em
95
+ white-space: nowrap
96
+
97
+ .pagination-link
98
+ &.is-current
99
+ background-color: $pagination-current-background-color
100
+ border-color: $pagination-current-border-color
101
+ color: $pagination-current-color
102
+
103
+ .pagination-ellipsis
104
+ color: $pagination-ellipsis-color
105
+ pointer-events: none
106
+
107
+ .pagination-list
108
+ flex-wrap: wrap
109
+
110
+ +mobile
111
+ .pagination
112
+ flex-wrap: wrap
113
+ .pagination-previous,
114
+ .pagination-next
115
+ flex-grow: 1
116
+ flex-shrink: 1
117
+ .pagination-list
118
+ li
119
+ flex-grow: 1
120
+ flex-shrink: 1
121
+
122
+ +tablet
123
+ .pagination-list
124
+ flex-grow: 1
125
+ flex-shrink: 1
126
+ justify-content: flex-start
127
+ order: 1
128
+ .pagination-previous
129
+ order: 2
130
+ .pagination-next
131
+ order: 3
132
+ .pagination
133
+ justify-content: space-between
134
+ &.is-centered
135
+ .pagination-previous
136
+ order: 1
137
+ .pagination-list
138
+ justify-content: center
139
+ order: 2
140
+ .pagination-next
141
+ order: 3
142
+ &.is-right
143
+ .pagination-previous
144
+ order: 1
145
+ .pagination-next
146
+ order: 2
147
+ .pagination-list
148
+ justify-content: flex-end
149
+ order: 3
@@ -1,103 +1,103 @@
1
- $panel-margin: $block-spacing !default
2
- $panel-item-border: 1px solid $border !default
3
-
4
- $panel-heading-background-color: $background !default
5
- $panel-heading-color: $text-strong !default
6
- $panel-heading-line-height: 1.25 !default
7
- $panel-heading-padding: 0.5em 0.75em !default
8
- $panel-heading-radius: $radius !default
9
- $panel-heading-size: 1.25em !default
10
- $panel-heading-weight: $weight-light !default
11
-
12
- $panel-tabs-font-size: 0.875em !default
13
- $panel-tab-border-bottom: 1px solid $border !default
14
- $panel-tab-active-border-bottom-color: $link-active-border !default
15
- $panel-tab-active-color: $link-active !default
16
-
17
- $panel-list-item-color: $text !default
18
- $panel-list-item-hover-color: $link !default
19
-
20
- $panel-block-color: $text-strong !default
21
- $panel-block-hover-background-color: $background !default
22
- $panel-block-active-border-left-color: $link !default
23
- $panel-block-active-color: $link-active !default
24
- $panel-block-active-icon-color: $link !default
25
-
26
- $panel-icon-color: $text-light !default
27
-
28
- .panel
29
- font-size: $size-normal
30
- &:not(:last-child)
31
- margin-bottom: $panel-margin
32
-
33
- .panel-heading,
34
- .panel-tabs,
35
- .panel-block
36
- border-bottom: $panel-item-border
37
- border-left: $panel-item-border
38
- border-right: $panel-item-border
39
- &:first-child
40
- border-top: $panel-item-border
41
-
42
- .panel-heading
43
- background-color: $panel-heading-background-color
44
- border-radius: $panel-heading-radius $panel-heading-radius 0 0
45
- color: $panel-heading-color
46
- font-size: $panel-heading-size
47
- font-weight: $panel-heading-weight
48
- line-height: $panel-heading-line-height
49
- padding: $panel-heading-padding
50
-
51
- .panel-tabs
52
- align-items: flex-end
53
- display: flex
54
- font-size: $panel-tabs-font-size
55
- justify-content: center
56
- a
57
- border-bottom: $panel-tab-border-bottom
58
- margin-bottom: -1px
59
- padding: 0.5em
60
- // Modifiers
61
- &.is-active
62
- border-bottom-color: $panel-tab-active-border-bottom-color
63
- color: $panel-tab-active-color
64
-
65
- .panel-list
66
- a
67
- color: $panel-list-item-color
68
- &:hover
69
- color: $panel-list-item-hover-color
70
-
71
- .panel-block
72
- align-items: center
73
- color: $panel-block-color
74
- display: flex
75
- justify-content: flex-start
76
- padding: 0.5em 0.75em
77
- input[type="checkbox"]
78
- margin-right: 0.75em
79
- & > .control
80
- flex-grow: 1
81
- flex-shrink: 1
82
- width: 100%
83
- &.is-wrapped
84
- flex-wrap: wrap
85
- &.is-active
86
- border-left-color: $panel-block-active-border-left-color
87
- color: $panel-block-active-color
88
- .panel-icon
89
- color: $panel-block-active-icon-color
90
-
91
- a.panel-block,
92
- label.panel-block
93
- cursor: pointer
94
- &:hover
95
- background-color: $panel-block-hover-background-color
96
-
97
- .panel-icon
98
- +fa(14px, 1em)
99
- color: $panel-icon-color
100
- margin-right: 0.75em
101
- .fa
102
- font-size: inherit
103
- line-height: inherit
1
+ $panel-margin: $block-spacing !default
2
+ $panel-item-border: 1px solid $border !default
3
+
4
+ $panel-heading-background-color: $background !default
5
+ $panel-heading-color: $text-strong !default
6
+ $panel-heading-line-height: 1.25 !default
7
+ $panel-heading-padding: 0.5em 0.75em !default
8
+ $panel-heading-radius: $radius !default
9
+ $panel-heading-size: 1.25em !default
10
+ $panel-heading-weight: $weight-light !default
11
+
12
+ $panel-tabs-font-size: 0.875em !default
13
+ $panel-tab-border-bottom: 1px solid $border !default
14
+ $panel-tab-active-border-bottom-color: $link-active-border !default
15
+ $panel-tab-active-color: $link-active !default
16
+
17
+ $panel-list-item-color: $text !default
18
+ $panel-list-item-hover-color: $link !default
19
+
20
+ $panel-block-color: $text-strong !default
21
+ $panel-block-hover-background-color: $background !default
22
+ $panel-block-active-border-left-color: $link !default
23
+ $panel-block-active-color: $link-active !default
24
+ $panel-block-active-icon-color: $link !default
25
+
26
+ $panel-icon-color: $text-light !default
27
+
28
+ .panel
29
+ font-size: $size-normal
30
+ &:not(:last-child)
31
+ margin-bottom: $panel-margin
32
+
33
+ .panel-heading,
34
+ .panel-tabs,
35
+ .panel-block
36
+ border-bottom: $panel-item-border
37
+ border-left: $panel-item-border
38
+ border-right: $panel-item-border
39
+ &:first-child
40
+ border-top: $panel-item-border
41
+
42
+ .panel-heading
43
+ background-color: $panel-heading-background-color
44
+ border-radius: $panel-heading-radius $panel-heading-radius 0 0
45
+ color: $panel-heading-color
46
+ font-size: $panel-heading-size
47
+ font-weight: $panel-heading-weight
48
+ line-height: $panel-heading-line-height
49
+ padding: $panel-heading-padding
50
+
51
+ .panel-tabs
52
+ align-items: flex-end
53
+ display: flex
54
+ font-size: $panel-tabs-font-size
55
+ justify-content: center
56
+ a
57
+ border-bottom: $panel-tab-border-bottom
58
+ margin-bottom: -1px
59
+ padding: 0.5em
60
+ // Modifiers
61
+ &.is-active
62
+ border-bottom-color: $panel-tab-active-border-bottom-color
63
+ color: $panel-tab-active-color
64
+
65
+ .panel-list
66
+ a
67
+ color: $panel-list-item-color
68
+ &:hover
69
+ color: $panel-list-item-hover-color
70
+
71
+ .panel-block
72
+ align-items: center
73
+ color: $panel-block-color
74
+ display: flex
75
+ justify-content: flex-start
76
+ padding: 0.5em 0.75em
77
+ input[type="checkbox"]
78
+ margin-right: 0.75em
79
+ & > .control
80
+ flex-grow: 1
81
+ flex-shrink: 1
82
+ width: 100%
83
+ &.is-wrapped
84
+ flex-wrap: wrap
85
+ &.is-active
86
+ border-left-color: $panel-block-active-border-left-color
87
+ color: $panel-block-active-color
88
+ .panel-icon
89
+ color: $panel-block-active-icon-color
90
+
91
+ a.panel-block,
92
+ label.panel-block
93
+ cursor: pointer
94
+ &:hover
95
+ background-color: $panel-block-hover-background-color
96
+
97
+ .panel-icon
98
+ +fa(14px, 1em)
99
+ color: $panel-icon-color
100
+ margin-right: 0.75em
101
+ .fa
102
+ font-size: inherit
103
+ line-height: inherit