Skip to content
Snippets Groups Projects
Commit f145d012 authored by Eric Bremner's avatar Eric Bremner
Browse files

ISTWCMS-3590: removed unsed scss and renaming swatches to only be compiled in gesso

parent 5ee6b0d9
No related branches found
No related tags found
No related merge requests found
// @file
// Color variables
// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_
$color-body: #fff;
$color-gradient-dark: rgba(0, 0, 0, 0.1);
$color-gradient-light: rgba(255, 255, 255, 0.1);
$color-link: #0071bc;
$color-link-hover: #205493;
$color-link-visited: #4c2c92;
$color-selection-background: #dce4ef;
$color-selection-foreground: #212121;
$color-text-primary: #212121;
$color-text-secondary: #5b616b;
// Theses are all the digital colors. Some have a 5th,
// however the color is not accessible with the other colors.
// The primary color is the 3rd.
// 2nd is lighter than 3rd and 1st is lighter than 1st.
// 4th is darker than 3rd.
// University Colors
$uw-colors-uw-blacks-hex: (lvl1: #dfdfdf, lvl2: #a2a2a2, lvl3: #787878, lvl4: #000, primary: #000);
$uw-colors-uw-golds-hex: (lvl1: #fffaaa, lvl2: #ffea30, lvl3: #fdd54f, lvl4: #e4b429, primary: #fdd54f);
$uw-colors-uw-whites-hex: (lvl1: #fff, primary: #fff);
// Faculties Colors
$uw-colors-fac-ahs-hex: (lvl1: #97dfef, lvl2: #00bed0, lvl3: #0098a5, lvl4: #005963, primary: #005963);
$uw-colors-fac-art-hex: (lvl1: #ffd5a5, lvl2: #fbaf00, lvl3: #e78100, lvl4: #d93f00, primary: #fbaf00);
$uw-colors-fac-eng-hex: (lvl1: #d0b4ef, lvl2: #be33da, lvl3: #8100b4, lvl4: #57058b, primary: #8100b4);
$uw-colors-fac-env-hex: (lvl1: #daf582, lvl2: #bed500, lvl3: #b4be00, lvl4: #607000, primary: #b4be00);
$uw-colors-fac-mat-hex: (lvl1: #ffbeef, lvl2: #ff63aa, lvl3: #df2498, lvl4: #c60078, primary: #df2498);
$uw-colors-fac-sci-hex: (lvl1: #b4d5ff, lvl2: #63a0ff, lvl3: #0073ce, lvl4: #0033be, primary: #0073ce);
// Affiliate
$uw-colors-aff-ren-hex: (green: #00693c, red: #de3831, gold: #d2c295);
$uw-colors-aff-stj-hex: (green: #01573e, gold: #c88a11);
$uw-colors-aff-stp-hex: (green: #879637, brown: #584528);
$uw-colors-aff-cgc-hex: (red: #c4262e);
// School and Satellite Campus Colors
$uw-colors-school-hex: (lvl1: #ffa5aa, lvl2: #e41740, lvl3: #b71233, lvl4: #80001f, primary: #b71233);
$colors: (
uw: (
black: $uw-colors-uw-blacks-hex,
golds: $uw-colors-uw-golds-hex,
whites: $uw-colors-uw-whites-hex
),
fac: (
ahs: $uw-colors-fac-ahs-hex,
art: $uw-colors-fac-art-hex,
eng: $uw-colors-fac-eng-hex,
env: $uw-colors-fac-env-hex,
mat: $uw-colors-fac-mat-hex,
sci: $uw-colors-fac-sci-hex
),
aff: (
ren: $uw-colors-aff-ren-hex,
stj: $uw-colors-aff-stj-hex,
stp: $uw-colors-aff-stp-hex,
cgc: $uw-colors-aff-cgc-hex
),
sch: (
default: $uw_colors_school-hex
)
);
@each $gkey, $group in $colors {
@each $sgkey, $sub_group in $group {
@each $key, $value in $sub_group {
header.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--foreground,
body.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--foreground {
color: #{$value};
}
header.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--background,
body.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--background {
background-color: #{$value};
}
}
}
}
/**
* This stylesheet is for styles you want to include only when displaying demo
* styles for grids, animations, color swatches, etc.
* These styles will not be your production CSS.
*/
.sg-patterns {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
max-width: 100%;
padding: 0 0.5em;
}
.demo-animate {
background: #ddd;
border-radius: 8px;
cursor: pointer;
margin-bottom: 1em;
padding: 1em;
text-align: center;
}
.sg-colors {
//display: -webkit-box;
//display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.sg-colors li {
border: 1px solid #ddd;
border-radius: 8px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin: 0 0.5em 0.5em 0;
max-width: 14em;
min-width: 5em;
padding: 0.3em;
}
.sg-swatch {
border-radius: 5px;
display: block;
height: 4em;
margin-bottom: 0.3em;
}
.sg-label {
font-size: 90%;
line-height: 1;
}
/**
* This stylesheet is for styles you want to include only when displaying demo
* styles for grids, animations, color swatches, etc.
* These styles will not be your production CSS.
*/
.sg-patterns {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
max-width: 100%;
padding: 0 0.5em;
}
.demo-animate {
background: #ddd;
border-radius: 8px;
cursor: pointer;
margin-bottom: 1em;
padding: 1em;
text-align: center;
}
.sg-colors {
//display: -webkit-box;
//display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.sg-colors li {
border: 1px solid #ddd;
border-radius: 8px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin: 0 0.5em 0.5em 0;
max-width: 14em;
min-width: 5em;
padding: 0.3em;
}
.sg-swatch {
border-radius: 5px;
display: block;
height: 4em;
margin-bottom: 0.3em;
}
.sg-label {
font-size: 90%;
line-height: 1;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment