bulma/sass/components/panel.sass
2017-03-27 11:38:45 +01:00

77 lines
1.4 KiB
Sass

.panel
font-size: $size-normal
&:not(:last-child)
margin-bottom: 1.5rem
.panel-heading,
.panel-tabs,
.panel-block
border-bottom: 1px solid $border
border-left: 1px solid $border
border-right: 1px solid $border
&:first-child
border-top: 1px solid $border
.panel-heading
background-color: $background
border-radius: $radius $radius 0 0
color: $text-strong
font-size: 1.25em
font-weight: $weight-light
line-height: 1.25
padding: 0.5em 0.75em
.panel-tabs
align-items: flex-end
display: flex
font-size: 0.875em
justify-content: center
a
border-bottom: 1px solid $border
margin-bottom: -1px
padding: 0.5em
// Modifiers
&.is-active
border-bottom-color: $link-active-border
color: $link-active
.panel-list
a
color: $text
&:hover
color: $link
.panel-block
align-items: center
color: $text-strong
display: flex
justify-content: flex-start
padding: 0.5em 0.75em
input[type="checkbox"]
margin-right: 0.75em
& > .control
flex-grow: 1
flex-shrink: 1
width: 100%
&.is-wrapped
flex-wrap: wrap
&.is-active
border-left-color: $link
color: $link-active
.panel-icon
color: $link
a.panel-block,
label.panel-block
cursor: pointer
&:hover
background-color: $background
.panel-icon
+fa(14px, 1em)
color: $text-light
margin-right: 0.75em
.fa
font-size: inherit
line-height: inherit