Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
E
edx-platform
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
edx
edx-platform
Commits
31a5fb31
Commit
31a5fb31
authored
Mar 16, 2015
by
Brian Talbot
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
certificates: removing edX-centric Sass variables from config
parent
85f1d09d
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
65 additions
and
59 deletions
+65
-59
lms/static/certificates/css/style-application.css
+1
-1
lms/static/certificates/sass/utilities/_variables.scss
+56
-51
lms/static/certificates/sass/views/_certificate.scss
+5
-4
lms/static/certificates/sass/views/_invalid.scss
+1
-1
lms/static/certificates/sass/views/_validate.scss
+2
-2
No files found.
lms/static/certificates/css/style-application.css
View file @
31a5fb31
...
@@ -1036,7 +1036,7 @@ body, .view-validate-certificate .list-requirements .item, .view-validate-certif
...
@@ -1036,7 +1036,7 @@ body, .view-validate-certificate .list-requirements .item, .view-validate-certif
.view-certificate.is-honorcode
.certificate-type
{
.view-certificate.is-honorcode
.certificate-type
{
color
:
#88c7ec
;
}
color
:
#88c7ec
;
}
.view-certificate.is-idverified
.status
{
.view-certificate.is-idverified
.status
{
background
:
#
3aa2e0
;
}
background
:
#
88c7ec
;
}
.view-certificate.is-idverified
.accomplishment
{
.view-certificate.is-idverified
.accomplishment
{
background
:
white
url("../images/logo-idverified-cropped.png")
bottom
left
no-repeat
;
background
:
white
url("../images/logo-idverified-cropped.png")
bottom
left
no-repeat
;
background-size
:
75%
;
}
background-size
:
75%
;
}
...
...
lms/static/certificates/sass/utilities/_variables.scss
View file @
31a5fb31
...
@@ -48,49 +48,54 @@ $shadow-d1: rgba($black-t,0.4);
...
@@ -48,49 +48,54 @@ $shadow-d1: rgba($black-t,0.4);
$shadow-d2
:
rgba
(
$black-t
,
0
.6
);
$shadow-d2
:
rgba
(
$black-t
,
0
.6
);
// colors - default
// colors - default
$edx-blue
:
rgb
(
58
,
162
,
224
);
$blue
:
rgb
(
58
,
162
,
224
);
$edx-blue-l1
:
tint
(
$edx-blue
,
20%
);
$blue-l1
:
tint
(
$blue
,
20%
);
$edx-blue-l2
:
tint
(
$edx-blue
,
40%
);
$blue-l2
:
tint
(
$blue
,
40%
);
$edx-blue-l3
:
tint
(
$edx-blue
,
60%
);
$blue-l3
:
tint
(
$blue
,
60%
);
$edx-blue-l4
:
tint
(
$edx-blue
,
80%
);
$blue-l4
:
tint
(
$blue
,
80%
);
$edx-blue-l5
:
tint
(
$edx-blue
,
90%
);
$blue-l5
:
tint
(
$blue
,
90%
);
$edx-blue-d1
:
shade
(
$edx-blue
,
20%
);
$blue-d1
:
shade
(
$blue
,
20%
);
$edx-blue-d2
:
shade
(
$edx-blue
,
40%
);
$blue-d2
:
shade
(
$blue
,
40%
);
$edx-blue-d3
:
shade
(
$edx-blue
,
60%
);
$blue-d3
:
shade
(
$blue
,
60%
);
$edx-blue-d4
:
shade
(
$edx-blue
,
80%
);
$blue-d4
:
shade
(
$blue
,
80%
);
$edx-blue-d5
:
shade
(
$edx-blue
,
90%
);
$blue-d5
:
shade
(
$blue
,
90%
);
$edx-blue-s1
:
saturate
(
$edx-blue
,
15%
);
$blue-s1
:
saturate
(
$blue
,
15%
);
$edx-blue-s2
:
saturate
(
$edx-blue
,
30%
);
$blue-s2
:
saturate
(
$blue
,
30%
);
$edx-blue-s3
:
saturate
(
$edx-blue
,
45%
);
$blue-s3
:
saturate
(
$blue
,
45%
);
$edx-blue-u1
:
desaturate
(
$edx-blue
,
15%
);
$blue-u1
:
desaturate
(
$blue
,
15%
);
$edx-blue-u2
:
desaturate
(
$edx-blue
,
30%
);
$blue-u2
:
desaturate
(
$blue
,
30%
);
$edx-blue-u3
:
desaturate
(
$edx-blue
,
45%
);
$blue-u3
:
desaturate
(
$blue
,
45%
);
$edx-blue-t0
:
rgba
(
$edx-blue
,
0
.125
);
$blue-t0
:
rgba
(
$blue
,
0
.125
);
$edx-blue-t1
:
rgba
(
$edx-blue
,
0
.25
);
$blue-t1
:
rgba
(
$blue
,
0
.25
);
$edx-blue-t2
:
rgba
(
$edx-blue
,
0
.50
);
$blue-t2
:
rgba
(
$blue
,
0
.50
);
$edx-blue-t3
:
rgba
(
$edx-blue
,
0
.75
);
$blue-t3
:
rgba
(
$blue
,
0
.75
);
$edx-pink
:
rgb
(
182
,
37
,
104
);
$pink
:
rgb
(
182
,
37
,
104
);
$edx-pink-l1
:
tint
(
$edx-pink
,
20%
);
$pink-l1
:
tint
(
$pink
,
20%
);
$edx-pink-l2
:
tint
(
$edx-pink
,
40%
);
$pink-l2
:
tint
(
$pink
,
40%
);
$edx-pink-l3
:
tint
(
$edx-pink
,
60%
);
$pink-l3
:
tint
(
$pink
,
60%
);
$edx-pink-l4
:
tint
(
$edx-pink
,
80%
);
$pink-l4
:
tint
(
$pink
,
80%
);
$edx-pink-l5
:
tint
(
$edx-pink
,
90%
);
$pink-l5
:
tint
(
$pink
,
90%
);
$edx-pink-d1
:
shade
(
$edx-pink
,
20%
);
$pink-d1
:
shade
(
$pink
,
20%
);
$edx-pink-d2
:
shade
(
$edx-pink
,
40%
);
$pink-d2
:
shade
(
$pink
,
40%
);
$edx-pink-d3
:
shade
(
$edx-pink
,
60%
);
$pink-d3
:
shade
(
$pink
,
60%
);
$edx-pink-d4
:
shade
(
$edx-pink
,
80%
);
$pink-d4
:
shade
(
$pink
,
80%
);
$edx-pink-d5
:
shade
(
$edx-pink
,
90%
);
$pink-d5
:
shade
(
$pink
,
90%
);
$edx-pink-s1
:
saturate
(
$edx-pink
,
15%
);
$pink-s1
:
saturate
(
$pink
,
15%
);
$edx-pink-s2
:
saturate
(
$edx-pink
,
30%
);
$pink-s2
:
saturate
(
$pink
,
30%
);
$edx-pink-s3
:
saturate
(
$edx-pink
,
45%
);
$pink-s3
:
saturate
(
$pink
,
45%
);
$edx-pink-u1
:
desaturate
(
$edx-pink
,
15%
);
$pink-u1
:
desaturate
(
$pink
,
15%
);
$edx-pink-u2
:
desaturate
(
$edx-pink
,
30%
);
$pink-u2
:
desaturate
(
$pink
,
30%
);
$edx-pink-u3
:
desaturate
(
$edx-pink
,
45%
);
$pink-u3
:
desaturate
(
$pink
,
45%
);
$edx-pink-t0
:
rgba
(
$edx-pink
,
0
.125
);
$pink-t0
:
rgba
(
$pink
,
0
.125
);
$edx-pink-t1
:
rgba
(
$edx-pink
,
0
.25
);
$pink-t1
:
rgba
(
$pink
,
0
.25
);
$edx-pink-t2
:
rgba
(
$edx-pink
,
0
.50
);
$pink-t2
:
rgba
(
$pink
,
0
.50
);
$edx-pink-t3
:
rgba
(
$edx-pink
,
0
.75
);
$pink-t3
:
rgba
(
$pink
,
0
.75
);
// colors - achievement branding
$color-basic-achievement
:
$blue-l2
;
$color-greater-achievement
:
$blue
;
$color-greatest-achievement
:
$blue-s1
;
// ====================
// ====================
...
@@ -132,16 +137,16 @@ $anim-distance-offviewport: ($baseline-h*100); // for la
...
@@ -132,16 +137,16 @@ $anim-distance-offviewport: ($baseline-h*100); // for la
// ====================
// ====================
// application: general actions
// application: general actions
$color-primary
:
$
edx-
blue-d1
;
$color-primary
:
$blue-d1
;
$color-secondary
:
$
edx-
blue-l1
;
$color-secondary
:
$blue-l1
;
$color-tertiary
:
$gray-l1
;
$color-tertiary
:
$gray-l1
;
$color-quarternary
:
$gray-l2
;
$color-quarternary
:
$gray-l2
;
// application: general links
// application: general links
$color-link
:
$
edx-
blue-d1
;
$color-link
:
$blue-d1
;
$color-link-focus
:
$
edx-
blue
;
$color-link-focus
:
$blue
;
$color-link-active
:
$
edx-
blue
;
$color-link-active
:
$blue
;
$color-link-visited
:
$
edx-
blue-d2
;
$color-link-visited
:
$blue-d2
;
// application: actions & links (button-focused)
// application: actions & links (button-focused)
$bg-action-primary
:
$color-primary
;
$bg-action-primary
:
$color-primary
;
...
@@ -173,8 +178,8 @@ $color-copy-supplemental: $gray-l1;
...
@@ -173,8 +178,8 @@ $color-copy-supplemental: $gray-l1;
// ====================
// ====================
// application: states
// application: states
$bg-selected
:
$
edx-
blue-t1
;
$bg-selected
:
$blue-t1
;
$color-selected
:
$
edx-
blue-s1
;
$color-selected
:
$blue-s1
;
// ====================
// ====================
...
...
lms/static/certificates/sass/views/_certificate.scss
View file @
31a5fb31
...
@@ -181,15 +181,16 @@
...
@@ -181,15 +181,16 @@
}
}
}
}
// TODO - Determine what basic types are supported
// CASE: honor code
// CASE: honor code
&
.is-honorcode
{
&
.is-honorcode
{
.status
{
.status
{
background
:
$
edx-blue-l2
;
background
:
$
color-basic-achievement
;
}
}
.certificate-type
{
.certificate-type
{
color
:
$
edx-blue-l2
;
color
:
$
color-basic-achievement
;
}
}
}
}
...
@@ -197,7 +198,7 @@
...
@@ -197,7 +198,7 @@
&
.is-idverified
{
&
.is-idverified
{
.status
{
.status
{
background
:
$
edx-blue
;
background
:
$
color-basic-achievement
;
}
}
.accomplishment
{
.accomplishment
{
...
@@ -214,7 +215,7 @@
...
@@ -214,7 +215,7 @@
}
}
.certificate-type
{
.certificate-type
{
color
:
$
edx-
blue
;
color
:
$blue
;
.wrapper-img
{
.wrapper-img
{
width
:
200px
;
width
:
200px
;
...
...
lms/static/certificates/sass/views/_invalid.scss
View file @
31a5fb31
...
@@ -36,7 +36,7 @@
...
@@ -36,7 +36,7 @@
.copy
{
.copy
{
@extend
%t-copy-lead2
;
@extend
%t-copy-lead2
;
color
:
$
edx-
pink
;
color
:
$pink
;
}
}
}
}
...
...
lms/static/certificates/sass/views/_validate.scss
View file @
31a5fb31
...
@@ -87,7 +87,7 @@
...
@@ -87,7 +87,7 @@
min-height
:
(
$baseline-v
*
8
);
min-height
:
(
$baseline-v
*
8
);
margin-bottom
:
$baseline-v
;
margin-bottom
:
$baseline-v
;
border-radius
:
(
$baseline-v
/
10
);
border-radius
:
(
$baseline-v
/
10
);
border-top
:
4px
solid
$
edx-
blue-s1
;
border-top
:
4px
solid
$blue-s1
;
padding
:
(
$baseline-v
)
(
$baseline-h
);
padding
:
(
$baseline-v
)
(
$baseline-h
);
color
:
$gray-l1
;
color
:
$gray-l1
;
background
:
$gray-l5
;
background
:
$gray-l5
;
...
@@ -138,7 +138,7 @@
...
@@ -138,7 +138,7 @@
}
}
.requirement-allitems
{
.requirement-allitems
{
border-top-color
:
$
edx-
pink
;
border-top-color
:
$pink
;
}
}
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment