ols-theme 0.8.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 +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