AC-549 updating pink
This commit is contained in:
@@ -6,8 +6,8 @@ html {
|
||||
|
||||
body {
|
||||
min-width: $fg-min-width;
|
||||
background: $gray-l5;
|
||||
color: $gray-d2;
|
||||
background: $uxpl-grayscale-x-back;
|
||||
color: $gray-d3;
|
||||
}
|
||||
|
||||
footer.primary{
|
||||
|
||||
@@ -28,8 +28,8 @@ html {
|
||||
body {
|
||||
@extend %t-copy-base;
|
||||
min-width: $fg-min-width;
|
||||
background: $gray-l5;
|
||||
color: $gray-d2;
|
||||
background: $uxpl-grayscale-x-back;
|
||||
color: $gray-d3;
|
||||
}
|
||||
|
||||
body, input, button {
|
||||
|
||||
@@ -27,10 +27,10 @@
|
||||
|
||||
.cta-show-sock {
|
||||
@extend %ui-btn-pill;
|
||||
background: $gray-l5;
|
||||
background: $uxpl-grayscale-x-back;
|
||||
font-size: font-size(x-small);
|
||||
padding: ($baseline/2) $baseline;
|
||||
color: $gray;
|
||||
color: $gray-d3;
|
||||
|
||||
.icon {
|
||||
@include margin-right($baseline/4);
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
min-width: $fg-min-width;
|
||||
width: flex-grid(12);
|
||||
margin: 0 auto;
|
||||
color: $gray-l1;
|
||||
color: $gray-d3;
|
||||
|
||||
.footer-content-primary {
|
||||
@include clearfix();
|
||||
|
||||
@@ -280,7 +280,7 @@
|
||||
.nav-item {
|
||||
@extend %wipe-last-child;
|
||||
margin-bottom: ($baseline/4);
|
||||
border-bottom: 1px dotted $gray-l4;
|
||||
border-bottom: 1px dotted $gray-l5;
|
||||
padding-bottom: ($baseline/4);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -41,11 +41,16 @@ $transparent: rgba(0,0,0,0); // used when color value is needed for UI width/tra
|
||||
|
||||
// +Colors - UXPL new pattern library colors
|
||||
// ====================
|
||||
$uxpl-blue-base: rgba(0, 116, 180, 1); // wcag2a compliant
|
||||
$uxpl-blue-hover-active: lighten($uxpl-blue-base, 7%); // wcag2a compliant
|
||||
$uxpl-blue-base: rgb(0, 117, 180); // wcag2a compliant
|
||||
$uxpl-blue-hover-active: rgb(41, 145, 195); // wcag2a compliant
|
||||
|
||||
$uxpl-green-base: rgba(0, 129, 0, 1); // wcag2a compliant
|
||||
$uxpl-green-hover-active: lighten($uxpl-green-base, 7%); // wcag2a compliant
|
||||
$uxpl-green-base: rgb(0, 129, 0); // wcag2a compliant
|
||||
$uxpl-green-hover-active: rgb(0, 155, 0); // wcag2a compliant
|
||||
|
||||
$uxpl-pink-base: rgb(194, 56, 125); // wcag2a compliant
|
||||
$uxpl-pink-hover-active: lighten($uxpl-pink-base, 7%); // wcag2a compliant
|
||||
|
||||
$uxpl-grayscale-x-back: rgb(245, 245, 245); // UXPL grayscale, x-back
|
||||
|
||||
$uxpl-primary-accent: rgb(14, 166, 236);
|
||||
|
||||
|
||||
@@ -522,7 +522,7 @@
|
||||
.current-course-image {
|
||||
margin-bottom: ($baseline/2);
|
||||
padding: ($baseline/2) $baseline;
|
||||
background: $gray-l5;
|
||||
background: $gray-l6;
|
||||
text-align: center;
|
||||
|
||||
.wrapper-course-image {
|
||||
@@ -941,7 +941,7 @@
|
||||
@extend %t-copy-sub2;
|
||||
display: block;
|
||||
margin-top: ($baseline/2);
|
||||
color: $gray-l3;
|
||||
color: $gray-l5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user