todo-webclient/client/style.sass

97 lines
1.8 KiB
Sass
Raw Normal View History

2019-11-20 19:22:51 +01:00
@charset "utf-8"
2019-12-12 01:25:36 +01:00
// @import "../node_modules/bulmaswatch/superhero/_variables.scss"
2019-11-20 19:22:51 +01:00
// Import Bulma core
@import "../node_modules/bulma/bulma"
2019-12-12 01:25:36 +01:00
// @import "../node_modules/bulmaswatch/superhero/_overrides.scss"
2019-11-20 19:22:51 +01:00
2019-12-12 21:49:15 +01:00
#body
position: absolute
top: 0
left: 0
bottom: 0
right: 0
display: flex
flex-flow: column nowrap
.project, .project .columns
height: 100%
.project .columns
2019-12-12 01:25:36 +01:00
overflow-x: auto
2019-11-20 19:22:51 +01:00
.avatar
border-radius: 4px
2019-12-12 21:49:15 +01:00
#main-section
margin: 0.75rem 1.5rem
flex: 1 1 auto
.project .columns .column
padding: 0.25rem
2019-12-24 20:20:37 +01:00
.project .column .title .visible-on-hover
visibility: hidden
2019-12-24 20:20:37 +01:00
.project .column .title:hover .visible-on-hover
visibility: visible
.project .column .card .visible-on-hover
visibility: hidden
.project .column .card:hover .visible-on-hover
visibility: visible
2019-12-12 21:49:15 +01:00
.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
2019-11-20 19:22:51 +01:00
border-width: 4px
2019-12-12 21:49:15 +01:00
.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
2019-11-20 19:22:51 +01:00
.is-column-header + .card, .card + .button
margin-top: 12px
.project > .hero
margin-bottom: 12px
.project
margin-top: 12px
2019-12-12 21:49:15 +01:00
.navbar
border-bottom: 2px solid $grey-lighter
background-color: $white
2019-11-20 19:22:51 +01:00
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
.card.is-#{$name}
2019-12-12 21:49:15 +01:00
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
2019-11-20 19:22:51 +01:00