forked from mirrors/bookwyrm
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>
61 lines
1.8 KiB
Sass
61 lines
1.8 KiB
Sass
@import "../utilities/controls"
|
|
@import "../utilities/mixins"
|
|
|
|
$form-colors: $colors !default
|
|
|
|
$input-color: $text-strong !default
|
|
$input-background-color: $scheme-main !default
|
|
$input-border-color: $border !default
|
|
$input-height: $control-height !default
|
|
$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
|
|
$input-placeholder-color: bulmaRgba($input-color, 0.3) !default
|
|
|
|
$input-hover-color: $text-strong !default
|
|
$input-hover-border-color: $border-hover !default
|
|
|
|
$input-focus-color: $text-strong !default
|
|
$input-focus-border-color: $link !default
|
|
$input-focus-box-shadow-size: 0 0 0 0.125em !default
|
|
$input-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
|
|
|
|
$input-disabled-color: $text-light !default
|
|
$input-disabled-background-color: $background !default
|
|
$input-disabled-border-color: $background !default
|
|
$input-disabled-placeholder-color: bulmaRgba($input-disabled-color, 0.3) !default
|
|
|
|
$input-arrow: $link !default
|
|
|
|
$input-icon-color: $border !default
|
|
$input-icon-active-color: $text !default
|
|
|
|
$input-radius: $radius !default
|
|
|
|
=input
|
|
@extend %control
|
|
background-color: $input-background-color
|
|
border-color: $input-border-color
|
|
border-radius: $input-radius
|
|
color: $input-color
|
|
+placeholder
|
|
color: $input-placeholder-color
|
|
&:hover,
|
|
&.is-hovered
|
|
border-color: $input-hover-border-color
|
|
&:focus,
|
|
&.is-focused,
|
|
&:active,
|
|
&.is-active
|
|
border-color: $input-focus-border-color
|
|
box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
|
|
&[disabled],
|
|
fieldset[disabled] &
|
|
background-color: $input-disabled-background-color
|
|
border-color: $input-disabled-border-color
|
|
box-shadow: none
|
|
color: $input-disabled-color
|
|
+placeholder
|
|
color: $input-disabled-placeholder-color
|
|
|
|
%input
|
|
+input
|