From 181c231f260866a2e9b614b77a0061b418fb7f5b Mon Sep 17 00:00:00 2001 From: Giulio Gratta Date: Fri, 31 May 2013 16:32:51 -0700 Subject: [PATCH 1/4] SASS diff from stanford themed branch for master --- lms/static/sass/application.scss.mako | 29 ++++---- lms/static/sass/base/_variables.scss | 27 +++++++- lms/static/sass/course.scss | 5 ++ lms/static/sass/course.scss.mako | 68 +++++++++++++++++++ .../course/layout/_courseware_header.scss | 2 +- lms/static/sass/course/layout/_footer.scss | 1 - lms/static/sass/multicourse/_account.scss | 65 ++++++++++-------- .../sass/multicourse/_course_about.scss | 2 +- lms/static/sass/multicourse/_courses.scss | 2 +- lms/static/sass/multicourse/_home.scss | 2 +- lms/static/sass/shared/_footer.scss | 16 ++--- lms/static/sass/shared/_header.scss | 14 ++-- 12 files changed, 168 insertions(+), 65 deletions(-) create mode 100644 lms/static/sass/course.scss.mako diff --git a/lms/static/sass/application.scss.mako b/lms/static/sass/application.scss.mako index c310347b6f2c..a60315c8618f 100644 --- a/lms/static/sass/application.scss.mako +++ b/lms/static/sass/application.scss.mako @@ -4,6 +4,20 @@ @import 'base/font_face'; @import 'base/mixins'; @import 'base/variables'; + +## THEMING +## ------- +## Set up this file to import an edX theme library if the environment +## indicates that a theme should be used. The assumption is that the +## theme resides outside of this main edX repository, in a directory +## called themes//, with its base Sass file in +## themes//static/sass/_.scss. That one entry +## point can be used to @import in as many other things as needed. +% if env.get('THEME_NAME') is not None: + // import theme's Sass overrides + @import '${env.get('THEME_NAME')}'; +% endif + @import 'base/base'; @import 'base/extends'; @import 'base/animations'; @@ -35,17 +49,4 @@ @import 'discussion'; @import 'news'; -@import 'shame'; - -## THEMING -## ------- -## Set up this file to import an edX theme library if the environment -## indicates that a theme should be used. The assumption is that the -## theme resides outside of this main edX repository, in a directory -## called themes//, with its base Sass file in -## themes//static/sass/_.scss. That one entry -## point can be used to @import in as many other things as needed. -% if env.get('THEME_NAME') is not None: - // import theme's Sass overrides - @import '${env.get('THEME_NAME')}' -% endif +@import 'shame'; \ No newline at end of file diff --git a/lms/static/sass/base/_variables.scss b/lms/static/sass/base/_variables.scss index 6bd593c28c20..9eb6e4421697 100644 --- a/lms/static/sass/base/_variables.scss +++ b/lms/static/sass/base/_variables.scss @@ -62,10 +62,10 @@ $text-color: $dark-gray; $body-bg: rgb(250,250,250); $header-image: linear-gradient(-90deg, rgba(255,255,255, 1), rgba(230,230,230, 0.9)); -$header-bg: transparent; +$header-bg: $white; $courseware-header-image: linear-gradient(top, #fff, #eee); $courseware-header-bg: transparent; -$footer-bg: transparent; +$footer-bg: $white; $courseware-footer-border: none; $courseware-footer-shadow: none; $courseware-footer-margin: 0px; @@ -117,9 +117,30 @@ $sidebar-active-image: linear-gradient(top, #e6e6e6, #d6d6d6); $form-bg-color: #fff; $modal-bg-color: rgb(245,245,245); +//TOP HEADER IMAGE MARGIN +$header_image_margin: -69px; + +//FOOTER MARGIN +$footer_margin: ($baseline/4) 0 ($baseline*1.5) 0; + //----------------- // CSS BG Images //----------------- $homepage-bg-image: '../images/homepage-bg.jpg'; -$video-thumb-url: '../images/courses/video-thumb.jpg'; \ No newline at end of file +$login-banner-image: 'transparent url("../images/bg-banner-login.png") 0 0 no-repeat'; +$register-banner-image: 'transparent url("../images/bg-banner-register.png") 0 0 no-repeat'; + +$video-thumb-url: '../images/courses/video-thumb.jpg'; + +//----------------- +// Mixin Styles +// +// THIS MIGHT BE A GOOD WAY TO DEAL WITH LARGE CHUNKS OF SASS THAT WE WANT TO ALLOW THEMING ON... +// WE MAY WANT TO SEPERATE THEM OUT INTO ITS OWN "MIXINS" SCSS FILE +//----------------- +@mixin login_register_h1_style {} + +@mixin footer_references_style { + margin: -10px 0 0 0; +} \ No newline at end of file diff --git a/lms/static/sass/course.scss b/lms/static/sass/course.scss index e57865fa9d43..09e1c5a969d5 100644 --- a/lms/static/sass/course.scss +++ b/lms/static/sass/course.scss @@ -4,6 +4,10 @@ @import 'base/font_face'; @import 'base/mixins'; @import 'base/variables'; + + // import theme's Sass overrides + @import 'stanford'; + @import 'base/base'; @import 'base/extends'; @import 'base/animations'; @@ -52,3 +56,4 @@ // discussion @import "course/discussion/form-wmd-toolbar"; + diff --git a/lms/static/sass/course.scss.mako b/lms/static/sass/course.scss.mako new file mode 100644 index 000000000000..9d65505316dd --- /dev/null +++ b/lms/static/sass/course.scss.mako @@ -0,0 +1,68 @@ +@import 'bourbon/bourbon'; + +@import 'base/reset'; +@import 'base/font_face'; +@import 'base/mixins'; +@import 'base/variables'; + +## THEMING +## ------- +## Set up this file to import an edX theme library if the environment +## indicates that a theme should be used. The assumption is that the +## theme resides outside of this main edX repository, in a directory +## called themes//, with its base Sass file in +## themes//static/sass/_.scss. That one entry +## point can be used to @import in as many other things as needed. +% if env.get('THEME_NAME') is not None: + // import theme's Sass overrides + @import '${env.get('THEME_NAME')}'; +% endif + +@import 'base/base'; +@import 'base/extends'; +@import 'base/animations'; +@import 'shared/tooltips'; + +// Course base / layout styles +@import 'course/layout/courseware_header'; +@import 'course/layout/footer'; +@import 'course/base/mixins'; +@import 'course/base/base'; +@import 'course/base/extends'; +@import 'xmodule/modules/css/module-styles.scss'; + +// courseware +@import 'course/courseware/courseware'; +@import 'course/courseware/sidebar'; +@import 'course/courseware/amplifier'; +@import 'course/layout/calculator'; +@import 'course/layout/timer'; + +// course-specific courseware (all styles in these files should be gated by a +// course-specific class). This should be replaced with a better way of +// providing course-specific styling. +@import "course/courseware/courses/_cs188.scss"; + +// wiki +@import "course/wiki/basic-html"; +@import "course/wiki/sidebar"; +@import "course/wiki/create"; +@import "course/wiki/wiki"; +@import "course/wiki/table"; + +// pages +@import "course/info"; +@import "course/syllabus"; // TODO arjun replace w/ custom tabs, see courseware/courses.py +@import "course/textbook"; +@import "course/profile"; +@import "course/gradebook"; +@import "course/tabs"; +@import "course/staff_grading"; +@import "course/rubric"; +@import "course/open_ended_grading"; + +// instructor +@import "course/instructor/instructor"; + +// discussion +@import "course/discussion/form-wmd-toolbar"; diff --git a/lms/static/sass/course/layout/_courseware_header.scss b/lms/static/sass/course/layout/_courseware_header.scss index 4d8f00066889..087b0a48af4b 100644 --- a/lms/static/sass/course/layout/_courseware_header.scss +++ b/lms/static/sass/course/layout/_courseware_header.scss @@ -64,7 +64,7 @@ header.global.slim { @include box-shadow(0 1px 2px rgba(0, 0, 0, .1)); height: 50px; border-bottom: 1px solid $outer-border-color; - background: $white; + background: $header-bg; .guest .secondary { margin-right: 0; diff --git a/lms/static/sass/course/layout/_footer.scss b/lms/static/sass/course/layout/_footer.scss index 699846e7819d..8dc0ae540d18 100644 --- a/lms/static/sass/course/layout/_footer.scss +++ b/lms/static/sass/course/layout/_footer.scss @@ -1,5 +1,4 @@ footer { - border: $courseware-footer-border; box-shadow: $courseware-footer-shadow; margin-top: $courseware-footer-margin; } \ No newline at end of file diff --git a/lms/static/sass/multicourse/_account.scss b/lms/static/sass/multicourse/_account.scss index eab8cbe66b60..7d3a3c569628 100644 --- a/lms/static/sass/multicourse/_account.scss +++ b/lms/static/sass/multicourse/_account.scss @@ -6,7 +6,7 @@ // page-level .view-register, .view-login, .view-passwordreset { - background: $white; + background: $body-bg; @@ -20,16 +20,16 @@ .heading-2 { font-size: 25px; margin: 0 0 $baseline 0; - font-weight: 300; + font-weight: bold; text-transform: uppercase; - color: $m-blue; + color: $link-color; } .heading-3 { font-size: 21px; margin: 0 0 $baseline 0; font-weight: 300; - color: $m-gray-d2; + color: $base-font-color; } .heading-4 { @@ -37,7 +37,7 @@ font-weight: 600; text-transform: uppercase; letter-spacing: 0 !important; - color: $m-blue-s1; + color: saturate($link-color,15%); } .heading-5 { @@ -48,7 +48,7 @@ font-size: 18px; margin: 0 0 $baseline 0; font-weight: 300; - color: $m-gray-a1; + color: $base-font-color; font-family: 'Open Sans', sans-serif; line-height: lh(1.1); } @@ -56,18 +56,18 @@ .body-text { font-size: 15px; margin: 0 0 $baseline 0; - color: $m-gray-a1; + color: $base-font-color; line-height: lh(1); } // specific examples - buttons .button-primary { @include border-radius(0); - @include linear-gradient($m-blue-s1 5%, $m-blue-d1 95%); + @include linear-gradient(saturate($link-color,15%) 5%, shade($link-color,15%) 95%); display: inline-block; padding: $baseline/2 $baseline*2.5; text-transform: lowercase; - color: $white; + color: $very-light-text; letter-spacing: 0.1rem; font-weight: 500; cursor: pointer; @@ -80,11 +80,11 @@ } .button-secondary { - @include linear-gradient($m-gray 5%, $m-gray-d1 95%); + @include linear-gradient($outer-border-color 5%, $lighter-base-font-color 95%); display: inline-block; padding: $baseline/2 $baseline*2.5; text-transform: lowercase; - color: $white; + color: $very-light-text; letter-spacing: 0.1rem; font-weight: 600; cursor: pointer; @@ -98,7 +98,7 @@ // layout .content-wrapper { - background: $m-gray-l2; + background: $content-wrapper-bg; padding-bottom: 0; } @@ -107,7 +107,7 @@ @include clearfix; margin: 0 auto; width: 960px; - background: $white; + background: $body-bg; } .container { @@ -139,17 +139,18 @@ } a { - @include transition(color 0.15s ease-in-out, border 0.15s ease-in-out); + @include transition($link-color 0.15s ease-in-out, border 0.15s ease-in-out); &:link, &:visited, &:hover, &:active { - color: $m-blue; + color: $link-color; + font-weight: bold; text-decoration: none !important; font-family: $sans-serif; } &:hover, &:active { - border-bottom: 1px dotted $m-blue-s1; - color: $m-blue-s1; + border-bottom: 1px solid saturate($link-color,15%); + color: saturate($link-color,15%); } } @@ -254,20 +255,20 @@ font-family: $sans-serif; font-style: normal; font-weight: 500; - color: $m-gray-d2; + color: $base-font-color; } label { - @include transition(color 0.15s ease-in-out); + @include transition($link-color 0.15s ease-in-out); margin: 0 0 ($baseline/4) 0; color: tint($black, 20%); } .tip { - @include transition(color 0.15s ease-in-out); + @include transition($link-color 0.15s ease-in-out); display: block; margin-top: ($baseline/4); - color: tint($m-gray, 50%); + color: tint($outer-border-color, 50%); font-size: em(13); } @@ -330,7 +331,7 @@ } textarea, input { - background: $white; + background: $body-bg; color: rgba(0,0,0,.25); } } @@ -339,11 +340,11 @@ &.is-focused { label { - color: $m-blue-s1; + color: saturate($link-color,15%); } .tip { - color: $m-blue-s1; + color: saturate($link-color,15%); } } @@ -461,7 +462,7 @@ // misc .orn-plus { - color: $white; + color: $very-light-text; padding: 0 $baseline/4; } @@ -492,7 +493,11 @@ header { height: 120px; border-bottom: 1px solid $m-gray; - background: transparent url("../images/bg-banner-login.png") 0 0 no-repeat; + background: $login-banner-image; + + h1 { + @include login_register_h1_style; + } } } } @@ -507,13 +512,17 @@ height: 120px; border-bottom: 1px solid $m-gray; background: transparent url("../images/bg-banner-register.png") 0 0 no-repeat; + + h1 { + @include login_register_h1_style; + } } } } // password reset .view-passwordreset { - background: $m-gray-l2; + background: $sidebar-color; header.global { @@ -543,7 +552,7 @@ .inner-wrapper { @include border-radius(2px); - background: $white; + background: $body-bg; padding-bottom: 0 !important; } diff --git a/lms/static/sass/multicourse/_course_about.scss b/lms/static/sass/multicourse/_course_about.scss index 0008bf1efe8b..096ecd6db296 100644 --- a/lms/static/sass/multicourse/_course_about.scss +++ b/lms/static/sass/multicourse/_course_about.scss @@ -11,7 +11,7 @@ border-bottom: 1px solid $border-color-3; @include box-shadow(inset 0 1px 5px 0 rgba(0,0,0, 0.1)); height: 280px; - margin-top: -69px; + margin-top: $header_image_margin; padding-top: 150px; overflow: hidden; position: relative; diff --git a/lms/static/sass/multicourse/_courses.scss b/lms/static/sass/multicourse/_courses.scss index ac31da4d2ad5..83680c06a01b 100644 --- a/lms/static/sass/multicourse/_courses.scss +++ b/lms/static/sass/multicourse/_courses.scss @@ -10,7 +10,7 @@ border-bottom: 1px solid $border-color-3; @include box-shadow(inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3)); height: 430px; - margin-top: -69px; + margin-top: $header_image_margin; width: 100%; .inner-wrapper { diff --git a/lms/static/sass/multicourse/_home.scss b/lms/static/sass/multicourse/_home.scss index d4def21f5ce3..05285262f539 100644 --- a/lms/static/sass/multicourse/_home.scss +++ b/lms/static/sass/multicourse/_home.scss @@ -15,7 +15,7 @@ @include clearfix; height: 460px; overflow: hidden; - margin-top: -69px; + margin-top: $header_image_margin; padding: 0px; width: flex-grid(12); diff --git a/lms/static/sass/shared/_footer.scss b/lms/static/sass/shared/_footer.scss index 864cf57d0363..55d9d07fd7cb 100644 --- a/lms/static/sass/shared/_footer.scss +++ b/lms/static/sass/shared/_footer.scss @@ -2,7 +2,7 @@ @include box-shadow(0 -1px 5px 0 rgba(0,0,0, 0.1)); border-top: 1px solid tint($m-gray,50%); padding: 25px ($baseline/2) ($baseline*1.5) ($baseline/2); - background: $white; + background: $footer-bg; footer { @include clearfix(); @@ -16,18 +16,18 @@ } a { - @include transition(color 0.15s ease-in-out, border 0.15s ease-in-out); + @include transition(link-color 0.15s ease-in-out, border 0.15s ease-in-out); &:link, &:visited, &:hover, &:active { border-bottom: none; - color: $m-blue; + color: $link-color; text-decoration: none !important; font-family: $sans-serif; } &:hover, &:active { - border-bottom: 1px dotted $m-blue-s1; - color: $m-blue-s1; + border-bottom: 1px dotted $link-color; + color: $link-color; } } @@ -39,7 +39,7 @@ .nav-colophon { @include clearfix(); - margin: ($baseline/4) 0 ($baseline*1.5) 0; + margin: $footer_margin; li { float: left; @@ -49,7 +49,7 @@ color: tint($black, 20%); &:hover, &:active { - color: $m-blue-s1; + color: $link-color; } } @@ -82,7 +82,7 @@ // references .references { - margin: -10px 0 0 0; + @include footer_references_style; width: flex-grid(4,12); float: right; diff --git a/lms/static/sass/shared/_header.scss b/lms/static/sass/shared/_header.scss index 0608a8faf4ab..fee6377f8c03 100644 --- a/lms/static/sass/shared/_header.scss +++ b/lms/static/sass/shared/_header.scss @@ -1,7 +1,7 @@ header.global { border-bottom: 1px solid $m-gray; @include box-shadow(0 1px 5px 0 rgba(0,0,0, 0.1)); - background: $white; + background: $header-bg; height: 76px; position: relative; width: 100%; @@ -246,12 +246,12 @@ header.global { a { display:block; padding: ($baseline/4); - color: $m-gray-d1; + color: $lighter-base-font-color; font-weight: 600; &:hover, &:active { text-decoration: none; - color: $m-blue-s1; + color: $link-color; } } @@ -259,7 +259,7 @@ header.global { a { text-decoration: none; - color: $m-blue-s1; + color: $link-color; } } } @@ -280,11 +280,11 @@ header.global { a { @include border-radius(0); - @include linear-gradient($m-blue-s1 5%, $m-blue-d1 95%); + @include linear-gradient(shade($link-color,15%) 5%, saturate($link-color,15%) 95%); display: inline-block; padding: $baseline/2 $baseline*2.5; text-transform: lowercase; - color: $white; + color: $very-light-text; letter-spacing: 0.1rem; font-weight: 300; cursor: pointer; @@ -324,6 +324,6 @@ header.global { a { text-decoration: none; - color: $m-blue-s1 !important; + color: $link-color !important; } } From f20c014635640d1e6393c7f1eff75cd10b99af57 Mon Sep 17 00:00:00 2001 From: Giulio Gratta Date: Mon, 3 Jun 2013 11:41:06 -0700 Subject: [PATCH 2/4] fix a few text weights and moved ugly mixins to mixin file and implemented in shame file --- lms/static/sass/_shame.scss | 13 +++++++++++++ lms/static/sass/base/_mixins.scss | 8 ++++++++ lms/static/sass/base/_variables.scss | 14 +------------- lms/static/sass/multicourse/_account.scss | 12 ++---------- lms/static/sass/shared/_footer.scss | 2 +- 5 files changed, 25 insertions(+), 24 deletions(-) diff --git a/lms/static/sass/_shame.scss b/lms/static/sass/_shame.scss index d3cc0b9a803b..ac6ac24b410a 100644 --- a/lms/static/sass/_shame.scss +++ b/lms/static/sass/_shame.scss @@ -98,3 +98,16 @@ } } } + +//-------------------------------------- +// The Following is to enable themes to +// display H1s on login and register pages +//-------------------------------------- +.view-login .introduction header h1, +.view-register .introduction header h1 { + @include login_register_h1_style; +} + +footer .references { + @include footer_references_style; +} \ No newline at end of file diff --git a/lms/static/sass/base/_mixins.scss b/lms/static/sass/base/_mixins.scss index 97703e8f0f57..0b2b82dad891 100644 --- a/lms/static/sass/base/_mixins.scss +++ b/lms/static/sass/base/_mixins.scss @@ -42,3 +42,11 @@ overflow: hidden; display: block; } + + +//----------------- +// Theme Mixin Styles +//----------------- +@mixin login_register_h1_style {} + +@mixin footer_references_style {} \ No newline at end of file diff --git a/lms/static/sass/base/_variables.scss b/lms/static/sass/base/_variables.scss index 9eb6e4421697..ca46b89ad586 100644 --- a/lms/static/sass/base/_variables.scss +++ b/lms/static/sass/base/_variables.scss @@ -131,16 +131,4 @@ $homepage-bg-image: '../images/homepage-bg.jpg'; $login-banner-image: 'transparent url("../images/bg-banner-login.png") 0 0 no-repeat'; $register-banner-image: 'transparent url("../images/bg-banner-register.png") 0 0 no-repeat'; -$video-thumb-url: '../images/courses/video-thumb.jpg'; - -//----------------- -// Mixin Styles -// -// THIS MIGHT BE A GOOD WAY TO DEAL WITH LARGE CHUNKS OF SASS THAT WE WANT TO ALLOW THEMING ON... -// WE MAY WANT TO SEPERATE THEM OUT INTO ITS OWN "MIXINS" SCSS FILE -//----------------- -@mixin login_register_h1_style {} - -@mixin footer_references_style { - margin: -10px 0 0 0; -} \ No newline at end of file +$video-thumb-url: '../images/courses/video-thumb.jpg'; \ No newline at end of file diff --git a/lms/static/sass/multicourse/_account.scss b/lms/static/sass/multicourse/_account.scss index 7d3a3c569628..818dcc9fe940 100644 --- a/lms/static/sass/multicourse/_account.scss +++ b/lms/static/sass/multicourse/_account.scss @@ -20,7 +20,7 @@ .heading-2 { font-size: 25px; margin: 0 0 $baseline 0; - font-weight: bold; + font-weight: 300; text-transform: uppercase; color: $link-color; } @@ -143,7 +143,7 @@ &:link, &:visited, &:hover, &:active { color: $link-color; - font-weight: bold; + font-weight: 400; text-decoration: none !important; font-family: $sans-serif; } @@ -494,10 +494,6 @@ height: 120px; border-bottom: 1px solid $m-gray; background: $login-banner-image; - - h1 { - @include login_register_h1_style; - } } } } @@ -512,10 +508,6 @@ height: 120px; border-bottom: 1px solid $m-gray; background: transparent url("../images/bg-banner-register.png") 0 0 no-repeat; - - h1 { - @include login_register_h1_style; - } } } } diff --git a/lms/static/sass/shared/_footer.scss b/lms/static/sass/shared/_footer.scss index 55d9d07fd7cb..3c89c54faf06 100644 --- a/lms/static/sass/shared/_footer.scss +++ b/lms/static/sass/shared/_footer.scss @@ -82,7 +82,7 @@ // references .references { - @include footer_references_style; + margin: -10px 0 0 0; width: flex-grid(4,12); float: right; From 1cf5f9afb16560517e66661a92e895720a79b8c2 Mon Sep 17 00:00:00 2001 From: Giulio Gratta Date: Mon, 3 Jun 2013 11:55:54 -0700 Subject: [PATCH 3/4] removing overrides file addition from regular course.scc file --- lms/static/sass/course.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/lms/static/sass/course.scss b/lms/static/sass/course.scss index 09e1c5a969d5..5a7e872e0825 100644 --- a/lms/static/sass/course.scss +++ b/lms/static/sass/course.scss @@ -5,9 +5,6 @@ @import 'base/mixins'; @import 'base/variables'; - // import theme's Sass overrides - @import 'stanford'; - @import 'base/base'; @import 'base/extends'; @import 'base/animations'; From 2a8fc923023cf44ba741f02c4e857efd01081c5b Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Mon, 3 Jun 2013 15:25:39 -0400 Subject: [PATCH 4/4] edx.org - revises new register/login banner image variable paths to resolve a Sass rendering issue --- lms/static/sass/base/_variables.scss | 6 +++--- lms/static/sass/multicourse/_account.scss | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/lms/static/sass/base/_variables.scss b/lms/static/sass/base/_variables.scss index ca46b89ad586..4f786d826bf9 100644 --- a/lms/static/sass/base/_variables.scss +++ b/lms/static/sass/base/_variables.scss @@ -128,7 +128,7 @@ $footer_margin: ($baseline/4) 0 ($baseline*1.5) 0; //----------------- $homepage-bg-image: '../images/homepage-bg.jpg'; -$login-banner-image: 'transparent url("../images/bg-banner-login.png") 0 0 no-repeat'; -$register-banner-image: 'transparent url("../images/bg-banner-register.png") 0 0 no-repeat'; +$login-banner-image: '../images/bg-banner-login.png'; +$register-banner-image: '../images/bg-banner-register.png'; -$video-thumb-url: '../images/courses/video-thumb.jpg'; \ No newline at end of file +$video-thumb-url: '../images/courses/video-thumb.jpg'; diff --git a/lms/static/sass/multicourse/_account.scss b/lms/static/sass/multicourse/_account.scss index 818dcc9fe940..307c0dfcbc21 100644 --- a/lms/static/sass/multicourse/_account.scss +++ b/lms/static/sass/multicourse/_account.scss @@ -493,7 +493,7 @@ header { height: 120px; border-bottom: 1px solid $m-gray; - background: $login-banner-image; + background: transparent url($login-banner-image) 0 0 no-repeat; } } } @@ -507,7 +507,7 @@ header { height: 120px; border-bottom: 1px solid $m-gray; - background: transparent url("../images/bg-banner-register.png") 0 0 no-repeat; + background: transparent url($register-banner-image) 0 0 no-repeat; } } }