bulma/sass/components/panel.sass

75 lines
1.4 KiB
Sass
Raw Normal View History

2016-10-30 23:35:30 +00:00
.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
2016-03-25 13:38:40 +00:00
.panel-heading
2016-06-29 22:59:48 +00:00
background-color: $background
2016-10-30 23:35:30 +00:00
border-radius: $radius $radius 0 0
2016-03-25 13:38:40 +00:00
color: $text-strong
2016-10-30 23:35:30 +00:00
font-size: 1.25em
font-weight: $weight-light
line-height: 1.25
padding: 0.5em 0.75em
2016-03-25 13:38:40 +00:00
.panel-tabs
2016-10-30 23:35:30 +00:00
align-items: flex-end
2016-03-25 13:38:40 +00:00
display: flex
2016-10-30 23:35:30 +00:00
font-size: 0.875em
2016-03-25 13:38:40 +00:00
justify-content: center
a
border-bottom: 1px solid $border
margin-bottom: -1px
2016-10-30 23:35:30 +00:00
padding: 0.5em
2016-04-10 15:27:27 +00:00
// Modifiers
2016-03-25 13:38:40 +00:00
&.is-active
border-bottom-color: $link-active-border
color: $link-active
2016-10-30 23:35:30 +00:00
.panel-list
a
color: $text
&:hover
color: $link
2016-03-25 13:38:40 +00:00
.panel-block
2016-10-30 23:35:30 +00:00
align-items: center
2016-03-25 13:38:40 +00:00
color: $text-strong
2016-10-30 23:35:30 +00:00
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-active
border-left-color: $link
color: $link-active
.panel-icon
color: $link
2016-03-25 13:38:40 +00:00
2016-10-30 23:35:30 +00:00
a.panel-block,
label.panel-block
cursor: pointer
&:hover
2016-06-29 22:59:48 +00:00
background-color: $background
2016-10-30 23:35:30 +00:00
.panel-icon
+fa(14px, 1em)
color: $text-light
margin-right: 0.75em
.fa
font-size: inherit
line-height: inherit