Commit c1b531f1 authored by vramchar's avatar vramchar
Browse files

Added faculty colours

parent d1066e33
This diff is collapsed.
......@@ -15,6 +15,19 @@ org_ren #FFA5AA #E41740 #B71233 #80001F,
org_stj #FFA5AA #E41740 #B71233 #80001F,
org_stp #FFA5AA #E41740 #B71233 #80001F;
$faculty-colors: (
'.uwdefault':$dark-gray,
'.ahs':#005963,
'.arts':#D93F00,
'.engineering':#57058B,
'.environment':#607000,
'.math':#C60078,
'.science':#0033BE
);
@function faculty-color($key: $value) {
@return map-get($faculty-colors, $key);
}
//fonts
$highlighted-fact-font:$base-font-family;
......@@ -100,60 +113,115 @@ $highlighted-fact-round:$global-rounded;
.highlighted-fact{
@extend %highlighted-fact;
@each $color in $color-ff {
&.#{nth($color, 1)} {
.ff-with-bubbles .black &{
$highlighted-fact-bg-color:$black;
background-color:$highlighted-fact-bg-color;
.ff-with-bubbles .grey & {
$highlighted-fact-bg-color: $lighter-gray;
background-color: $highlighted-fact-bg-color;
}
.highlighted-fact-text-big,.highlighted-fact-text-medium,.highlighted-fact-caption{
color:$uw-black;
}
.highlighted-fact-text-small{
background-color:$uw-gold;
color:$uw-black;
}
.highlighted-fact-caption{
p{
color:$uw-black;
}
}
.ahs &,
&.ahs{
.highlighted-fact-text-big,.highlighted-fact-text-medium,.highlighted-fact-caption{
color:nth($color, 3);
color:faculty-color('.ahs');
}
.highlighted-fact-text-small{
background-color:faculty-color('.ahs');
color:$uw-black;
}
.highlighted-fact-caption{
a{
color:nth($color, 2);
}
p{
color:$uw-black;
}
}
}
.arts &,
&.arts{
.highlighted-fact-text-big,.highlighted-fact-text-medium,.highlighted-fact-caption{
color:faculty-color('.arts');
}
.highlighted-fact-text-small{
background-color:nth($color, 3);
color:$highlighted-fact-bg-color;
background-color:faculty-color('.arts');
color:$uw-black;
}
.highlighted-fact-caption{
p{
color:$uw-black;
}
}
}
.ff-with-bubbles .grey &{
$highlighted-fact-bg-color:$lighter-gray;
background-color:$highlighted-fact-bg-color;
.engineering &,
&.engineering{
.highlighted-fact-text-big,.highlighted-fact-text-medium,.highlighted-fact-caption{
color:faculty-color('.engineering');
}
.highlighted-fact-text-small{
background-color:faculty-color('.engineering');
color:$uw-black;
}
.highlighted-fact-caption{
p{
color:$uw-black;
}
}
}
.environment &,
&.environment{
.highlighted-fact-text-big,.highlighted-fact-text-medium,.highlighted-fact-caption{
color:faculty-color('.environment');
}
.highlighted-fact-text-small{
background-color:$uw-gold;
background-color:faculty-color('.environment');
color:$uw-black;
}
.highlighted-fact-caption{
a{
p{
color:$uw-black;
}
}
}
.ff-with-bubbles .white &{
$highlighted-fact-bg-color:$white;
background-color:$highlighted-fact-bg-color;
.math &,
&.math{
.highlighted-fact-text-big,.highlighted-fact-text-medium,.highlighted-fact-caption{
color:nth($color, 4);
color:faculty-color('.math');
}
.highlighted-fact-text-small{
background-color:nth($color, 4);
color:$highlighted-fact-bg-color;
background-color:faculty-color('.math');
color:$uw-black;
}
.highlighted-fact-caption{
a{
color:nth($color, 5);
}
.highlighted-fact-caption{
p{
color:$uw-black;
}
}
}
}
}
.science &,
&.science{
.highlighted-fact-text-big,.highlighted-fact-text-medium,.highlighted-fact-caption{
color:faculty-color('.science');
}
.highlighted-fact-text-small{
background-color:faculty-color('.science');
color:$uw-black;
}
.highlighted-fact-caption{
p{
color:$uw-black;
}
}
}
img{
}
.highlighted-fact-wrapper &{
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment