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>
2022-02-19 15:29:47 -08:00
parent c5f8715c59
commit 6daaffeaa7
82 changed files with 5634 additions and 46 deletions
--- a/bookwyrm/static/css/vendor/bulma/sass/helpers/visibility.sass
+++ b/bookwyrm/static/css/vendor/bulma/sass/helpers/visibility.sass
@ -0,0 +1,122 @@
+@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