Compiles css framework from sass (#1956)
* 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>
This commit is contained in:
29
bookwyrm/static/css/vendor/bulma/sass/elements/container.sass
vendored
Normal file
29
bookwyrm/static/css/vendor/bulma/sass/elements/container.sass
vendored
Normal file
@ -0,0 +1,29 @@
|
||||
@import "../utilities/mixins"
|
||||
|
||||
$container-offset: (2 * $gap) !default
|
||||
$container-max-width: $fullhd !default
|
||||
|
||||
.container
|
||||
flex-grow: 1
|
||||
margin: 0 auto
|
||||
position: relative
|
||||
width: auto
|
||||
&.is-fluid
|
||||
max-width: none !important
|
||||
padding-left: $gap
|
||||
padding-right: $gap
|
||||
width: 100%
|
||||
+desktop
|
||||
max-width: $desktop - $container-offset
|
||||
+until-widescreen
|
||||
&.is-widescreen:not(.is-max-desktop)
|
||||
max-width: min($widescreen, $container-max-width) - $container-offset
|
||||
+until-fullhd
|
||||
&.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
|
||||
max-width: min($fullhd, $container-max-width) - $container-offset
|
||||
+widescreen
|
||||
&:not(.is-max-desktop)
|
||||
max-width: min($widescreen, $container-max-width) - $container-offset
|
||||
+fullhd
|
||||
&:not(.is-max-desktop):not(.is-max-widescreen)
|
||||
max-width: min($fullhd, $container-max-width) - $container-offset
|
Reference in New Issue
Block a user