todo-webclient/client/style.sass

92 lines
1.6 KiB
Sass

@charset "utf-8"
// @import "../node_modules/bulmaswatch/superhero/_variables.scss"
// Import Bulma core
@import "../node_modules/bulma/bulma"
// @import "../node_modules/bulmaswatch/superhero/_overrides.scss"
#body
position: absolute
top: 0
left: 0
bottom: 0
right: 0
display: flex
flex-flow: column nowrap
.project, .project .columns
height: 100%
.project .columns
overflow-x: auto
.avatar
border-radius: 4px
#main-section
margin: 0.75rem 1.5rem
flex: 1 1 auto
.project .columns .column
padding: 0.25rem
.project .column .visible-on-hover
visibility: hidden
.project .column:hover .visible-on-hover
visibility: visible
.cards-list .card
border-top: 4px solid $grey-lighter
.cards-list .card .card-content
padding: 0.75rem
.cards-list .card .card-footer
margin: -0.75rem
.cards-list .card.is-selected
border-width: 4px
.cards-list .card .title.is-5
margin-bottom: 0.25rem
.cards-list > .title
margin: 0.5rem
margin-bottom: 1rem
.card .title.is-5, .card .title.is-6
font-weight: normal
.cards-list .card
margin-bottom: 1rem
.cards-list .card:last-child
margin-bottom: 0
.is-column-header + .card, .card + .button
margin-top: 12px
.project > .hero
margin-bottom: 12px
.project
margin-top: 12px
.navbar
border-bottom: 2px solid $grey-lighter
background-color: $white
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
.card.is-#{$name}
border-top: 4px solid $color
@import "../node_modules/bulma-divider/src/sass/index.sass"
.is-divider-vertical
padding: 0 0.5rem
.is-divider-vertical::before
top: 0
bottom: 0