Andal.LND/edx-platform
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Pattern Library pages to use new color scheme

Browse Source 
TNL-5135
This commit is contained in:
Andy Armstrong
2016-08-01 17:22:45 -04:00
parent c8f0e00ec8
commit 2e12214a17
21 changed files with 74 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lms/static/sass/elements/_banners.scss
View File

@@ -10,7 +10,7 @@ $full-width-banner-margin: 20px;
width: 100%;
overflow: hidden;
position: relative;
background: palette(grayscale, black-t);
background: palette(grayscale, black);
&:before {
content: '';
@@ -19,7 +19,7 @@ $full-width-banner-margin: 20px;
right: 0;
bottom: 0;
left: 0;
background: palette(grayscale, black-t);
background: palette(grayscale, black);
opacity: 0.65;
@include susy-media($bp-screen-md) {

2
lms/static/sass/elements/_course-card.scss
View File

@@ -138,7 +138,7 @@
.upgrade-message,
.certificate-status {
border-top: 1px solid palette(grayscale, x-trans);
border-top: 1px solid transparentize(palette(grayscale, base), 0.75);
padding-top: $baseline;
@include susy-media($bp-screen-md) {

2
lms/static/sass/elements/_icons.scss
View File

@@ -6,7 +6,7 @@
width: 23px;
height: 20px;
padding: 2px;
background-color: palette(grayscale, white-t);
background-color: $white;
border-style: solid;
border-width: 2px;
}

4
lms/static/sass/elements/_program-card.scss
View File

@@ -109,7 +109,7 @@
}
.hd-3 {
color: palette(grayscale, x-dark);
color: palette(grayscale, dark);
min-height: ($baseline*3);
line-height: 1;
}
@@ -146,7 +146,7 @@
.progress {
height: 5px;
background: palette(grayscale-cool, x-light);
background: palette(grayscale, x-back);
.bar {
@include float(left);

2
lms/static/sass/shared-v2/_footer.scss
View File

@@ -5,7 +5,7 @@
@include clearfix();
@extend %ui-print-excluded;
box-shadow: 0 -1px 5px 0 $shadow-l1;
border-top: 1px solid tint(palette(grayscale, light), 50%);
border-top: 1px solid tint(palette(grayscale, back), 50%);
padding: 25px ($baseline/2) ($baseline*1.5);
background: $footer-bg;

10
lms/static/sass/shared-v2/_help-tab.scss
View File

@@ -12,8 +12,8 @@
border: 1px solid $lms-border-color;
border-top-style: none;
border-radius: 0 0 ($baseline/2) ($baseline/2);
background: transparentize(palette(grayscale, white-t), 0.25);
color: transparentize(palette(grayscale-cool, x-dark), 0.25);
background: transparentize($white, 0.25);
color: transparentize(palette(grayscale, dark), 0.25);
font-weight: bold;
text-decoration: none;
padding: 6px 22px 11px;
@@ -21,7 +21,7 @@
&:hover,
&:focus {
color: palette(grayscale, white-t);
color: $white;
background: palette(primary, base);
}
}
@@ -35,7 +35,7 @@
padding: ($baseline*0.75) 0;
text-align: center;
cursor: pointer;
background: palette(grayscale, white-t);
background: $white;
text-decoration: none;
display: block;
border: 1px solid $lms-border-color;
@@ -52,7 +52,7 @@
&:hover,
&:focus {
color: palette(grayscale, white-t);
color: $white;
background: palette(primary, base);
}
}

8
lms/static/sass/shared-v2/_modal.scss
View File

@@ -122,7 +122,7 @@
}
.modal-form-error {
background: palette(error, xx-trans);
background: transparentize(palette(error, back), 0.95);
border: 1px solid palette(error, dark);
color: palette(error, dark);
display: none;
@@ -155,7 +155,7 @@
.input-group {
@include clearfix();
border-bottom: 1px solid palette(grayscale, light);
border-bottom: 1px solid palette(grayscale, back);
box-shadow: 0 1px 0 0 $white-opacity-60;
margin-bottom: ($baseline*1.5);
padding-bottom: ($baseline/2);
@@ -186,7 +186,7 @@
}
textarea {
background: palette(grayscale, white-t);
background: $white;
display: block;
height: 45px;
margin-bottom: $baseline;
@@ -196,7 +196,7 @@
input[type="email"],
input[type="text"],
input[type="password"] {
background: palette(grayscale, white-t);
background: $white;
display: block;
height: 45px;
margin-bottom: $baseline;

8
lms/static/sass/shared-v2/_variables.scss
View File

@@ -1,9 +1,9 @@
// LMS variables
$lms-gray: palette(grayscale, base);
$lms-background-color: palette(grayscale, white); // Why is the Pattern Library default background different?
$lms-container-background-color: palette(grayscale, white-t);
$lms-border-color: palette(grayscale, light);
$lms-background-color: palette(grayscale, x-back); // Why is the Pattern Library default background different?
$lms-container-background-color: $white;
$lms-border-color: palette(grayscale, back);
$lms-label-color: palette(grayscale, black);
$lms-active-color: palette(primary, base);
@@ -17,5 +17,5 @@ $light-grey-transparent: rgba(200,200,200, 0);
$light-grey-solid: rgba(200,200,200, 1);
// Icons
$lms-dark-icon-color: palette(grayscale, white-t);
$lms-dark-icon-color: $white;
$lms-dark-icon-background-color: palette(grayscale, black);

6
lms/static/sass/views/_program-details.scss
View File

@@ -16,14 +16,14 @@
.title,
.subtitle {
color: palette(grayscale, white-t);
color: $white;
font-weight: font-weight(semi-bold);
}
.org-wrapper {
position: absolute;
top: 0;
background: palette(grayscale, white-t);
background: $white;
opacity: 0.7;
left: 0;
padding: 20px;
@@ -54,7 +54,7 @@
color: palette(grayscale, dark);
&.active {
color: palette(grayscale, x-dark);
color: palette(grayscale, dark);
}
}