gabehf/ecp.org
1
0
Fork 0
mirror of https://github.com/edcommonwealth/ecp.org.git synced 2026-03-09 07:28:16 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Visual edits. Add fontawesome and icons. Update colors

Browse source
This commit is contained in:
rebuilt 2023-01-10 17:57:21 -08:00
parent 2629778e0d
commit e95da047ab
20 changed files with 136 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/assets/stylesheets/application.bootstrap.scss
View file

@ -1,7 +1,9 @@
@import 'partials/colors';
@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-icons/font/bootstrap-icons';
@import 'partials/colors';
@import 'partials/bootstrap-overrides';
@import "@fortawesome/fontawesome-free/scss/fontawesome";
@import "@fortawesome/fontawesome-free/scss/solid";
@import 'partials/layout';
@import 'partials/links';
@import 'partials/downloads';

1
app/assets/stylesheets/partials/_bootstrap-overrides.scss
View file

@ -1,4 +1,5 @@
@import 'colors';
.accordion-button:not(.collapsed) {
color: shade-color($primary, 50%);
}

52
app/assets/stylesheets/partials/_colors.scss
View file

@ -2,19 +2,27 @@ $black: #3E3A38;
$gray-1: #595959;
$gray-2: #CECECE;
$gray-3: #F3F3F3;
$light-blue: #FAFCFD;
$primary: #7f9df6;
$primary-lighter: #b9caff;
$primary-darker: darken($primary, 30%);
$secondary: #ffab2b;
$secondary-lighter: #ffcb7c;
$secondary-darker: darken($secondary, 30%);
$white: #FFFFFF;
$blue: #01788E;
$light-blue: #FAFCFD;
$dark-blue: #1d2742;
// #1d2742;
$red: #C93047;
$dark-red: #920020;
$gold: #FFC857;
$light-gold: #FFFAEE;
$purple: #49416D;
$light-purple: #EDECF0;
@ -27,6 +35,28 @@ $growth: $gold;
$approval: $purple;
$ideal: $purple;
.color-primary {
color: $primary;
}
.color-primary-lighter {
color: $primary-lighter;
}
.color-primary-darker {
color: $primary-darker;
}
.color-secondary {
color: $secondary;
}
.color-secondary-lighter {
color: $secondary-lighter;
}
.color-secondary-darker {
color: $secondary-darker;
}
.color-red {
color: $red;
}
@ -58,6 +88,22 @@ $ideal: $purple;
color: $gray-2;
}
.bg-color-primary {
background-color: $primary;
}
.bg-color-primary-lighter {
background-color: $primary-lighter;
}
.bg-color-secondary {
background-color: $secondary;
}
.bg-color-secondary-lighter {
background-color: $secondary-lighter;
}
.bg-color-light-blue {
background-color: $light-blue;
}