mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-05-28 21:28:19 +00:00
6daaffeaa7
* Compiles css framework from sass * Adds watch commands * Copies existing css to sass file * Moves sass out of static path * Removes global linter I wasn't sure how to customize this, and it's not providing a lot of additional value on top of the domain-specific linters * Reverts invalid change to dockerfile * Changes stylelint path * Remove unused bulma files * Properly minifies generated css * Fixes regression in thread display * rgba function only works with percents for whatever reason * Hush stylelint * Removes trailing zeros * Compile sass in Django Co-authored-by: Joachim <joachim.robert@protonmail.com> * Python formatting * Updates linter * Updates commands * Adds css-config file Co-authored-by: Joachim <joachim.robert@protonmail.com> * Stylelint fix * Removes unused compiled bulma files Co-authored-by: Joachim <joachim.robert@protonmail.com>
37 lines
815 B
Sass
37 lines
815 B
Sass
@import "../utilities/mixins"
|
|
|
|
$tile-spacing: 0.75rem !default
|
|
|
|
.tile
|
|
align-items: stretch
|
|
display: block
|
|
flex-basis: 0
|
|
flex-grow: 1
|
|
flex-shrink: 1
|
|
min-height: min-content
|
|
// Modifiers
|
|
&.is-ancestor
|
|
margin-left: $tile-spacing * -1
|
|
margin-right: $tile-spacing * -1
|
|
margin-top: $tile-spacing * -1
|
|
&:last-child
|
|
margin-bottom: $tile-spacing * -1
|
|
&:not(:last-child)
|
|
margin-bottom: $tile-spacing
|
|
&.is-child
|
|
margin: 0 !important
|
|
&.is-parent
|
|
padding: $tile-spacing
|
|
&.is-vertical
|
|
flex-direction: column
|
|
& > .tile.is-child:not(:last-child)
|
|
margin-bottom: 1.5rem !important
|
|
// Responsiveness
|
|
+tablet
|
|
&:not(.is-child)
|
|
display: flex
|
|
@for $i from 1 through 12
|
|
&.is-#{$i}
|
|
flex: none
|
|
width: (divide($i, 12)) * 100%
|