filesafe/src/css/_variables.scss
Bobby 7194f0c838
feat: transition to stylelint v14 environment
stylelint: 13 -> 14
postcss-preset-env: 6 -> 7
eslint-plugin-compat: 3 -> 4

replaced stylelint-config-standard with
stylelint-config-standard-scss

switched to @ronilaukkarinen/gulp-stylelint, a fork of gulp-stylelint,
due to the upstream's maintainer going missing

temporarily disabled some stylelint rules to ease transition
2022-03-03 18:44:43 +07:00

62 lines
1.9 KiB
SCSS

@charset "utf-8";
/* stylelint-disable scss/dollar-variable-empty-line-before */
/* stylelint-disable-next-line value-keyword-case */
$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Ubuntu", "Roboto", "Oxygen", "Cantarell",
"Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
$black: hsl(0deg 0% 0%);
$green: hsl(141deg 42% 53%);
$cyan: hsl(217deg 89% 61%);
$blue: hsl(208deg 79% 51%);
$red: hsl(348deg 100% 61%);
/** Bulma: Variables **/
@import "../../node_modules/bulma/sass/utilities/initial-variables";
@import "../../node_modules/bulma/sass/utilities/functions";
@import "../../node_modules/bulma/sass/utilities/derived-variables";
$scheme-main: $black;
$text: $white-ter;
$strong-color: $grey-lighter;
$link-hover: $link-light;
$hr-background-color: $grey-light;
$border-hover: $link;
$input-focus-border-color: $link-light;
$title-color: $white-ter;
$subtitle-color: $grey-lightest;
$subtitle-strong-color: $grey-lightest;
$input-background-color: $scheme-main;
$input-border-color: $grey;
$input-color: $text;
$input-placeholder-color: $grey-lightest;
$input-disabled-background-color: $grey-dark;
$input-disabled-border-color: $input-border-color;
$input-disabled-color: $input-color;
$input-disabled-placeholder-color: $grey-lightest;
$pagination-background-color: $scheme-main;
$pagination-border-color: $text;
$pagination-color: $text;
$pagination-hover-background-color: $pagination-color;
$pagination-hover-border-color: $pagination-border-color;
$pagination-hover-color: $scheme-main;
$pagination-disabled-background-color: $grey-dark;
$pagination-disabled-border-color: $grey;
$pagination-disabled-color: hsl(0deg 0% 64%);
$tabs-link-color: $text;
$tabs-link-hover-color: $tabs-link-color;
$tabs-boxed-link-active-border-color: $grey;
$tabs-boxed-link-hover-background-color: $grey-darker;
$tabs-boxed-link-hover-border-bottom-color: $tabs-boxed-link-active-border-color