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>
123 lines
2.4 KiB
Sass
123 lines
2.4 KiB
Sass
@import "../utilities/mixins"
|
|
|
|
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
|
|
|
@each $display in $displays
|
|
.is-#{$display}
|
|
display: #{$display} !important
|
|
+mobile
|
|
.is-#{$display}-mobile
|
|
display: #{$display} !important
|
|
+tablet
|
|
.is-#{$display}-tablet
|
|
display: #{$display} !important
|
|
+tablet-only
|
|
.is-#{$display}-tablet-only
|
|
display: #{$display} !important
|
|
+touch
|
|
.is-#{$display}-touch
|
|
display: #{$display} !important
|
|
+desktop
|
|
.is-#{$display}-desktop
|
|
display: #{$display} !important
|
|
+desktop-only
|
|
.is-#{$display}-desktop-only
|
|
display: #{$display} !important
|
|
+widescreen
|
|
.is-#{$display}-widescreen
|
|
display: #{$display} !important
|
|
+widescreen-only
|
|
.is-#{$display}-widescreen-only
|
|
display: #{$display} !important
|
|
+fullhd
|
|
.is-#{$display}-fullhd
|
|
display: #{$display} !important
|
|
|
|
.is-hidden
|
|
display: none !important
|
|
|
|
.is-sr-only
|
|
border: none !important
|
|
clip: rect(0, 0, 0, 0) !important
|
|
height: 0.01em !important
|
|
overflow: hidden !important
|
|
padding: 0 !important
|
|
position: absolute !important
|
|
white-space: nowrap !important
|
|
width: 0.01em !important
|
|
|
|
+mobile
|
|
.is-hidden-mobile
|
|
display: none !important
|
|
|
|
+tablet
|
|
.is-hidden-tablet
|
|
display: none !important
|
|
|
|
+tablet-only
|
|
.is-hidden-tablet-only
|
|
display: none !important
|
|
|
|
+touch
|
|
.is-hidden-touch
|
|
display: none !important
|
|
|
|
+desktop
|
|
.is-hidden-desktop
|
|
display: none !important
|
|
|
|
+desktop-only
|
|
.is-hidden-desktop-only
|
|
display: none !important
|
|
|
|
+widescreen
|
|
.is-hidden-widescreen
|
|
display: none !important
|
|
|
|
+widescreen-only
|
|
.is-hidden-widescreen-only
|
|
display: none !important
|
|
|
|
+fullhd
|
|
.is-hidden-fullhd
|
|
display: none !important
|
|
|
|
.is-invisible
|
|
visibility: hidden !important
|
|
|
|
+mobile
|
|
.is-invisible-mobile
|
|
visibility: hidden !important
|
|
|
|
+tablet
|
|
.is-invisible-tablet
|
|
visibility: hidden !important
|
|
|
|
+tablet-only
|
|
.is-invisible-tablet-only
|
|
visibility: hidden !important
|
|
|
|
+touch
|
|
.is-invisible-touch
|
|
visibility: hidden !important
|
|
|
|
+desktop
|
|
.is-invisible-desktop
|
|
visibility: hidden !important
|
|
|
|
+desktop-only
|
|
.is-invisible-desktop-only
|
|
visibility: hidden !important
|
|
|
|
+widescreen
|
|
.is-invisible-widescreen
|
|
visibility: hidden !important
|
|
|
|
+widescreen-only
|
|
.is-invisible-widescreen-only
|
|
visibility: hidden !important
|
|
|
|
+fullhd
|
|
.is-invisible-fullhd
|
|
visibility: hidden !important
|