51 lines
1.2 KiB
SCSS
51 lines
1.2 KiB
SCSS
$gray-footer: #fcfcfc !default;
|
|
|
|
// Andal Learning Brand Colors - Override Paragon variables
|
|
:root {
|
|
--pgn-color-primary: #ff4f00;
|
|
--pgn-color-primary-100: #ffe6cc;
|
|
--pgn-color-primary-200: #ffcc99;
|
|
--pgn-color-primary-300: #ffb366;
|
|
--pgn-color-primary-400: #ff9933;
|
|
--pgn-color-primary-500: #ff4f00;
|
|
--pgn-color-primary-600: #cc3f00;
|
|
--pgn-color-primary-700: #992f00;
|
|
--pgn-color-primary-800: #661f00;
|
|
--pgn-color-primary-900: #330f00;
|
|
--pgn-color-action-primary: #ff4f00;
|
|
--pgn-color-action-primary-hover: #cc3f00;
|
|
--pgn-color-action-primary-focus: #992f00;
|
|
--pgn-color-action-primary-active: #992f00;
|
|
}
|
|
|
|
// Override all button variants to use Andal orange
|
|
.btn-primary {
|
|
background-color: #ff4f00 !important;
|
|
border-color: #ff4f00 !important;
|
|
|
|
&:hover {
|
|
background-color: #cc3f00 !important;
|
|
border-color: #cc3f00 !important;
|
|
}
|
|
}
|
|
|
|
.btn-outline-primary {
|
|
color: #ff4f00 !important;
|
|
border-color: #ff4f00 !important;
|
|
|
|
&:hover {
|
|
background-color: #ff4f00 !important;
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
|
|
.btn-brand {
|
|
background-color: #ff4f00 !important;
|
|
border-color: #ff4f00 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.footer {
|
|
background-color: var(--pgn-color-light-100, $gray-footer);
|
|
}
|