AC-549 updating pink

This commit is contained in:
Chris Rodriguez
2016-07-29 14:24:36 -04:00
parent 2c4ab11658
commit edfd0d6aa0
12 changed files with 42 additions and 28 deletions

View File

@@ -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{

View File

@@ -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 {

View File

@@ -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);

View File

@@ -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();

View File

@@ -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);
}
}

View File

@@ -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);

View File

@@ -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;
}
}