Retrospring/app/assets/stylesheets/_variables.scss

66 lines
1.3 KiB
SCSS

// Color overrides for Bootstrap
$primary: #5e35b1;
// Cards
$card-border-width: 0;
// List Groups
$list-group-border-width: 0;
// nProgress
$nprogress-color: lighten($navbar-inverse-bg, 25%);
// Color names for theme generation
$color-names: (
"primary",
"danger",
"warning",
"info",
"success"
);
// Avatar variables
$avatar-border-radius: 4px;
$avatar-sizes: (
"xs": 20px,
"sm": 30px,
"md": 40px,
"lg": 80px
);
:root {
--background: #f0edf4;
--card-bg: #ffffff;
--card-cap-bg: #f7f7f7;
--input-bg: #ffffff;
/**
NOTE for all *-text variables
----------------------------------------------
The text-variables are present as triplets
because in some places it's required to adjust
their transparency.
So, for general usage, use:
color: RGB(var(--*-text));
And for transparent usage, use:
color: rgba(var(--*-text), .7);
The uppercase RGB is required because internally
SassC wants more than one argument for rgb(),
hence writing RGB() bypasses that check, but
browsers interpret it correctly.
*/
--primary-text: 255, 255, 255;
--danger-text: 255, 255, 255;
--warning-text: 255, 255, 255;
--info-text: 255, 255, 255;
--success-text: 255, 255, 255;
--muted-text: 108, 117, 125;
--input-text: 0, 0, 0;
}