Fix all stylelint errors (#23920)
* Fix all stylelint errors For any errors that fixing would require changing the output of the css disable stylelint for that line instead of modifying. * Update quality.py Make stylelint quality check pass when there are no errors * Delete empty selectors
This commit is contained in:
Adam Butterworth
@@ -10,6 +10,6 @@ body {
|
||||
color: $gray-d3;
|
||||
}
|
||||
|
||||
footer.primary{
|
||||
footer.primary {
|
||||
font-size: font-size(x-small);
|
||||
}
|
||||
|
||||
@@ -257,7 +257,8 @@ dl {
|
||||
padding: 0 $baseline;
|
||||
position: relative;
|
||||
|
||||
.mast, .metadata {
|
||||
.mast,
|
||||
.metadata {
|
||||
@include clearfix();
|
||||
|
||||
position: relative;
|
||||
@@ -383,11 +384,6 @@ dl {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
// page metadata/action bar
|
||||
.metadata {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// +Layout - Basic Page Content
|
||||
@@ -434,7 +430,8 @@ dl {
|
||||
}
|
||||
}
|
||||
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -630,7 +627,8 @@ hr.divide {
|
||||
// ====================
|
||||
|
||||
// UI - semantically hide text
|
||||
.sr, .sr-only {
|
||||
.sr,
|
||||
.sr-only {
|
||||
@extend %cont-text-sr;
|
||||
}
|
||||
|
||||
|
||||
@@ -92,8 +92,8 @@ video {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
|
||||
@@ -15,17 +15,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ====================
|
||||
|
||||
// CASE: less than or equal to IE8
|
||||
.lte8 {
|
||||
|
||||
}
|
||||
|
||||
// ====================
|
||||
|
||||
// CASE: less than or equal to IE7
|
||||
.lte7 {
|
||||
|
||||
}
|
||||
|
||||
@@ -4,19 +4,22 @@
|
||||
@extend %ui-btn;
|
||||
@extend %ui-btn-pill;
|
||||
|
||||
padding:($baseline/4) ($baseline/2);
|
||||
padding: ($baseline/4) ($baseline/2);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
text-align: center;
|
||||
|
||||
&:hover, &:active {
|
||||
&:hover,
|
||||
&:active {
|
||||
@extend %ui-fake-link;
|
||||
|
||||
border-color: $gray-l3;
|
||||
}
|
||||
|
||||
&.current, &.active, &.is-selected {
|
||||
&.current,
|
||||
&.active,
|
||||
&.is-selected {
|
||||
box-shadow: inset 0 1px 2px 1px $shadow-l1;
|
||||
border-color: $gray-l3;
|
||||
}
|
||||
@@ -31,16 +34,19 @@
|
||||
border-color: $white;
|
||||
color: $gray-d1;
|
||||
|
||||
&:hover, &:active {
|
||||
&:hover,
|
||||
&:active {
|
||||
background: $white;
|
||||
color: $blue-s1;
|
||||
}
|
||||
|
||||
&.current, &.active {
|
||||
&.current,
|
||||
&.active {
|
||||
background: $white;
|
||||
color: $gray-d4;
|
||||
|
||||
&:hover, &:active {
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $blue-s1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,7 +23,8 @@
|
||||
// ====================
|
||||
|
||||
// basic layout
|
||||
.wrapper-l, .wrapper-r {
|
||||
.wrapper-l,
|
||||
.wrapper-r {
|
||||
background: $white;
|
||||
}
|
||||
|
||||
@@ -36,7 +37,11 @@
|
||||
@include text-align(right);
|
||||
}
|
||||
|
||||
.branding, .info-course, .nav-course, .nav-account, .nav-pitch {
|
||||
.branding,
|
||||
.info-course,
|
||||
.nav-course,
|
||||
.nav-account,
|
||||
.nav-pitch {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
@@ -67,7 +72,7 @@
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.title{
|
||||
.title {
|
||||
@extend %ui-btn-dd-nav-primary;
|
||||
|
||||
@include transition(all $tmg-f2 ease-in-out 0s);
|
||||
@@ -132,7 +137,6 @@
|
||||
|
||||
.nav-account-user {
|
||||
.title {
|
||||
max-width: ($baseline*10.5);
|
||||
display: inline-block;
|
||||
max-width: 84%;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
@font-face {
|
||||
font-family: 'CreativeCommons';
|
||||
src: url('#{$static-path}/fonts/CreativeCommons/cc.eot');
|
||||
src: url('#{$static-path}/fonts/CreativeCommons/cc.eot#iefix') format('embedded-opentype'),
|
||||
src:
|
||||
url('#{$static-path}/fonts/CreativeCommons/cc.eot#iefix') format('embedded-opentype'),
|
||||
url('#{$static-path}/fonts/CreativeCommons/cc.woff') format('woff'),
|
||||
url('#{$static-path}/fonts/CreativeCommons/cc.ttf') format('truetype'),
|
||||
url('#{$static-path}/fonts/CreativeCommons/cc.svg#CreativeCommons') format('svg');
|
||||
|
||||
@@ -219,6 +219,7 @@
|
||||
color: $blue-d4;
|
||||
}
|
||||
}
|
||||
|
||||
.clipboard-button {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
|
||||
@@ -54,7 +54,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -109,7 +110,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
label, input, textarea {
|
||||
label,
|
||||
input,
|
||||
textarea {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -125,7 +128,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
@extend %t-copy-base;
|
||||
|
||||
height: 100%;
|
||||
@@ -218,7 +222,8 @@
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -251,7 +256,6 @@
|
||||
margin: 0 0 ($baseline/4) 0;
|
||||
color: $gray-d2;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -2,7 +2,8 @@
|
||||
// ====================
|
||||
|
||||
.view-uploads {
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -210,7 +211,8 @@
|
||||
text-align: left;
|
||||
color: $gray;
|
||||
|
||||
.column-sort-link, .column-selected-link {
|
||||
.column-sort-link,
|
||||
.column-selected-link {
|
||||
cursor: pointer;
|
||||
color: $blue;
|
||||
}
|
||||
@@ -266,7 +268,7 @@
|
||||
|
||||
.nav-item {
|
||||
&.reset-filter {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
@@ -267,13 +267,16 @@
|
||||
}
|
||||
|
||||
// location widget
|
||||
.unit-location, .library-location {
|
||||
.unit-location,
|
||||
.library-location {
|
||||
@extend %bar-module;
|
||||
|
||||
border-top: none;
|
||||
|
||||
.wrapper-unit-id, .wrapper-library-id {
|
||||
.unit-id-value, .library-id-value {
|
||||
.wrapper-unit-id,
|
||||
.wrapper-library-id {
|
||||
.unit-id-value,
|
||||
.library-id-value {
|
||||
@extend %status-value-base;
|
||||
|
||||
display: inline-block;
|
||||
@@ -315,7 +318,8 @@
|
||||
}
|
||||
|
||||
// typographical overrides (based off of outline-simple)
|
||||
.section-header, .subsection-header {
|
||||
.section-header,
|
||||
.subsection-header {
|
||||
line-height: 0;
|
||||
margin-bottom: ($baseline/2);
|
||||
}
|
||||
@@ -377,7 +381,8 @@
|
||||
}
|
||||
|
||||
.bc-container:not(.last) {
|
||||
button, .parent-displayname {
|
||||
button,
|
||||
.parent-displayname {
|
||||
text-decoration: underline;
|
||||
color: $ui-link-color;
|
||||
}
|
||||
@@ -412,7 +417,8 @@
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
.button-forward, .component {
|
||||
.button-forward,
|
||||
.component {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -4,7 +4,8 @@
|
||||
.view-export-git {
|
||||
|
||||
// UI: basic layout
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
|
||||
float: left;
|
||||
|
||||
@@ -4,7 +4,8 @@
|
||||
.view-export {
|
||||
|
||||
// UI: basic layout
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -68,7 +69,8 @@
|
||||
|
||||
margin: ($baseline*2) 0;
|
||||
|
||||
.export-includes, .export-excludes {
|
||||
.export-includes,
|
||||
.export-excludes {
|
||||
width: flex-grid(4, 9);
|
||||
|
||||
.item-detail {
|
||||
@@ -210,7 +212,7 @@
|
||||
|
||||
// STATE: started
|
||||
&.is-started {
|
||||
.fa-warning {
|
||||
.fa-warning {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
@@ -264,7 +266,8 @@
|
||||
color: $red;
|
||||
}
|
||||
|
||||
.status-detail .title, .status-detail .copy {
|
||||
.status-detail .title,
|
||||
.status-detail .copy {
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
// studio - views - group-configurations
|
||||
// ====================
|
||||
.view-group-configurations {
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
@include float(left);
|
||||
}
|
||||
@@ -341,7 +342,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
label, input, textarea {
|
||||
label,
|
||||
input,
|
||||
textarea {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -361,7 +364,8 @@
|
||||
}
|
||||
|
||||
//this section is borrowed from _account.scss - we should clean up and unify later
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
@extend %t-copy-base;
|
||||
|
||||
height: 100%;
|
||||
@@ -536,7 +540,7 @@
|
||||
|
||||
// specific group-type styles
|
||||
.content-groups {
|
||||
.collection-header{
|
||||
.collection-header {
|
||||
.title {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
8
cms/static/sass/views/_import.scss
vendored
8
cms/static/sass/views/_import.scss
vendored
@@ -2,7 +2,8 @@
|
||||
// ====================
|
||||
|
||||
.view-import {
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -233,7 +234,7 @@
|
||||
|
||||
// STATE: started
|
||||
&.is-started {
|
||||
.fa-warning {
|
||||
.fa-warning {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
@@ -287,7 +288,8 @@
|
||||
color: $red;
|
||||
}
|
||||
|
||||
.status-detail .title, .status-detail .copy {
|
||||
.status-detail .title,
|
||||
.status-detail .copy {
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,7 +7,9 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wrapper-content-header, .wrapper-content-features, .wrapper-content-cta {
|
||||
.wrapper-content-header,
|
||||
.wrapper-content-features,
|
||||
.wrapper-content-cta {
|
||||
@include box-sizing(border-box);
|
||||
|
||||
margin: 0;
|
||||
@@ -33,21 +35,14 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: $gray-d3;
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
||||
}
|
||||
|
||||
h4 {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// welcome content
|
||||
@@ -74,7 +69,8 @@
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.wrapper-text-welcome, .logo {
|
||||
.wrapper-text-welcome,
|
||||
.logo {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@@ -98,7 +94,8 @@
|
||||
border: 4px solid $black;
|
||||
}
|
||||
|
||||
.arrow_box::after, .arrow_box::before {
|
||||
.arrow_box::after,
|
||||
.arrow_box::before {
|
||||
top: 100%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
@@ -133,10 +130,6 @@
|
||||
}
|
||||
|
||||
.content-features {
|
||||
.list-features {
|
||||
|
||||
}
|
||||
|
||||
// indiv features
|
||||
.feature {
|
||||
@include clearfix();
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.result{
|
||||
.result {
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
margin-top: 15px;
|
||||
padding: 15px 30px;
|
||||
|
||||
@@ -11,7 +11,8 @@
|
||||
// CASE: is-editable
|
||||
// TODO: abstract out
|
||||
.is-editable {
|
||||
.incontext-editor-value, .incontext-editor-action-wrapper {
|
||||
.incontext-editor-value,
|
||||
.incontext-editor-action-wrapper {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
@@ -226,9 +227,9 @@
|
||||
margin-left: $baseline / 2;
|
||||
}
|
||||
|
||||
.status-release-label,
|
||||
.status-highlights-enabled-label {
|
||||
margin-right: ($baseline/4);
|
||||
.status-release-label,
|
||||
.status-highlights-enabled-label {
|
||||
margin-right: ($baseline/4);
|
||||
}
|
||||
|
||||
.status-highlights-enabled-value.button {
|
||||
@@ -251,12 +252,6 @@
|
||||
|
||||
// outline
|
||||
// --------------------
|
||||
|
||||
// UI: simple version of the outline
|
||||
.outline-simple {
|
||||
|
||||
}
|
||||
|
||||
// UI: complex version of the outline
|
||||
.outline-complex {
|
||||
.outline-content {
|
||||
@@ -270,10 +265,12 @@
|
||||
&.is-collapsible {
|
||||
|
||||
// only select the current item's toggle expansion controls
|
||||
&:nth-child(1) .ui-toggle-expansion, &:nth-child(1) .item-title {
|
||||
&:nth-child(1) .ui-toggle-expansion,
|
||||
&:nth-child(1) .item-title {
|
||||
|
||||
// STATE: hover/active
|
||||
&:hover, &:active {
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
@@ -331,7 +328,8 @@
|
||||
|
||||
width: flex-grid(6, 9);
|
||||
|
||||
.icon, .wrapper-section-title {
|
||||
.icon,
|
||||
.wrapper-section-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
@@ -431,7 +429,8 @@
|
||||
|
||||
width: flex-grid(5, 9);
|
||||
|
||||
.icon, .wrapper-subsection-title {
|
||||
.icon,
|
||||
.wrapper-subsection-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
@@ -571,10 +570,6 @@
|
||||
margin-bottom: $baseline;
|
||||
}
|
||||
|
||||
.add-subsection {
|
||||
|
||||
}
|
||||
|
||||
.add-unit {
|
||||
margin-left: $outline-indent-width;
|
||||
}
|
||||
@@ -716,7 +711,9 @@
|
||||
|
||||
|
||||
// TODO: refactor the _forms.scss partial to allow for this area to inherit from it
|
||||
label, input, textarea {
|
||||
label,
|
||||
input,
|
||||
textarea {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -734,7 +731,8 @@
|
||||
}
|
||||
|
||||
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
@extend %t-copy-base;
|
||||
|
||||
@include transition(all $tmg-f2 ease-in-out 0s);
|
||||
@@ -765,7 +763,8 @@
|
||||
|
||||
// CASE: select input
|
||||
.field-select {
|
||||
.label, .input {
|
||||
.label,
|
||||
.input {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -816,7 +815,8 @@
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.outline-unit .unit-title, .outline-unit .unit-status {
|
||||
.outline-unit .unit-title,
|
||||
.outline-unit .unit-status {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -832,7 +832,6 @@
|
||||
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// it is the only element there
|
||||
@@ -841,5 +840,4 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -10,7 +10,8 @@
|
||||
@include text-align(left);
|
||||
@include direction();
|
||||
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -71,11 +72,8 @@
|
||||
|
||||
// course details that should appear more like content than elements to change
|
||||
.is-not-editable {
|
||||
label {
|
||||
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
@extend %t-copy-lead1;
|
||||
@extend %t-strong;
|
||||
|
||||
@@ -122,15 +120,6 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// basic layout/elements
|
||||
.title-2 {
|
||||
|
||||
}
|
||||
|
||||
.title-3 {
|
||||
|
||||
}
|
||||
|
||||
// in form -UI hints/tips/messages
|
||||
.header-help {
|
||||
margin: 0 0 $baseline 0;
|
||||
@@ -183,27 +172,30 @@
|
||||
.list-input {
|
||||
@extend %cont-no-list;
|
||||
|
||||
.show-data{
|
||||
.heading{
|
||||
.show-data {
|
||||
.heading {
|
||||
border: 1px solid #e0e0e0;
|
||||
padding: 5px 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.div-grade-requirements{
|
||||
.div-grade-requirements {
|
||||
border: 1px solid #e0e0e0;
|
||||
border-top: none;
|
||||
padding: 10px 15px;
|
||||
label{font-weight: 600;}
|
||||
|
||||
input#entrance-exam-minimum-score-pct{
|
||||
label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
input#entrance-exam-minimum-score-pct {
|
||||
height: 40px;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#heading-entrance-exam{
|
||||
#heading-entrance-exam {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -229,7 +221,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
label, input, textarea {
|
||||
label,
|
||||
input,
|
||||
textarea {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -246,7 +240,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
@extend %t-copy-base;
|
||||
|
||||
@include placeholder($gray-l4);
|
||||
@@ -254,12 +249,6 @@
|
||||
|
||||
padding: ($baseline/2);
|
||||
|
||||
&.long {
|
||||
}
|
||||
|
||||
&.short {
|
||||
}
|
||||
|
||||
&.error {
|
||||
border-color: $red;
|
||||
}
|
||||
@@ -279,7 +268,7 @@
|
||||
.minimum-grade-percentage-sign {
|
||||
@include line-height(30);
|
||||
|
||||
padding-left: ($baseline/4);;
|
||||
padding-left: ($baseline/4);
|
||||
}
|
||||
|
||||
textarea.long {
|
||||
@@ -354,7 +343,8 @@
|
||||
}
|
||||
|
||||
.is-not-editable {
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@@ -438,7 +428,7 @@
|
||||
.list-actions {
|
||||
box-shadow: inset 0 1px 1px $shadow-l1;
|
||||
border-top: 1px solid $gray-l2;
|
||||
padding: ($baseline/2);
|
||||
padding: ($baseline/2);
|
||||
background: $gray-l5;
|
||||
|
||||
.action-primary {
|
||||
@@ -480,7 +470,8 @@
|
||||
}
|
||||
|
||||
.is-not-editable {
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@@ -550,7 +541,9 @@
|
||||
}
|
||||
|
||||
// specific fields - course image
|
||||
#field-course-image, #field-banner-image, #field-video-thumbnail-image {
|
||||
#field-course-image,
|
||||
#field-banner-image,
|
||||
#field-video-thumbnail-image {
|
||||
.current-course-image {
|
||||
margin-bottom: ($baseline/2);
|
||||
padding: ($baseline/2) $baseline;
|
||||
@@ -743,10 +736,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.is-dragging {
|
||||
|
||||
}
|
||||
|
||||
.remove-button {
|
||||
@extend %t-action5;
|
||||
|
||||
@@ -826,7 +815,6 @@
|
||||
#field-course-minimum_grade_credit {
|
||||
width: flex-grid(4, 9);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.assignment-types {
|
||||
@@ -1101,7 +1089,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.key, .value {
|
||||
.key,
|
||||
.value {
|
||||
float: left;
|
||||
margin: 0 0 ($baseline/2) 0;
|
||||
}
|
||||
@@ -1219,7 +1208,7 @@
|
||||
}
|
||||
|
||||
.error-item-message {
|
||||
width:100%;
|
||||
width: 100%;
|
||||
border: none;
|
||||
resize: none;
|
||||
|
||||
|
||||
@@ -293,7 +293,8 @@
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
&.action-duplicate, &.action-move {
|
||||
&.action-duplicate,
|
||||
&.action-move {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -315,7 +316,7 @@
|
||||
|
||||
.course-nav-item-header {
|
||||
display: inline-block;
|
||||
width:80%;
|
||||
width: 80%;
|
||||
|
||||
.title {
|
||||
@extend %t-title4;
|
||||
|
||||
@@ -2,7 +2,8 @@
|
||||
// ====================
|
||||
|
||||
.view-textbooks {
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -113,9 +114,7 @@
|
||||
@extend %ui-btn-non;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&:hover .actions {
|
||||
@@ -177,8 +176,6 @@
|
||||
padding: ($baseline/5) $baseline;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.copy {
|
||||
@@ -187,12 +184,9 @@
|
||||
margin: ($baseline) 0 ($baseline/2) 0;
|
||||
color: $gray;
|
||||
|
||||
|
||||
strong {
|
||||
@extend %t-strong;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.chapters-fields,
|
||||
@@ -217,7 +211,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
label, input, textarea {
|
||||
label,
|
||||
input,
|
||||
textarea {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -239,7 +235,8 @@
|
||||
|
||||
|
||||
//this section is borrowed from _account.scss - we should clean up and unify later
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
@extend %t-copy-base;
|
||||
|
||||
height: 100%;
|
||||
@@ -331,7 +328,8 @@
|
||||
|
||||
position: relative;
|
||||
|
||||
input, textarea {
|
||||
input,
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -343,7 +341,6 @@
|
||||
|
||||
@include right(0);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.action-close {
|
||||
|
||||
@@ -112,7 +112,8 @@
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
ol,
|
||||
ul {
|
||||
margin: 1em 0;
|
||||
padding: 0 0 0 1em;
|
||||
color: $body-color;
|
||||
|
||||
@@ -4,7 +4,8 @@
|
||||
.view-team {
|
||||
|
||||
// LAYOUT: page
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -32,7 +33,8 @@
|
||||
|
||||
// CASE: notice has actions {
|
||||
&.has-actions {
|
||||
.msg, .list-actions {
|
||||
.msg,
|
||||
.list-actions {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -47,10 +49,6 @@
|
||||
text-align: right;
|
||||
margin-top: 0;
|
||||
|
||||
.action-item {
|
||||
|
||||
}
|
||||
|
||||
.action-primary {
|
||||
@extend %btn-primary-green;
|
||||
|
||||
@@ -69,7 +67,10 @@
|
||||
}
|
||||
|
||||
// ELEM: listing of users
|
||||
.user-list, .user-item, .item-metadata, .item-actions {
|
||||
.user-list,
|
||||
.user-item,
|
||||
.item-metadata,
|
||||
.item-actions {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@@ -88,7 +89,8 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.item-metadata, .item-actions {
|
||||
.item-metadata,
|
||||
.item-actions {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -133,7 +135,8 @@
|
||||
|
||||
@include margin-right(flex-gutter());
|
||||
|
||||
.user-username, .user-email {
|
||||
.user-username,
|
||||
.user-email {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -220,20 +223,6 @@
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// STATE: hover
|
||||
&:hover {
|
||||
.user-username {
|
||||
}
|
||||
|
||||
.user-email {
|
||||
|
||||
}
|
||||
|
||||
.item-actions {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -173,12 +173,14 @@
|
||||
background-color: $uxpl-green-base;
|
||||
color: $white;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $uxpl-green-hover-active;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&.disabled, &.is-disabled {
|
||||
&.disabled,
|
||||
&.is-disabled {
|
||||
border: 1px solid $green-l3 !important;
|
||||
background: $green-l3 !important;
|
||||
color: $white !important;
|
||||
@@ -195,12 +197,15 @@
|
||||
background-color: theme-color("primary");
|
||||
color: $white;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: $uxpl-blue-hover-active;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&.disabled, &.is-disabled {
|
||||
&.disabled,
|
||||
&.is-disabled {
|
||||
box-shadow: none;
|
||||
border: 1px solid $blue-l3 !important;
|
||||
background: $blue-l3 !important;
|
||||
@@ -217,12 +222,15 @@
|
||||
background-color: $red;
|
||||
color: $white;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: $red-s1;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&.disabled, &.is-disabled {
|
||||
&.disabled,
|
||||
&.is-disabled {
|
||||
box-shadow: none;
|
||||
border: 1px solid $red-l3 !important;
|
||||
background: $red-l3 !important;
|
||||
@@ -239,12 +247,15 @@
|
||||
background-color: $pink;
|
||||
color: $white;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: $pink-s1;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&.disabled, &.is-disabled {
|
||||
&.disabled,
|
||||
&.is-disabled {
|
||||
box-shadow: none;
|
||||
border: 1px solid $pink-l3 !important;
|
||||
background: $pink-l3 !important;
|
||||
@@ -262,12 +273,14 @@
|
||||
background-color: $orange;
|
||||
color: $gray-d2;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $orange-s2;
|
||||
color: $gray-d2;
|
||||
}
|
||||
|
||||
&.disabled, &.is-disabled {
|
||||
&.disabled,
|
||||
&.is-disabled {
|
||||
border: 1px solid $orange-l3 !important;
|
||||
background: $orange-l2 !important;
|
||||
color: $gray-l1 !important;
|
||||
@@ -286,7 +299,8 @@
|
||||
color: rgb(92, 103, 122);
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: rgb(222, 236, 247);
|
||||
color: rgb(92, 103, 122);
|
||||
}
|
||||
@@ -318,7 +332,8 @@
|
||||
background-color: $gray-d2;
|
||||
color: $gray-l3;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $gray-d3;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
@@ -137,7 +137,8 @@
|
||||
|
||||
// flash
|
||||
@include keyframes(flash) {
|
||||
0%, 100% {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@@ -148,11 +149,14 @@
|
||||
|
||||
// flash - double
|
||||
@include keyframes(flashDouble) {
|
||||
0%, 50%, 100% {
|
||||
0%,
|
||||
50%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
25%, 75% {
|
||||
25%,
|
||||
75% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,9 +19,9 @@
|
||||
.field-input:checked + .field-input-label {
|
||||
color: theme-color("primary");
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.input-radio, .input-checkbox {
|
||||
.input-radio,
|
||||
.input-checkbox {
|
||||
@include margin-right($baseline / 2);
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
// Checks if a number is even
|
||||
@function is-even($int) {
|
||||
@if $int%2 == 0 {
|
||||
@if $int%2 == 0 {
|
||||
@return true;
|
||||
}
|
||||
|
||||
@@ -96,7 +96,7 @@
|
||||
// Layout direction
|
||||
@function get-direction($layout, $default) {
|
||||
$direction: nil;
|
||||
|
||||
|
||||
@if $layout == LTR or $layout == RTL {
|
||||
$direction: direction-from-layout($layout);
|
||||
}
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
$auto: if(belongs-to(auto, $query), true, false);
|
||||
|
||||
@if $direction != default {
|
||||
@warn "The omega mixin will no longer take a $direction argument. To change the layout direction, use row($direction) or set $default-layout-direction instead."
|
||||
@warn "The omega mixin will no longer take a $direction argument. To change the layout direction, use row($direction) or set $default-layout-direction instead.";
|
||||
}
|
||||
|
||||
@else {
|
||||
@@ -12,7 +12,7 @@
|
||||
}
|
||||
|
||||
@if $table {
|
||||
@warn "The omega mixin no longer removes padding in table layouts."
|
||||
@warn "The omega mixin no longer removes padding in table layouts.";
|
||||
}
|
||||
|
||||
@if length($query) == 1 {
|
||||
@@ -44,7 +44,7 @@
|
||||
}
|
||||
|
||||
@else {
|
||||
@warn "Too many arguments passed to the omega() mixin."
|
||||
@warn "Too many arguments passed to the omega() mixin.";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
$display-table: is-display-table($container-display-table, $display);
|
||||
|
||||
@if $display-table {
|
||||
@if $display-table {
|
||||
display: table-cell;
|
||||
width: percentage($columns / $container-columns);
|
||||
}
|
||||
@@ -23,7 +23,7 @@
|
||||
}
|
||||
|
||||
@if $display == collapse {
|
||||
@warn "The 'collapse' argument will be deprecated. Use 'block-collapse' instead."
|
||||
@warn "The 'collapse' argument will be deprecated. Use 'block-collapse' instead.";
|
||||
}
|
||||
|
||||
@if $display == collapse or $display == block-collapse {
|
||||
@@ -32,7 +32,6 @@
|
||||
&:last-child {
|
||||
width: flex-grid($columns, $container-columns);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@else {
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
@mixin grid-column-gradient($values...) {
|
||||
background-image: deprecated-webkit-gradient(linear, left top, left bottom, $values);
|
||||
background-image: -webkit-linear-gradient(left, $values);
|
||||
background-image: -moz-linear-gradient(left, $values);
|
||||
background-image: -ms-linear-gradient(left, $values);
|
||||
background-image: -o-linear-gradient(left, $values);
|
||||
background-image: -webkit-linear-gradient(left, $values);
|
||||
background-image: -moz-linear-gradient(left, $values);
|
||||
background-image: -ms-linear-gradient(left, $values);
|
||||
background-image: -o-linear-gradient(left, $values);
|
||||
background-image: unquote("linear-gradient(left, #{$values})");
|
||||
}
|
||||
|
||||
@if $visual-grid == true or $visual-grid == yes {
|
||||
body:before {
|
||||
body:before { /* stylelint-disable-line */
|
||||
content: '';
|
||||
display: inline-block;
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
}
|
||||
|
||||
@else if $visual-grid-index == front {
|
||||
z-index: 9999;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
@each $breakpoint in $visual-grid-breakpoints {
|
||||
|
||||
@@ -10,7 +10,8 @@
|
||||
// ------------------------------
|
||||
// #BASE
|
||||
// ------------------------------
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
@@ -80,10 +80,6 @@
|
||||
background: $white;
|
||||
}
|
||||
|
||||
.header-app {
|
||||
|
||||
}
|
||||
|
||||
// ------------------------------
|
||||
// #BANNER
|
||||
// ------------------------------
|
||||
@@ -112,7 +108,9 @@
|
||||
.message-actions .action {
|
||||
|
||||
// STATE: hover, active, focus
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
// customizations from UXPL
|
||||
color: palette(grayscale, dark);
|
||||
}
|
||||
@@ -166,7 +164,8 @@
|
||||
.accomplishment-brief {
|
||||
@extend %depth-card;
|
||||
|
||||
.accomplishment-type-symbol, .accomplishment-details {
|
||||
.accomplishment-type-symbol,
|
||||
.accomplishment-details {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -224,7 +223,8 @@
|
||||
margin-bottom: spacing-vertical(base);
|
||||
}
|
||||
|
||||
.accomplishment-type-label, .accomplishment-type-symbol {
|
||||
.accomplishment-type-label,
|
||||
.accomplishment-type-symbol {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -266,12 +266,6 @@
|
||||
@extend %rendering-accomplishment-line;
|
||||
}
|
||||
|
||||
.accomplishment-course-org {
|
||||
}
|
||||
|
||||
.accomplishment-course-name {
|
||||
}
|
||||
|
||||
.accomplishment-course-description {
|
||||
@extend %rendering-accomplishment-line;
|
||||
}
|
||||
@@ -306,7 +300,8 @@
|
||||
margin: 0 auto spacing-vertical(x-small) auto;
|
||||
}
|
||||
|
||||
.signatory-name, .signatory-credentials {
|
||||
.signatory-name,
|
||||
.signatory-credentials {
|
||||
@include text-align(center);
|
||||
}
|
||||
|
||||
@@ -315,7 +310,8 @@
|
||||
}
|
||||
|
||||
.signatory-credentials {
|
||||
.role, .organization {
|
||||
.role,
|
||||
.organization {
|
||||
white-space: pre-line;
|
||||
display: block;
|
||||
}
|
||||
@@ -354,7 +350,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.recipient-img, .recipient-details {
|
||||
.recipient-img,
|
||||
.recipient-details {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -401,10 +398,6 @@
|
||||
// ------------------------------
|
||||
// #ACCOMPLISHMENT RELATED
|
||||
// ------------------------------
|
||||
.accomplishment-related {
|
||||
|
||||
}
|
||||
|
||||
.accomplishment-related-title {
|
||||
@extend %hd-subsection;
|
||||
}
|
||||
@@ -453,7 +446,8 @@
|
||||
color: $cert-base-color;
|
||||
}
|
||||
|
||||
.accomplishment-signatories-title, .accomplishment-orgs-title {
|
||||
.accomplishment-signatories-title,
|
||||
.accomplishment-orgs-title {
|
||||
color: $cert-decorative-color;
|
||||
}
|
||||
|
||||
@@ -461,8 +455,7 @@
|
||||
.accomplishment-statement,
|
||||
.accomplishment-statement-lead,
|
||||
.accomplishment-recipient,
|
||||
.accomplishment-course,
|
||||
{
|
||||
.accomplishment-course {
|
||||
font-family: $font-family-serif;
|
||||
}
|
||||
|
||||
@@ -520,7 +513,6 @@
|
||||
|
||||
.deco-corner-bl {
|
||||
@include triangle(20px, $cert-distinguished-color, down-right);
|
||||
|
||||
}
|
||||
|
||||
.deco-corner-br {
|
||||
@@ -537,13 +529,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
// ------------------------------
|
||||
// #ABOUT
|
||||
// ------------------------------
|
||||
.about {
|
||||
|
||||
}
|
||||
|
||||
// ------------------------------
|
||||
// #FOOTER
|
||||
// ------------------------------
|
||||
@@ -602,7 +587,7 @@
|
||||
display: table;
|
||||
}
|
||||
|
||||
.image-container{
|
||||
.image-container {
|
||||
// Lines the image up with the content of the above list.
|
||||
@include ltr {
|
||||
@include padding-left(2em);
|
||||
|
||||
@@ -18,14 +18,14 @@ $cert-decorative-color-emphasized: palette(grayscale, accent);
|
||||
@include font-face(
|
||||
'Domine',
|
||||
'../../certificates/fonts/Domine/Domine-Regular-webfont',
|
||||
400,
|
||||
$file-formats: woff woff2 ttf
|
||||
400,
|
||||
$file-formats: woff woff2 ttf
|
||||
);
|
||||
@include font-face(
|
||||
'Domine',
|
||||
'../../certificates/fonts/Domine/Domine-Bold-webfont',
|
||||
700,
|
||||
$file-formats: woff woff2 ttf
|
||||
700,
|
||||
$file-formats: woff woff2 ttf
|
||||
);
|
||||
|
||||
// typography: config - stacks
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
margin-bottom: spacing-vertical(base);
|
||||
padding: 0 5%;
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
padding: 0 2.5%;
|
||||
}
|
||||
}
|
||||
@@ -74,7 +74,7 @@
|
||||
.banner-user {
|
||||
@include text-align(center);
|
||||
|
||||
@media(min-width: $bp-screen-lg) {
|
||||
@media (min-width: $bp-screen-lg) {
|
||||
@include text-align(left);
|
||||
}
|
||||
|
||||
@@ -99,7 +99,7 @@
|
||||
|
||||
// CASE: icon display only
|
||||
&.icon-only {
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
padding: spacing-vertical(x-small) spacing-horizontal(base);
|
||||
|
||||
.icon {
|
||||
@@ -108,7 +108,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
min-width: 130px;
|
||||
@@ -135,7 +135,7 @@
|
||||
}
|
||||
|
||||
.footer-app-copyright {
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(6, after);
|
||||
|
||||
margin-bottom: 0;
|
||||
@@ -143,7 +143,7 @@
|
||||
}
|
||||
|
||||
.footer-app-nav {
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(6, before);
|
||||
}
|
||||
|
||||
@@ -152,7 +152,7 @@
|
||||
display: block;
|
||||
margin-bottom: spacing-vertical(x-small);
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
@@ -164,7 +164,7 @@
|
||||
}
|
||||
|
||||
.list-legal {
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include text-align(right);
|
||||
}
|
||||
}
|
||||
@@ -228,15 +228,15 @@
|
||||
@include margin-right(0);
|
||||
}
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(3);
|
||||
}
|
||||
|
||||
@media(min-width: $bp-screen-lg) {
|
||||
@media (min-width: $bp-screen-lg) {
|
||||
@include span(2);
|
||||
}
|
||||
|
||||
@media(min-width: $bp-screen-xl) {
|
||||
@media (min-width: $bp-screen-xl) {
|
||||
@include span(2);
|
||||
}
|
||||
}
|
||||
@@ -245,7 +245,6 @@
|
||||
@include size(100%);
|
||||
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.organization-logo {
|
||||
@@ -270,15 +269,15 @@
|
||||
|
||||
@include span(12);
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(4);
|
||||
}
|
||||
|
||||
@media(min-width: $bp-screen-lg) {
|
||||
@media (min-width: $bp-screen-lg) {
|
||||
@include span(3);
|
||||
}
|
||||
|
||||
@media(min-width: $bp-screen-xl) {
|
||||
@media (min-width: $bp-screen-xl) {
|
||||
@include span(3);
|
||||
}
|
||||
|
||||
@@ -319,7 +318,7 @@
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(4);
|
||||
|
||||
border-bottom: none;
|
||||
@@ -339,7 +338,7 @@
|
||||
.accomplishment-brief {
|
||||
margin-bottom: spacing-vertical(small);
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(6);
|
||||
}
|
||||
|
||||
@@ -364,7 +363,7 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(6);
|
||||
|
||||
margin-bottom: 0;
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
|
||||
// page set up - only available to modern browsers now
|
||||
@page {
|
||||
size : landscape;
|
||||
size: landscape;
|
||||
}
|
||||
|
||||
@media print {
|
||||
@@ -61,7 +61,8 @@
|
||||
}
|
||||
|
||||
// prevent large elements from being split across multiple pages
|
||||
ul, img {
|
||||
ul,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
@@ -79,7 +80,6 @@
|
||||
|
||||
.wrapper-view {
|
||||
margin-bottom: 0 !important;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -87,7 +87,7 @@
|
||||
@media print and (color) {
|
||||
* {
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
print-color-adjust: exact; /* stylelint-disable-line */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -297,7 +297,8 @@
|
||||
border-bottom: none !important;
|
||||
padding-bottom: 0 !important;
|
||||
|
||||
.label, .value {
|
||||
.label,
|
||||
.value {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
font-size: font-size(x-small);
|
||||
@@ -325,7 +326,6 @@
|
||||
|
||||
@include text-align(right);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -26,13 +26,13 @@
|
||||
.content-main {
|
||||
margin-bottom: spacing-vertical(base);
|
||||
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(9, after);
|
||||
}
|
||||
}
|
||||
|
||||
.content-secondary {
|
||||
@media(min-width: $bp-screen-md) {
|
||||
@media (min-width: $bp-screen-md) {
|
||||
@include span(3, before);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -74,7 +74,9 @@
|
||||
float: left;
|
||||
padding: ($baseline*0.5) 0;
|
||||
|
||||
.product-info, .product-name, .price {
|
||||
.product-info,
|
||||
.product-name,
|
||||
.price {
|
||||
@extend %t-ultrastrong;
|
||||
|
||||
color: $m-blue-d3;
|
||||
|
||||
@@ -48,7 +48,8 @@
|
||||
|
||||
/* modal-specific */
|
||||
|
||||
#upsell-modal, #portfolio-experiment-upsell-modal {
|
||||
#upsell-modal,
|
||||
#portfolio-experiment-upsell-modal {
|
||||
display: none;
|
||||
|
||||
/* slick modal from https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css */
|
||||
@@ -505,7 +506,7 @@
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px){
|
||||
@media only screen and (max-width: 600px) {
|
||||
.slick-slide.carousel-item {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
@@ -209,7 +209,9 @@
|
||||
position: absolute;
|
||||
background-color: theme-color("inverse");
|
||||
color: theme-color("secondary");
|
||||
|
||||
@include right(30px);
|
||||
|
||||
top: 55px;
|
||||
z-index: 10;
|
||||
|
||||
|
||||
@@ -14,11 +14,8 @@
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover, &:active {
|
||||
|
||||
}
|
||||
|
||||
&.disabled, &[disabled] {
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
@@ -42,16 +39,19 @@
|
||||
@extend %m-btn-edged;
|
||||
|
||||
border: none;
|
||||
padding:($baseline/2) ($baseline);
|
||||
padding: ($baseline/2) ($baseline);
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0;
|
||||
|
||||
&.disabled, &[disabled], &.is-disabled {
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
&.is-disabled {
|
||||
background: $action-primary-disabled-bg;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $action-primary-disabled-bg !important; // needed for IE currently
|
||||
}
|
||||
}
|
||||
@@ -65,7 +65,9 @@
|
||||
background: $action-primary-bg;
|
||||
color: $action-primary-fg;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
background: $action-primary-focused-bg;
|
||||
}
|
||||
|
||||
@@ -73,18 +75,22 @@
|
||||
box-shadow: 0 0 6px 0 $action-primary-active-focused-shadow;
|
||||
}
|
||||
|
||||
&.current, &.active {
|
||||
&.current,
|
||||
&.active {
|
||||
box-shadow: inset 0 2px 1px 1px $action-primary-active-shadow;
|
||||
background: $action-primary-active-bg;
|
||||
color: $action-primary-active-fg;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
box-shadow: inset 0 2px 1px 1px $action-primary-active-focused-shadow;
|
||||
color: $action-primary-active-focused-fg;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled, &[disabled] {
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
box-shadow: none;
|
||||
background: $action-primary-disabled-bg; // needed for IE currently
|
||||
}
|
||||
@@ -98,7 +104,9 @@
|
||||
background: $action-secondary-bg;
|
||||
color: $action-secondary-fg;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
background: $action-secondary-focused-bg;
|
||||
}
|
||||
|
||||
@@ -106,18 +114,22 @@
|
||||
box-shadow: 0 0 6px 0 $action-primary-active-focused-shadow;
|
||||
}
|
||||
|
||||
&.current, &.active {
|
||||
&.current,
|
||||
&.active {
|
||||
box-shadow: inset 0 2px 1px 1px $action-secondary-active-shadow;
|
||||
background: $action-secondary-active-bg;
|
||||
color: $action-secondary-active-fg;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
box-shadow: inset 0 2px 1px 1px $action-secondary-active-focused-shadow;
|
||||
color: $action-secondary-active-focused-fg;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled, &[disabled] {
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
box-shadow: none;
|
||||
background: $action-secondary-disabled-bg; // needed for IE currently
|
||||
}
|
||||
@@ -127,7 +139,10 @@
|
||||
// ====================
|
||||
|
||||
// edx.org marketing site - needed, but bad overrides with importants
|
||||
.view-register, .view-login, .view-passwordreset, .view-survey {
|
||||
.view-register,
|
||||
.view-login,
|
||||
.view-passwordreset,
|
||||
.view-survey {
|
||||
.form-actions button[type="submit"] {
|
||||
text-transform: none;
|
||||
vertical-align: middle;
|
||||
@@ -145,13 +160,17 @@
|
||||
|
||||
//overriding reset link style for nav/header
|
||||
.header-global {
|
||||
.logo a:hover, .logo:active, .logo a:focus {
|
||||
.logo a:hover,
|
||||
.logo:active,
|
||||
.logo a:focus {
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.nav-global a:hover, .nav-global a:active, .nav-global a:focus {
|
||||
.nav-global a:hover,
|
||||
.nav-global a:active,
|
||||
.nav-global a:focus {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
@@ -179,7 +198,8 @@ footer .references {
|
||||
// ====================
|
||||
|
||||
// modal semantic button resetting - overriding the poorly scoped button mixin styling
|
||||
.close-modal, button.close-modal {
|
||||
.close-modal,
|
||||
button.close-modal {
|
||||
@extend %ui-reset-button;
|
||||
|
||||
&:focus {
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
// home-header-pop-up animation
|
||||
//************************************************************************//
|
||||
|
||||
/* stylelint-disable */
|
||||
|
||||
.animation-home-header-pop-up {
|
||||
@include animation(home-header-pop-up 1.15s ease-in-out);
|
||||
@include animation-fill-mode(both);
|
||||
|
||||
@@ -318,7 +318,7 @@ div.reset-deadlines-banner {
|
||||
flex: 0 1 auto;
|
||||
|
||||
a {
|
||||
color: #FFFFFF;
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -100,21 +100,17 @@
|
||||
// ====================
|
||||
|
||||
// needed utility extend for resetting poor basic <button> elem styling
|
||||
%ui-reset-button {
|
||||
%ui-reset-button {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
background: transparent !important;
|
||||
text-shadow: none !important;
|
||||
letter-spacing: 0 !important;
|
||||
text-transform: none !important;
|
||||
|
||||
&:focus {
|
||||
// outline: thin dotted !important;
|
||||
}
|
||||
}
|
||||
|
||||
// light button reset
|
||||
%ui-clear-button {
|
||||
%ui-clear-button {
|
||||
background: none;
|
||||
border-radius: ($baseline/4);
|
||||
box-shadow: none;
|
||||
@@ -164,6 +160,6 @@
|
||||
// Adds a simple extend that indicates that this user interface element should not print
|
||||
%ui-print-excluded {
|
||||
@media print {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -27,7 +27,7 @@ $edx-bp-huge: new-breakpoint(min-width 980px 12);
|
||||
@mixin grid-container() {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
flex-wrap: wrap; /* stylelint-disable-line */
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
box-sizing: border-box;
|
||||
|
||||
@@ -53,9 +53,9 @@
|
||||
// ====================
|
||||
|
||||
// theme mixin styles
|
||||
@mixin login_register_h1_style {}
|
||||
@mixin login_register_h1_style {} /* stylelint-disable-line */
|
||||
|
||||
@mixin footer_references_style {}
|
||||
@mixin footer_references_style {} /* stylelint-disable-line */
|
||||
|
||||
// ====================
|
||||
|
||||
@@ -151,7 +151,9 @@
|
||||
padding: 0;
|
||||
text-indent: 0;
|
||||
|
||||
li, dt, dd {
|
||||
li,
|
||||
dt,
|
||||
dd {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -166,7 +168,7 @@
|
||||
|
||||
// extends - text - wrapping
|
||||
%text-wrap {
|
||||
text-wrap: wrap;
|
||||
text-wrap: wrap; /* stylelint-disable-line */
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap;
|
||||
word-wrap: break-word;
|
||||
@@ -207,7 +209,8 @@
|
||||
%shame-link-base {
|
||||
color: $link-color;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: saturate($link-color, 50%);
|
||||
}
|
||||
}
|
||||
@@ -215,7 +218,8 @@
|
||||
%shame-link-text {
|
||||
@extend %shame-link-base;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -21,10 +21,8 @@
|
||||
.alert.alert-warning .message-content .enroll-btn.btn-link {
|
||||
color: #004368;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Alerts
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
text-decoration: none;
|
||||
padding: 0;
|
||||
margin-right: $baseline/4;
|
||||
font-size: .8em;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
@include text-align(left);
|
||||
|
||||
margin: -2px 0 8px;
|
||||
font-size: .8em;
|
||||
font-size: 0.8em;
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
|
||||
@@ -150,7 +150,7 @@
|
||||
.pill {
|
||||
@include font-size(12);
|
||||
|
||||
padding: 2px 8px 2px 8px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 5px;
|
||||
margin-left: 8px;
|
||||
font-style: italic;
|
||||
|
||||
@@ -2,9 +2,9 @@
|
||||
// Upgrade
|
||||
|
||||
$notification-highlight-border-color: $uxpl-green-base !default;
|
||||
$notification-background: rgb(255, 255, 255) !default
|
||||
$notification-background: rgb(255, 255, 255) !default;
|
||||
|
||||
.home{
|
||||
.home {
|
||||
@include clearfix();
|
||||
|
||||
max-width: map-get($container-max-widths, xl);
|
||||
@@ -114,15 +114,17 @@ div.info-wrapper {
|
||||
margin-bottom: lh();
|
||||
}
|
||||
|
||||
> ol,section,div {
|
||||
> ol,
|
||||
section,
|
||||
div {
|
||||
list-style: none;
|
||||
margin-bottom: lh();
|
||||
padding-left: 0;
|
||||
|
||||
.updates-article {
|
||||
border-radius:3px;
|
||||
border-radius: 3px;
|
||||
background-color: $white;
|
||||
border:1px solid transparent;
|
||||
border: 1px solid transparent;
|
||||
|
||||
&:hover {
|
||||
border: 1px solid $gray-l3;
|
||||
@@ -142,14 +144,16 @@ div.info-wrapper {
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: unset;
|
||||
color: $m-blue-d3;
|
||||
border: 1px solid black;
|
||||
}
|
||||
}
|
||||
|
||||
> li,article {
|
||||
> li,
|
||||
article {
|
||||
@extend .clearfix;
|
||||
|
||||
padding: $baseline;
|
||||
@@ -157,8 +161,10 @@ div.info-wrapper {
|
||||
margin-bottom: lh(1.5);
|
||||
background-color: $white;
|
||||
|
||||
ol, ul {
|
||||
ol,ul {
|
||||
ol,
|
||||
ul {
|
||||
ol,
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
}
|
||||
@@ -173,7 +179,7 @@ div.info-wrapper {
|
||||
@include padding-left($baseline);
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.toggle-visibility-button {
|
||||
@extend %t-title9;
|
||||
@@ -189,8 +195,8 @@ div.info-wrapper {
|
||||
}
|
||||
|
||||
.toggle-visibility-element {
|
||||
content:'';
|
||||
display:block;
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
@@ -316,7 +316,6 @@ $divider-visual-tertiary: ($baseline/20) solid $gray-l4;
|
||||
|
||||
.note-comment {
|
||||
color: $gray-d2;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -478,7 +477,8 @@ $divider-visual-tertiary: ($baseline/20) solid $gray-l4;
|
||||
}
|
||||
}
|
||||
|
||||
p, ul {
|
||||
p,
|
||||
ul {
|
||||
margin-bottom: $baseline;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@ div.syllabus {
|
||||
text-align: center;
|
||||
|
||||
h1 {
|
||||
@extend .top-header
|
||||
@extend .top-header;
|
||||
}
|
||||
|
||||
.notes {
|
||||
@@ -33,7 +33,10 @@ div.syllabus {
|
||||
font-size: 1em !important;
|
||||
line-height: auto;
|
||||
|
||||
&.day, &.due, &.slides, &.assignment {
|
||||
&.day,
|
||||
&.due,
|
||||
&.slides,
|
||||
&.assignment {
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ div.static_tab_wrapper {
|
||||
padding: 2em 2.5em;
|
||||
|
||||
h1 {
|
||||
@extend .top-header
|
||||
@extend .top-header;
|
||||
}
|
||||
|
||||
section {
|
||||
|
||||
@@ -3,8 +3,6 @@ div.book-wrapper {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
|
||||
/*background-color: $white;*/
|
||||
|
||||
#open_close_accordion {
|
||||
display: none;
|
||||
}
|
||||
@@ -61,7 +59,8 @@ div.book-wrapper {
|
||||
padding: 0;
|
||||
color: theme-color("primary");
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: transparent;
|
||||
color: $uxpl-blue-hover-active;
|
||||
|
||||
@@ -76,7 +75,8 @@ div.book-wrapper {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
filter: alpha(opacity=60);
|
||||
opacity: 0.6;
|
||||
}
|
||||
@@ -104,7 +104,7 @@ div.book-wrapper {
|
||||
@extend .content;
|
||||
|
||||
padding: 0;
|
||||
width:76%;
|
||||
width: 76%;
|
||||
|
||||
nav {
|
||||
@extend .clearfix;
|
||||
@@ -142,12 +142,13 @@ div.book-wrapper {
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.is-disabled {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -166,7 +167,6 @@ div.book-wrapper {
|
||||
background-image: url('#{$static-path}/images/textbook/textbook-right.png');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -197,7 +197,8 @@ div.book-wrapper {
|
||||
line-height: 1.6em;
|
||||
margin: ($baseline/4);
|
||||
|
||||
.Paragraph, h2 {
|
||||
.Paragraph,
|
||||
h2 {
|
||||
margin-top: ($baseline/2);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -41,7 +41,15 @@ body {
|
||||
background-color: $course-bg-color;
|
||||
}
|
||||
|
||||
body, h1, h2, h3, h4, h5, h6, p, label {
|
||||
body,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
label {
|
||||
@include text-align(left);
|
||||
|
||||
font-family: $font-family-sans-serif;
|
||||
@@ -200,7 +208,8 @@ img {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.2s;
|
||||
|
||||
p, span {
|
||||
p,
|
||||
span {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
|
||||
@@ -77,7 +77,10 @@ a.light-button, // only used in askbot as classes
|
||||
width: flex-grid(3);
|
||||
background: $sidebar-color;
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-weight: bold;
|
||||
letter-spacing: 0;
|
||||
text-transform: none;
|
||||
@@ -116,7 +119,8 @@ a.light-button, // only used in askbot as classes
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
ul,
|
||||
ol {
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
|
||||
|
||||
@@ -55,7 +55,9 @@
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
box-shadow: 0 2px 1px $shadow;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,7 +18,8 @@ table.ccx-schedule {
|
||||
width: 18%;
|
||||
}
|
||||
|
||||
th, td {
|
||||
th,
|
||||
td {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@@ -132,7 +132,6 @@ section.tool-wrapper {
|
||||
|
||||
@include clearfix();
|
||||
|
||||
margin-bottom: lh();
|
||||
margin-bottom: lh();
|
||||
padding: 0 0 lh();
|
||||
}
|
||||
@@ -179,25 +178,30 @@ section.tool-wrapper {
|
||||
}
|
||||
|
||||
//MOSFET AMPLIFIER
|
||||
label[for="vinCheckbox"], label[for="vinRadioButton"]{
|
||||
label[for="vinCheckbox"],
|
||||
label[for="vinRadioButton"] {
|
||||
color: desaturate(#00bfff, 50%);
|
||||
}
|
||||
|
||||
label[for="voutCheckbox"], label[for="voutRadioButton"]{
|
||||
label[for="voutCheckbox"],
|
||||
label[for="voutRadioButton"] {
|
||||
color: darken(#ffcf48, 20%);
|
||||
}
|
||||
|
||||
label[for="vrCheckbox"], label[for="vrRadioButton"]{
|
||||
label[for="vrCheckbox"],
|
||||
label[for="vrRadioButton"] {
|
||||
color: desaturate(#1df914, 40%);
|
||||
}
|
||||
|
||||
//RC Filters
|
||||
label[for="vcCheckbox"], label[for="vcRadioButton"]{
|
||||
label[for="vcCheckbox"],
|
||||
label[for="vcRadioButton"] {
|
||||
color: darken(#ffcf48, 20%);
|
||||
}
|
||||
|
||||
//RLC Series
|
||||
label[for="vlCheckbox"], label[for="vlRadioButton"]{
|
||||
label[for="vlCheckbox"],
|
||||
label[for="vlRadioButton"] {
|
||||
color: desaturate(#d33682, 40%);
|
||||
}
|
||||
|
||||
@@ -249,7 +253,9 @@ section.tool-wrapper {
|
||||
box-shadow: inset 0 1px 0 lighten(#586e75, 20%);
|
||||
margin-top: -0.3em;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: lighten(#586e75, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -205,7 +205,7 @@ html.video-fullscreen {
|
||||
}
|
||||
|
||||
.proctored-exam-code {
|
||||
margin: 5px 0px;
|
||||
margin: 5px 0;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
@@ -228,11 +228,11 @@ html.video-fullscreen {
|
||||
}
|
||||
|
||||
.copy-exam-code-button {
|
||||
margin: 5px 0px;
|
||||
margin: 5px 0;
|
||||
padding: 7.5px 20px;
|
||||
margin-left: -5px;
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.exam-action-button {
|
||||
|
||||
@@ -6,7 +6,8 @@
|
||||
display: table-cell; // needed to extend the sidebar the full height of the area
|
||||
|
||||
// provides sufficient contrast for all screen reader-only elements
|
||||
.sr, .sr-only {
|
||||
.sr,
|
||||
.sr-only {
|
||||
color: $black;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
@@ -251,7 +251,7 @@
|
||||
@include margin-left(1px);
|
||||
@include font-size(14);
|
||||
|
||||
font-family: verdana,arial,sans-serif;
|
||||
font-family: verdana, arial, sans-serif;
|
||||
color: #333;
|
||||
|
||||
.slick-cell {
|
||||
@@ -557,7 +557,7 @@
|
||||
|
||||
input[name="send_to"]:disabled + label {
|
||||
font-weight: lighter;
|
||||
background-color: $light-gray3
|
||||
background-color: $light-gray3;
|
||||
}
|
||||
|
||||
.email-targets-primary {
|
||||
@@ -647,7 +647,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.batch-enrollment-ccx{
|
||||
.batch-enrollment-ccx {
|
||||
@extend .batch-enrollment;
|
||||
|
||||
float: left;
|
||||
@@ -674,7 +674,9 @@
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: ($baseline/2);
|
||||
|
||||
@include left(-9999em);
|
||||
|
||||
padding: ($baseline/2);
|
||||
width: 50%;
|
||||
background-color: $light-gray3;
|
||||
@@ -1568,7 +1570,8 @@
|
||||
|
||||
margin-top: 25px;
|
||||
|
||||
.metrics-left, .metrics-left-header {
|
||||
.metrics-left,
|
||||
.metrics-left-header {
|
||||
position: relative;
|
||||
width: 30%;
|
||||
|
||||
@@ -1717,7 +1720,7 @@
|
||||
}
|
||||
|
||||
input[name="subject"] {
|
||||
width:600px;
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.enrollment-wrapper {
|
||||
@@ -1779,7 +1782,6 @@ input[name="subject"] {
|
||||
@include float(right);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#e-commerce {
|
||||
@@ -1813,7 +1815,7 @@ input[name="subject"] {
|
||||
|
||||
.error-msgs {
|
||||
background: #ffeef5;
|
||||
color:#b72667;
|
||||
color: #b72667;
|
||||
text-align: center;
|
||||
padding: ($baseline/2) 0;
|
||||
font-family: $font-family-sans-serif;
|
||||
@@ -2034,7 +2036,7 @@ input[name="subject"] {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
input[name="generate-registration-codes-csv"]{
|
||||
input[name="generate-registration-codes-csv"] {
|
||||
@include button(simple, $primary);
|
||||
|
||||
@extend .button-reset;
|
||||
@@ -2134,7 +2136,8 @@ input[name="subject"] {
|
||||
min-height: 45px !important;
|
||||
}
|
||||
|
||||
li#generate-registration-modal-field-city, li#generate-registration-modal-field-state,
|
||||
li#generate-registration-modal-field-city,
|
||||
li#generate-registration-modal-field-state,
|
||||
li#generate-registration-modal-field-zipcode {
|
||||
width: 205px;
|
||||
}
|
||||
@@ -2336,7 +2339,6 @@ input[name="subject"] {
|
||||
.example-certificate-status-wrapper {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
input[name="subject"] {
|
||||
@@ -2395,7 +2397,7 @@ input[name="subject"] {
|
||||
@include float(right);
|
||||
|
||||
line-height: 14px;
|
||||
font-size: 0.7em;
|
||||
font-size: 0.7em; /* stylelint-disable-line */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2786,7 +2788,8 @@ input[name="subject"] {
|
||||
}
|
||||
}
|
||||
|
||||
.white-listed-students, .invalidation-history {
|
||||
.white-listed-students,
|
||||
.invalidation-history {
|
||||
margin-top: 10px;
|
||||
padding-top: 5px;
|
||||
|
||||
@@ -2819,7 +2822,6 @@ input[name="subject"] {
|
||||
&.action {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
td {
|
||||
@@ -2890,7 +2892,6 @@ input[name="subject"] {
|
||||
margin: 2px;
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.arrow {
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
$proctoring-banner-text-size: 14px;
|
||||
|
||||
.wrapper-preview-menu {
|
||||
@include clearfix();
|
||||
|
||||
@@ -192,6 +193,7 @@ $proctoring-banner-text-size: 14px;
|
||||
border-top-left-radius: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
display: inline;
|
||||
font-size: $proctoring-banner-text-size;
|
||||
|
||||
@@ -29,7 +29,8 @@
|
||||
background: $black-t1;
|
||||
color: $white;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $gray-d1;
|
||||
}
|
||||
|
||||
@@ -56,7 +57,8 @@
|
||||
.calculator-input-help-table {
|
||||
margin: ($baseline/2) 0;
|
||||
|
||||
tr th, tr td {
|
||||
tr th,
|
||||
tr td {
|
||||
vertical-align: top;
|
||||
border: 1px solid $gray-l4;
|
||||
padding: ($baseline/2);
|
||||
@@ -93,7 +95,8 @@
|
||||
-webkit-appearance: none;
|
||||
width: flex-grid(0.5) + flex-gutter();
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $blue-d2;
|
||||
color: $white;
|
||||
}
|
||||
@@ -120,7 +123,7 @@
|
||||
padding: 10px;
|
||||
-webkit-appearance: none;
|
||||
width: flex-grid(4);
|
||||
|
||||
|
||||
&.has-result {
|
||||
border: 1px solid $green-d1;
|
||||
box-shadow: inset 0 0 ($baseline/3) $green-d1;
|
||||
@@ -215,14 +218,16 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p, p+p {
|
||||
p,
|
||||
p + p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.calc-postfixes {
|
||||
margin: 10px auto;
|
||||
|
||||
td, th {
|
||||
td,
|
||||
th {
|
||||
padding: 2px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
// --------------------
|
||||
$notes-annotator-background-light: rgb(251, 251, 251); // taken from annotatorJS base colors
|
||||
$notes-annotator-background-med: rgb(214, 214, 214); // taken from annotatorJS base colors
|
||||
$notes-annotator-background-dark: rgba(122,122,122,0.6); // taken from annotatorJS base colors
|
||||
$notes-annotator-background-dark: rgba(122, 122, 122, 0.6); // taken from annotatorJS base colors
|
||||
|
||||
%notes-reset-background {
|
||||
background-image: none !important;
|
||||
@@ -219,7 +219,8 @@ $notes-annotator-background-dark: rgba(122,122,122,0.6); // taken from annotator
|
||||
font-family: $font-family-sans-serif !important;
|
||||
|
||||
// actions
|
||||
.annotator-save, .annotator-cancel {
|
||||
.annotator-save,
|
||||
.annotator-cancel {
|
||||
@extend %notes-reset-background;
|
||||
|
||||
padding: ($baseline/4) ($baseline/2) !important;
|
||||
@@ -256,7 +257,8 @@ $notes-annotator-background-dark: rgba(122,122,122,0.6); // taken from annotator
|
||||
background: $notes-annotator-background-light !important; //matches annotator JS editing bubble triangle color
|
||||
|
||||
// STATE: hover/focus
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $notes-annotator-background-light;
|
||||
}
|
||||
}
|
||||
@@ -275,12 +277,14 @@ $notes-annotator-background-dark: rgba(122,122,122,0.6); // taken from annotator
|
||||
color: $link-color;
|
||||
|
||||
// STATE: hover/focus
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
// STATE: disabled
|
||||
&:disabled, &.is-disabled {
|
||||
&:disabled,
|
||||
&.is-disabled {
|
||||
@extend %ui-disabled;
|
||||
|
||||
opacity: 0.5;
|
||||
@@ -294,7 +298,8 @@ $notes-annotator-background-dark: rgba(122,122,122,0.6); // taken from annotator
|
||||
color: $link-color;
|
||||
|
||||
// STATE: hover/focus
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
@@ -326,7 +331,9 @@ $notes-annotator-background-dark: rgba(122,122,122,0.6); // taken from annotator
|
||||
@include float(right);
|
||||
@include padding-left($baseline/4);
|
||||
|
||||
.annotator-edit, .annotator-delete, .annotator-close {
|
||||
.annotator-edit,
|
||||
.annotator-delete,
|
||||
.annotator-close {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
@@ -23,7 +23,7 @@ table.wiki-history {
|
||||
}
|
||||
|
||||
&#modified {
|
||||
width:20%;
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
float: right;
|
||||
}
|
||||
|
||||
.form-search .input-prepend>label {
|
||||
.form-search .input-prepend > label {
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
@@ -23,11 +23,11 @@
|
||||
}
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Breadcrumbs
|
||||
// Breadcrumbs
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
.breadcrumb {
|
||||
list-style: none;
|
||||
@@ -43,7 +43,6 @@
|
||||
float: left;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
height: 30px;
|
||||
line-height: 31px;
|
||||
max-width: 200px;
|
||||
height: 100%;
|
||||
@@ -69,11 +68,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Global Functions
|
||||
// Global Functions
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
.global-functions {
|
||||
display: block;
|
||||
@@ -89,7 +88,8 @@
|
||||
font-size: 0.72em;
|
||||
font-weight: 600;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -122,11 +122,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Article
|
||||
// Article
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
h1 {
|
||||
font-weight: bold;
|
||||
@@ -228,11 +228,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Sidebar
|
||||
// Sidebar
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
.article-functions {
|
||||
float: left;
|
||||
@@ -254,7 +254,6 @@
|
||||
.date {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.see-children {
|
||||
@@ -269,7 +268,8 @@
|
||||
font-size: 0.9em;
|
||||
line-height: 25px;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $uxpl-blue-hover-active;
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -289,7 +289,7 @@
|
||||
font-weight: bold;
|
||||
background-color: $light-gray1;
|
||||
border-color: $uxpl-blue-hover-active;
|
||||
border-left: 4px solid
|
||||
border-left: 4px solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -311,7 +311,8 @@
|
||||
padding-right: ($baseline/4);
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $uxpl-blue-hover-active;
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -321,11 +322,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Edit
|
||||
// Edit
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
label {
|
||||
font-family: $font-family-sans-serif;
|
||||
@@ -362,7 +363,7 @@
|
||||
top: 10px;
|
||||
right: 0%;
|
||||
font-size: 12px;
|
||||
text-align:right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.CodeMirror {
|
||||
@@ -428,7 +429,8 @@
|
||||
text-transform: none !important;
|
||||
letter-spacing: 0 !important;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $body-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -507,7 +509,8 @@
|
||||
padding: ($baseline/2) ($baseline/2) 0 ($baseline/2);
|
||||
margin-bottom: ($baseline/2);
|
||||
|
||||
h1, p {
|
||||
h1,
|
||||
p {
|
||||
color: $body-color;
|
||||
}
|
||||
|
||||
@@ -601,11 +604,11 @@
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Changes
|
||||
// Changes
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
&.history {
|
||||
.accordion {
|
||||
@@ -615,7 +618,8 @@
|
||||
background: #f9f9f9;
|
||||
border-radius: 5px;
|
||||
|
||||
a:hover, a:focus {
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -663,11 +667,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Settings
|
||||
// Settings
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
#settings_form {
|
||||
.well {
|
||||
@@ -699,11 +703,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
New
|
||||
// New
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
.new-article {
|
||||
margin: auto;
|
||||
@@ -744,11 +748,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Directory
|
||||
// Directory
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
.directory-toolbar {
|
||||
background-color: $sidebar-color;
|
||||
padding: 9px;
|
||||
@@ -779,7 +783,8 @@
|
||||
width: 100%;
|
||||
margin-top: $baseline;
|
||||
|
||||
th, td {
|
||||
th,
|
||||
td {
|
||||
border-bottom: 1px solid $light-gray;
|
||||
padding: 8px;
|
||||
overflow: hidden;
|
||||
@@ -790,7 +795,8 @@
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
@@ -803,11 +809,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Attachments
|
||||
// Attachments
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
.attachment-options {
|
||||
height: 40px;
|
||||
@@ -873,11 +879,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Delete
|
||||
// Delete
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
#div_id_confirm {
|
||||
position: relative;
|
||||
@@ -904,11 +910,11 @@
|
||||
|
||||
|
||||
|
||||
/*-----------------
|
||||
// -----------------
|
||||
|
||||
Alerts
|
||||
// Alerts
|
||||
|
||||
-----------------*/
|
||||
// -----------------
|
||||
|
||||
.alert {
|
||||
position: relative;
|
||||
@@ -964,7 +970,8 @@
|
||||
text-align: center;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: darken($pink, 12%);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,8 +8,8 @@
|
||||
color 0.125s ease-in-out 0s,
|
||||
border-color 0.125s ease-in-out 0s,
|
||||
background 0.125s ease-in-out 0s,
|
||||
box-shadow 0.125s ease-in-out 0s
|
||||
);
|
||||
box-shadow 0.125s ease-in-out 0s
|
||||
);
|
||||
|
||||
display: inline-block;
|
||||
border: 1px solid $forum-color-active-thread;
|
||||
@@ -54,7 +54,8 @@
|
||||
}
|
||||
|
||||
// Use pattern library buttons for discussion components
|
||||
.discussion-module, .wmd-prompt-dialog {
|
||||
.discussion-module,
|
||||
.wmd-prompt-dialog {
|
||||
.btn {
|
||||
@extend %pattern-library-btn;
|
||||
|
||||
|
||||
@@ -22,7 +22,8 @@
|
||||
background-color: $white;
|
||||
color: theme-color("gray-dark");
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
@@ -71,7 +72,8 @@
|
||||
width: auto;
|
||||
background-color: $forum-color-background-light;
|
||||
|
||||
ol, ul { // Fix up the RTL-only _reset.scss, but only in specific places
|
||||
ol,
|
||||
ul { // Fix up the RTL-only _reset.scss, but only in specific places
|
||||
@include padding-left($baseline*2);
|
||||
@include padding-right(0);
|
||||
}
|
||||
|
||||
@@ -155,7 +155,8 @@
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
.action-label {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -171,7 +172,9 @@
|
||||
color: theme-color("primary");
|
||||
}
|
||||
|
||||
&.is-checked, &:hover, &:focus {
|
||||
&.is-checked,
|
||||
&:hover,
|
||||
&:focus {
|
||||
.action-icon {
|
||||
background-color: $forum-color-following;
|
||||
border: 1px solid theme-color("primary");
|
||||
@@ -179,7 +182,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $forum-color-following;
|
||||
}
|
||||
}
|
||||
@@ -189,7 +193,9 @@
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.is-checked, &:hover, &:focus {
|
||||
&.is-checked,
|
||||
&:hover,
|
||||
&:focus {
|
||||
.action-icon {
|
||||
background-color: $green;
|
||||
border: 1px solid $green;
|
||||
@@ -197,7 +203,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $green;
|
||||
|
||||
.action-label {
|
||||
@@ -207,7 +214,9 @@
|
||||
}
|
||||
|
||||
&.action-endorse {
|
||||
&.is-checked, &:hover, &:focus {
|
||||
&.is-checked,
|
||||
&:hover,
|
||||
&:focus {
|
||||
.action-icon {
|
||||
background-color: theme-color("primary");
|
||||
border: 1px solid theme-color("primary");
|
||||
@@ -215,7 +224,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: theme-color("primary");
|
||||
background-color: $forum-color-background;
|
||||
|
||||
@@ -226,7 +236,9 @@
|
||||
}
|
||||
|
||||
&.action-answer {
|
||||
&.is-checked, &:hover, &:focus {
|
||||
&.is-checked,
|
||||
&:hover,
|
||||
&:focus {
|
||||
.action-icon {
|
||||
border: 1px solid $green;
|
||||
background-color: $green;
|
||||
@@ -234,7 +246,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $green;
|
||||
background-color: $forum-color-background;
|
||||
|
||||
@@ -248,7 +261,8 @@
|
||||
&.action-more {
|
||||
position: relative;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: theme-color("dark");
|
||||
background-color: $forum-color-background;
|
||||
|
||||
@@ -282,7 +296,8 @@
|
||||
white-space: nowrap;
|
||||
color: theme-color("secondary");
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-color;
|
||||
}
|
||||
|
||||
@@ -312,14 +327,16 @@
|
||||
}
|
||||
|
||||
// CASE: hover for any action
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.action-button, .action-list-item {
|
||||
.action-button,
|
||||
.action-list-item {
|
||||
.action-label {
|
||||
@include float(left);
|
||||
|
||||
@@ -339,9 +356,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-primary, .btn-outline-primary{
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 2px rgb(0,120,180);
|
||||
.btn-primary,
|
||||
.btn-outline-primary {
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px rgb(0, 120, 180);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
background: none;
|
||||
}
|
||||
|
||||
.wmd-button-bar {
|
||||
.wmd-button-bar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@@ -50,7 +50,6 @@
|
||||
font-size: $forum-small-font-size;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Make post labels tighter when shown inside the left nav
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
// need to override button styles
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
background: $forum-color-background !important;
|
||||
background: $forum-color-background !important; /* stylelint-disable-line */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -132,7 +132,8 @@
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.forum-nav-filter-cohort, .forum-nav-sort {
|
||||
.forum-nav-filter-cohort,
|
||||
.forum-nav-sort {
|
||||
@include text-align(right);
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
@@ -19,12 +19,6 @@
|
||||
// --------------------
|
||||
|
||||
.forum-nav {
|
||||
|
||||
// wrapper for multiple alerts
|
||||
.search-alerts {
|
||||
|
||||
}
|
||||
|
||||
// a single alert, which can be independently displayed / dismissed
|
||||
.search-alert {
|
||||
@include transition(none);
|
||||
@@ -33,7 +27,8 @@
|
||||
background-color: $black;
|
||||
}
|
||||
|
||||
.search-alert-content, .search-alert-controls {
|
||||
.search-alert-content,
|
||||
.search-alert-controls {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -78,7 +73,8 @@
|
||||
font-size: $forum-base-font-size;
|
||||
|
||||
// reseting poorly globally scoped hover/focus state for this control
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -43,14 +43,18 @@
|
||||
// --------------------------------
|
||||
|
||||
// Override global label rules
|
||||
.forum-nav-filter-main, .forum-nav-filter-cohort, .forum-nav-sort {
|
||||
.forum-nav-filter-main,
|
||||
.forum-nav-filter-cohort,
|
||||
.forum-nav-sort {
|
||||
font: inherit;
|
||||
line-height: 1em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// Override global select rules
|
||||
.forum-nav-filter-main-control, .forum-nav-filter-cohort-control, .forum-nav-sort-control {
|
||||
.forum-nav-filter-main-control,
|
||||
.forum-nav-filter-cohort-control,
|
||||
.forum-nav-sort-control {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
@@ -68,7 +72,8 @@ li[class*=forum-nav-thread-label-] {
|
||||
}
|
||||
|
||||
// Override clearfix stuff in .sidebar ul li rules
|
||||
&::before, &::after {
|
||||
&::before,
|
||||
&::after {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@@ -80,12 +85,15 @@ li[class*=forum-nav-thread-label-] {
|
||||
.discussion {
|
||||
|
||||
// Override courseware
|
||||
.post-actions-list, .response-actions-list, .comment-actions-list {
|
||||
.post-actions-list,
|
||||
.response-actions-list,
|
||||
.comment-actions-list {
|
||||
@extend %t-copy-sub2;
|
||||
}
|
||||
|
||||
// Override global span
|
||||
.action-label span, .action-icon span {
|
||||
.action-label span,
|
||||
.action-icon span {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -84,7 +84,9 @@
|
||||
padding: 0;
|
||||
text-indent: 0;
|
||||
|
||||
li, dt, dd {
|
||||
li,
|
||||
dt,
|
||||
dd {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -118,7 +118,8 @@
|
||||
|
||||
margin-top: ($baseline/2);
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: #222;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -100,7 +100,8 @@
|
||||
font-size: $forum-small-font-size;
|
||||
}
|
||||
|
||||
.row-item-full, .row-item {
|
||||
.row-item-full,
|
||||
.row-item {
|
||||
font-size: $forum-small-font-size;
|
||||
padding: 0 ($baseline/2);
|
||||
width: 26%;
|
||||
@@ -155,25 +156,46 @@
|
||||
|
||||
.row-description {
|
||||
display: inline-block;
|
||||
width:80%;
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.helpgrid-row-navigation {
|
||||
.fa-bars {color: theme-color("light");}
|
||||
.fa-search {color: $gray-300;}
|
||||
.fa-sort {color: $gray-300;}
|
||||
.fa-bars {
|
||||
color: theme-color("light");
|
||||
}
|
||||
|
||||
.fa-search {
|
||||
color: $gray-300;
|
||||
}
|
||||
|
||||
.fa-sort {
|
||||
color: $gray-300;
|
||||
}
|
||||
}
|
||||
|
||||
.helpgrid-row-participation {
|
||||
.fa-plus {color: $green;}
|
||||
.fa-flag {color: $pink;}
|
||||
.fa-star {color: $blue;}
|
||||
.fa-plus {
|
||||
color: $green;
|
||||
}
|
||||
|
||||
.fa-flag {
|
||||
color: $pink;
|
||||
}
|
||||
|
||||
.fa-star {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
.helpgrid-row-notification {
|
||||
.fa-square {color: $green;}
|
||||
.fa-envelope {color: $gray-300;}
|
||||
.fa-square {
|
||||
color: $green;
|
||||
}
|
||||
|
||||
.fa-envelope {
|
||||
color: $gray-300;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -53,5 +53,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
padding: $baseline;
|
||||
background-color: $forum-color-background;
|
||||
}
|
||||
|
||||
|
||||
.posted-by {
|
||||
@extend %t-ultrastrong;
|
||||
}
|
||||
@@ -47,7 +47,7 @@
|
||||
.discussion-response {
|
||||
.response-header-content {
|
||||
|
||||
// CASE: larger username for responses
|
||||
// CASE: larger username for responses
|
||||
.username {
|
||||
@extend %t-weight5;
|
||||
|
||||
@@ -56,7 +56,8 @@
|
||||
}
|
||||
|
||||
// rtl resets for response list elements
|
||||
.response-body ol, .response-body ul { // Fix up the RTL-only _reset.scss, but only in specific places
|
||||
.response-body ol,
|
||||
.response-body ul { // Fix up the RTL-only _reset.scss, but only in specific places
|
||||
@include padding-left($baseline*2);
|
||||
@include padding-right(0);
|
||||
}
|
||||
@@ -80,7 +81,7 @@
|
||||
}
|
||||
|
||||
// +response - labels and banners
|
||||
// NOTE - these styles seem to no longer be in use. They have been isolated here, but should be ideally removed or fixed.
|
||||
// NOTE - these styles seem to no longer be in use. They have been isolated here, but should be ideally removed or fixed.
|
||||
.discussion .responses .forum-response {
|
||||
|
||||
// CASE: label - staff response
|
||||
|
||||
@@ -21,10 +21,9 @@
|
||||
position: absolute;
|
||||
display: block;
|
||||
color: #495057;
|
||||
transition: all .1s ease-in-out;
|
||||
transition: all 0.1s ease-in-out;
|
||||
padding-left: 10px;
|
||||
padding-top: 10px;
|
||||
|
||||
}
|
||||
|
||||
input::placeholder {
|
||||
@@ -33,10 +32,9 @@
|
||||
|
||||
input:not(:placeholder-shown) {
|
||||
& ~ label {
|
||||
padding-top: .15rem;
|
||||
padding-top: 0.15rem;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -33,7 +33,8 @@
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.timeago, .top-post-status {
|
||||
.timeago,
|
||||
.top-post-status {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
@@ -59,7 +60,7 @@
|
||||
.response-header-content {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: flex-grid(11,12);
|
||||
width: flex-grid(11, 12);
|
||||
}
|
||||
|
||||
.response-header-actions {
|
||||
@@ -80,6 +81,7 @@
|
||||
.discussion-comment {
|
||||
.response-body {
|
||||
@extend %t-copy-sub2;
|
||||
|
||||
@include padding(($baseline / 2), ($baseline * 1.5), 0, 0);
|
||||
|
||||
display: inline-block;
|
||||
@@ -108,7 +110,9 @@
|
||||
}
|
||||
|
||||
// +thread - elements - shared styles
|
||||
.discussion-post, .discussion-response, .discussion-comment {
|
||||
.discussion-post,
|
||||
.discussion-response,
|
||||
.discussion-comment {
|
||||
@include clearfix();
|
||||
|
||||
// thread - images
|
||||
|
||||
@@ -266,7 +266,6 @@
|
||||
color: $white-t3;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
box-shadow: none;
|
||||
|
||||
&:hover,
|
||||
@@ -364,7 +363,7 @@
|
||||
%btn-pl-primary-base {
|
||||
@extend %btn-pl-default-base;
|
||||
|
||||
background-color: darken($action-primary-bg,10%);
|
||||
background-color: darken($action-primary-bg, 10%);
|
||||
color: $action-primary-fg;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
@font-face {
|
||||
font-family: 'CreativeCommons';
|
||||
src: url('#{$static-path}/fonts/CreativeCommons/cc.eot');
|
||||
src: url('#{$static-path}/fonts/CreativeCommons/cc.eot#iefix') format('embedded-opentype'),
|
||||
src:
|
||||
url('#{$static-path}/fonts/CreativeCommons/cc.eot#iefix') format('embedded-opentype'),
|
||||
url('#{$static-path}/fonts/CreativeCommons/cc.woff') format('woff'),
|
||||
url('#{$static-path}/fonts/CreativeCommons/cc.ttf') format('truetype'),
|
||||
url('#{$static-path}/fonts/CreativeCommons/cc.svg#CreativeCommons') format('svg');
|
||||
@@ -9,7 +10,8 @@
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-cc"]::before, [class*=" icon-cc"]::before {
|
||||
[class^="icon-cc"]::before,
|
||||
[class*=" icon-cc"]::before {
|
||||
font-family: "CreativeCommons";
|
||||
}
|
||||
|
||||
|
||||
@@ -21,7 +21,9 @@
|
||||
@extend %text-sr;
|
||||
}
|
||||
|
||||
.nav-contents, .nav-skip, .transcript-skip {
|
||||
.nav-contents,
|
||||
.nav-skip,
|
||||
.transcript-skip {
|
||||
@extend %nav-skip;
|
||||
}
|
||||
|
||||
@@ -55,7 +57,8 @@
|
||||
color: $white;
|
||||
|
||||
// STATE: hover/active
|
||||
&:hover, &:active {
|
||||
&:hover,
|
||||
&:active {
|
||||
background: $gray-d1;
|
||||
}
|
||||
|
||||
@@ -76,7 +79,9 @@
|
||||
border-radius: 0;
|
||||
|
||||
// STATE: hover/active
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -161,12 +166,6 @@
|
||||
|
||||
// +tabs - styles for tabs and tabpanels (teams and learner profile, currently)
|
||||
// --------------------
|
||||
.page-content-nav {
|
||||
.tab {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.page-content-main {
|
||||
.tabs {
|
||||
.tabpanel {
|
||||
|
||||
@@ -198,5 +198,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -45,7 +45,7 @@ $progress-number-label-color: palette(grayscale, base) !default;
|
||||
color: $progress-complete-number-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.label {
|
||||
font: {
|
||||
size: 1.1em;
|
||||
|
||||
@@ -52,12 +52,12 @@
|
||||
|
||||
.has-actions {
|
||||
.msg-content {
|
||||
width: flex-grid(10,12);
|
||||
width: flex-grid(10, 12);
|
||||
}
|
||||
|
||||
.nav-actions,
|
||||
.msg-actions {
|
||||
width: flex-grid(2,12);
|
||||
width: flex-grid(2, 12);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: right;
|
||||
@@ -70,11 +70,11 @@
|
||||
|
||||
.is-dismissable {
|
||||
.msg-content {
|
||||
width: flex-grid(11,12);
|
||||
width: flex-grid(11, 12);
|
||||
}
|
||||
|
||||
.action-dismiss {
|
||||
width: flex-grid(1,12);
|
||||
width: flex-grid(1, 12);
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
text-align: right;
|
||||
@@ -88,7 +88,8 @@
|
||||
text-shadow: none;
|
||||
color: inherit;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $action-primary-bg;
|
||||
}
|
||||
}
|
||||
@@ -115,16 +116,18 @@
|
||||
|
||||
&.recovery-email-alert {
|
||||
&#banner-msg {
|
||||
background: $state-info-bg ;
|
||||
background: $state-info-bg;
|
||||
box-shadow: none;
|
||||
border-top: 1px solid #579cc5;
|
||||
padding: 20px 20px 20px 40px;
|
||||
margin: -16px 0 5px 0
|
||||
margin: -16px 0 5px 0;
|
||||
}
|
||||
|
||||
.fa-close {
|
||||
position: relative;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fa-close:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -133,6 +136,7 @@
|
||||
&.urgency-low {
|
||||
background: $notify-banner-bg-3;
|
||||
box-shadow: 0 1px 2px $shadow;
|
||||
|
||||
.msg {
|
||||
color: $black;
|
||||
}
|
||||
@@ -240,7 +244,9 @@
|
||||
// ====================
|
||||
|
||||
// shared
|
||||
.wrapper-notification, .wrapper-alert, .prompt {
|
||||
.wrapper-notification,
|
||||
.wrapper-alert,
|
||||
.prompt {
|
||||
@include box-sizing(border-box);
|
||||
|
||||
.copy {
|
||||
@@ -248,7 +254,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper-notification, .wrapper-alert, .prompt {
|
||||
.wrapper-notification,
|
||||
.wrapper-alert,
|
||||
.prompt {
|
||||
background: $gray-d3;
|
||||
|
||||
.copy {
|
||||
@@ -266,7 +274,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
.alert, .notification, .prompt {
|
||||
.alert,
|
||||
.notification,
|
||||
.prompt {
|
||||
|
||||
// types - confirm
|
||||
&.confirm {
|
||||
@@ -541,7 +551,8 @@
|
||||
max-width: none;
|
||||
min-width: none;
|
||||
|
||||
.feedback-symbol, .copy {
|
||||
.feedback-symbol,
|
||||
.copy {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
@@ -553,10 +564,6 @@
|
||||
margin-right: ($baseline/4);
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.copy {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -606,7 +613,8 @@
|
||||
@extend %t-strong;
|
||||
}
|
||||
|
||||
.feedback-symbol, .copy {
|
||||
.feedback-symbol,
|
||||
.copy {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
@@ -797,7 +805,8 @@
|
||||
@extend %t-strong;
|
||||
}
|
||||
|
||||
.feedback-symbol, .copy {
|
||||
.feedback-symbol,
|
||||
.copy {
|
||||
float: left;
|
||||
}
|
||||
|
||||
@@ -905,10 +914,11 @@
|
||||
// Making this optional wouldn't cause any issue for confirmation dialog at-least.
|
||||
@extend %btn-secondary-white !optional;
|
||||
|
||||
padding:($baseline/4) ($baseline/2);
|
||||
padding: ($baseline/4) ($baseline/2);
|
||||
}
|
||||
|
||||
.icon,.button-copy {
|
||||
.icon,
|
||||
.button-copy {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -934,10 +944,6 @@
|
||||
.wrapper-prompt {
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
|
||||
.prompt {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// prompt showing
|
||||
@@ -961,9 +967,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
// alert showing/hiding done by jQuery
|
||||
.wrapper-alert { }
|
||||
|
||||
// notification showing/hiding
|
||||
.wrapper-notification {
|
||||
bottom: -($ui-notification-height);
|
||||
@@ -1050,7 +1053,8 @@
|
||||
|
||||
// temporary
|
||||
body.uxdesign.alerts {
|
||||
.content-primary, .content-supplementary {
|
||||
.content-primary,
|
||||
.content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
|
||||
float: left;
|
||||
@@ -1111,9 +1115,8 @@ body.uxdesign.alerts {
|
||||
margin-bottom: ($baseline*1.5);
|
||||
border-radius: 3px;
|
||||
border: 1px solid #edbd3c;
|
||||
border-radius: 3px;
|
||||
background: #fbf6e1;
|
||||
// background: #edbd3c;
|
||||
|
||||
@include clearfix();
|
||||
|
||||
.alert-message {
|
||||
|
||||
@@ -1,42 +1,41 @@
|
||||
.content-paywall {
|
||||
margin-top: 10px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border: lightgrey 1px solid;
|
||||
padding: 15px 20px;
|
||||
margin-top: 10px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border: lightgrey 1px solid;
|
||||
padding: 15px 20px;
|
||||
|
||||
h3 {
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
h3 {
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.fa-lock {
|
||||
color: black;
|
||||
margin-right: 10px;
|
||||
font-size: 24px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.fa-lock {
|
||||
color: black;
|
||||
margin-right: 10px;
|
||||
font-size: 24px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.certDIV_1 {
|
||||
color: rgb(25, 125, 29);
|
||||
height: 20px;
|
||||
width: 300px;
|
||||
font: normal normal 600 normal 14px / 20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.certDIV_1 {
|
||||
color: rgb(25, 125, 29);
|
||||
height: 20px;
|
||||
width: 300px;
|
||||
font: normal normal 600 normal 14px / 20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.certA_1 {
|
||||
text-decoration: underline !important;
|
||||
color: rgb(0, 117, 180);
|
||||
font: normal normal 400 normal 16px / 25.6px 'Open Sans';
|
||||
}
|
||||
.certA_1 {
|
||||
text-decoration: underline !important;
|
||||
color: rgb(0, 117, 180);
|
||||
font: normal normal 400 normal 16px / 25.6px 'Open Sans';
|
||||
}
|
||||
|
||||
.certSPAN_1 {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 60px;
|
||||
}
|
||||
.certSPAN_1 {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,37 +3,39 @@ body.view-in-mfe {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.course-expiration-message {
|
||||
background-color: #D8EDF8;
|
||||
color: #393f43;
|
||||
font-size: 16px;
|
||||
border: 1px solid #BBDFF2;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
margin: $baseline auto;
|
||||
padding: 20px;
|
||||
background-color: #d8edf8;
|
||||
color: #393f43;
|
||||
font-size: 16px;
|
||||
border: 1px solid #bbdff2;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
margin: $baseline auto;
|
||||
padding: 20px;
|
||||
|
||||
a:not(.btn) {
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
color: #006ea9;
|
||||
a:not(.btn) {
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
color: #006ea9;
|
||||
|
||||
&:hover{
|
||||
color: darken(#006ea9, 15%);
|
||||
text-decoration: underline;
|
||||
}
|
||||
&:hover {
|
||||
color: darken(#006ea9, 15%);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
& + .page-content {
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
& + .page-content {
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
.course-content .course-expiration-message{
|
||||
max-width: $text-width-readability-max;
|
||||
|
||||
.course-content .course-expiration-message {
|
||||
max-width: $text-width-readability-max;
|
||||
}
|
||||
|
||||
#discussion-container .course-expiration-message {
|
||||
margin: $baseline 40px;
|
||||
|
||||
margin: $baseline 40px;
|
||||
}
|
||||
|
||||
@@ -388,7 +388,6 @@
|
||||
margin: 0 0 0 35px;
|
||||
|
||||
.subsection-title {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
font-weight: $font-regular;
|
||||
display: inline;
|
||||
|
||||
@@ -38,7 +38,7 @@ Search for the courseware_verified_certificate_upsell promotion ID.
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px) and (min-width: 768px) {
|
||||
@media only screen and (max-width: 991px) and (min-width: 768px) {
|
||||
.section-upgrade .upgrade-container {
|
||||
float: none;
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
// First purchase offer banner
|
||||
.first-purchase-offer-banner {
|
||||
background-color: #DEE3F1;
|
||||
background-color: #dee3f1;
|
||||
font-size: 16px;
|
||||
border-radius: 7px;
|
||||
padding: 20px;
|
||||
@@ -9,17 +9,16 @@
|
||||
line-height: 1.5;
|
||||
|
||||
.first-purchase-offer-banner-bold {
|
||||
font-weight: bold;
|
||||
color: #393f43;
|
||||
font-weight: bold;
|
||||
color: #393f43;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #23419F !important;
|
||||
color: #23419f !important;
|
||||
text-decoration: underline !important;
|
||||
font-weight: bold !important;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#seq_content .first-purchase-offer-banner {
|
||||
|
||||
@@ -16,7 +16,6 @@
|
||||
background: $course-profile-bg;
|
||||
background-image: $homepage-bg-image;
|
||||
background-size: cover;
|
||||
box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.5);
|
||||
border-bottom: 1px solid $border-color-3;
|
||||
box-shadow: inset 0 1px 5px 0 $shadow-l1;
|
||||
height: 100%;
|
||||
@@ -88,7 +87,8 @@
|
||||
color: $body-color !important;
|
||||
letter-spacing: 0 !important;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-color;
|
||||
}
|
||||
}
|
||||
@@ -105,7 +105,8 @@
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.6);
|
||||
text-transform: none;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-color;
|
||||
}
|
||||
}
|
||||
@@ -120,7 +121,9 @@
|
||||
|
||||
width: flex-grid(12);
|
||||
|
||||
> a.find-courses, a.register, a.add-to-cart {
|
||||
> a.find-courses,
|
||||
a.register,
|
||||
a.add-to-cart {
|
||||
@include button(shiny, $button-color);
|
||||
@include box-sizing(border-box);
|
||||
|
||||
@@ -132,7 +135,8 @@
|
||||
text-align: center;
|
||||
width: flex-grid(6);
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
@@ -142,7 +146,9 @@
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover, &:visited, &:focus {
|
||||
&:hover,
|
||||
&:visited,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -162,12 +168,14 @@
|
||||
text-align: center;
|
||||
width: flex-grid(3, 8);
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
|
||||
span.register, span.add-to-cart {
|
||||
span.register,
|
||||
span.add-to-cart {
|
||||
background: $button-archive-color;
|
||||
border: 1px solid darken($button-archive-color, 50%);
|
||||
|
||||
@@ -254,7 +262,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
|
||||
.play-intro {
|
||||
@@ -367,7 +376,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.prerequisites, .syllabus {
|
||||
.prerequisites,
|
||||
.syllabus {
|
||||
ul {
|
||||
li {
|
||||
font: normal 1em/1.6em $serif;
|
||||
@@ -481,7 +491,8 @@
|
||||
@include margin-right($baseline*0.75);
|
||||
@include padding-right(15px);
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $lighter-base-font-color;
|
||||
}
|
||||
}
|
||||
@@ -497,7 +508,8 @@
|
||||
z-index: 2;
|
||||
float: none;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
.sharing-message {
|
||||
opacity: 1;
|
||||
top: 56px;
|
||||
@@ -535,7 +547,8 @@
|
||||
top: 65px;
|
||||
width: 220px;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@@ -555,7 +568,8 @@
|
||||
|
||||
@include transition(all 0.15s linear 0s);
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@@ -585,7 +599,8 @@
|
||||
margin-bottom: $baseline;
|
||||
padding-bottom: ($baseline/2);
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
.icon {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@@ -135,8 +135,10 @@
|
||||
flex-basis: 100%;
|
||||
padding-top: $baseline/2;
|
||||
|
||||
a, span {
|
||||
a,
|
||||
span {
|
||||
font: -apple-system-short-headline !important;
|
||||
|
||||
@extend %t-title3;
|
||||
@extend %t-regular;
|
||||
|
||||
@@ -164,8 +166,9 @@
|
||||
.info-date-block-container {
|
||||
display: block;
|
||||
|
||||
.info-date-block{
|
||||
.info-date-block {
|
||||
font: -apple-system-short-subheadline !important;
|
||||
|
||||
@extend %t-title7;
|
||||
|
||||
color: $gray; // WCAG 2.0 AA compliant
|
||||
@@ -235,7 +238,8 @@
|
||||
border: 1px solid $white;
|
||||
text-align: center;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $gray-d3;
|
||||
border: 1px solid $gray-l4;
|
||||
}
|
||||
@@ -397,6 +401,7 @@
|
||||
|
||||
.enter-course {
|
||||
font: -apple-system-short-subheadline !important;
|
||||
|
||||
@extend %btn-pl-white-base;
|
||||
|
||||
@include float(right);
|
||||
@@ -584,7 +589,7 @@
|
||||
.coaching-link .btn-neutral {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 20px 20px 0 20px;
|
||||
margin: 20px 20px 0;
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
border: 1px solid theme-color('primary');
|
||||
@@ -817,7 +822,8 @@
|
||||
color: $white; // nasty but needed override for poor <span> styling
|
||||
}
|
||||
|
||||
.copy, .copy-sub {
|
||||
.copy,
|
||||
.copy-sub {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -869,7 +875,7 @@
|
||||
@include float(right);
|
||||
@include margin-right(5px);
|
||||
|
||||
background-image: none ;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
text-transform: none;
|
||||
@@ -898,7 +904,8 @@
|
||||
&.disabled {
|
||||
cursor: default !important;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
@include background-image(linear-gradient(top, #EEE 0%, #C2C2C2 50%, #ABABAB 50%, #B0B0B0 100%));
|
||||
|
||||
background: #eee;
|
||||
@@ -958,7 +965,8 @@
|
||||
font-weight: bold;
|
||||
letter-spacing: 0;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -1136,7 +1144,7 @@
|
||||
|
||||
color: $lighter-base-font-color;
|
||||
margin-bottom: $baseline;
|
||||
text-shadow: 0 1px rgba(255,255,255, 0.6);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
p.custom-message {
|
||||
@@ -1160,8 +1168,9 @@
|
||||
margin-left: ($baseline/4);
|
||||
padding: $baseline*0.75 $baseline;
|
||||
|
||||
&:hover, &:focus {
|
||||
background: theme-color('primary')-l2;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: theme-color('primary')-l2; /* stylelint-disable-line */
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -1286,6 +1295,7 @@
|
||||
.btn-reverify {
|
||||
margin-top: ($baseline/2);
|
||||
}
|
||||
|
||||
.deco-arrow {
|
||||
@include triangle(($baseline/2), $verified-color-lvl4, up);
|
||||
}
|
||||
@@ -1328,7 +1338,6 @@
|
||||
color: #fff;
|
||||
background-color: #0079bc;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1379,7 +1388,6 @@ p.course-block {
|
||||
padding: ($baseline/4);
|
||||
border-width: 1px;
|
||||
background: #fdfbe4;
|
||||
|
||||
}
|
||||
|
||||
.enter-course-blocked {
|
||||
@@ -1404,7 +1412,8 @@ p.course-block {
|
||||
font: normal 15px/1.6rem $font-family-sans-serif;
|
||||
padding: 6px 32px 7px;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -1628,7 +1637,9 @@ a.fade-cover {
|
||||
color: theme-color("inverse");
|
||||
}
|
||||
|
||||
.survey_button:visited, .survey_button:hover, .survey_button:focus {
|
||||
.survey_button:visited,
|
||||
.survey_button:hover,
|
||||
.survey_button:focus {
|
||||
color: theme-color("inverse");
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
@extend .inner-wrapper;
|
||||
|
||||
height: 98%;
|
||||
overflow-y: scroll;
|
||||
overflow-y: scroll;
|
||||
|
||||
.entitlement-unenrollment-modal-close-btn {
|
||||
@extend .close-modal;
|
||||
|
||||
@@ -12,7 +12,9 @@ section.outside-app {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p, ul, form {
|
||||
p,
|
||||
ul,
|
||||
form {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
font: normal 1em/1.6em $serif;
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
width: flex-grid(4);
|
||||
|
||||
img {
|
||||
background: rgb(245,245,245);
|
||||
background: rgb(245, 245, 245);
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
@@ -91,7 +91,7 @@
|
||||
.jobs-sidebar {
|
||||
@include box-sizing(border-box);
|
||||
|
||||
border: 1px solid rgb(220,220,220);
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
|
||||
@include float(left);
|
||||
|
||||
@@ -109,8 +109,9 @@
|
||||
@include padding(12px, 0, 12px, 20px);
|
||||
@include text-align(left);
|
||||
|
||||
&:hover, &:focus {
|
||||
background: rgb(245,245,245);
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: rgb(245, 245, 245);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -128,7 +129,7 @@
|
||||
width: flex-grid(9);
|
||||
|
||||
.job {
|
||||
border-bottom: 1px solid rgb(220,220,220);
|
||||
border-bottom: 1px solid rgb(220, 220, 220);
|
||||
padding: 40px 0;
|
||||
|
||||
&:first-child {
|
||||
@@ -140,9 +141,6 @@
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.inner-wrapper {
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: $font-family-sans-serif;
|
||||
font-weight: 700;
|
||||
|
||||
@@ -25,10 +25,6 @@ $white: rgb(255, 255, 255);
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -86,7 +82,8 @@ $white: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
.note {
|
||||
color: shade($blue, 25%);
|
||||
}
|
||||
@@ -189,9 +186,9 @@ $white: rgb(255, 255, 255);
|
||||
@include box-sizing(border-box);
|
||||
|
||||
box-shadow: 0 1px 4px 0 $shadow;
|
||||
border: 3px solid tint($light-gray,50%);
|
||||
border: 3px solid tint($light-gray, 50%);
|
||||
padding: 0;
|
||||
background: tint($light-gray,50%);
|
||||
background: tint($light-gray, 50%);
|
||||
|
||||
header {
|
||||
padding: ($baseline*0.75) $baseline;
|
||||
@@ -246,17 +243,18 @@ $white: rgb(255, 255, 255);
|
||||
box-shadow: 0 1px 2px 0 $shadow-l1;
|
||||
display: block;
|
||||
min-height: 380px;
|
||||
border: 2px solid tint($light-gray,75%);
|
||||
border: 2px solid tint($light-gray, 75%);
|
||||
padding: $baseline;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
border: 2px solid tint($light-gray,80%);
|
||||
border: 2px solid tint($light-gray, 80%);
|
||||
margin: 0 auto ($baseline*0.75);
|
||||
}
|
||||
|
||||
@@ -273,9 +271,4 @@ $white: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// share
|
||||
.share {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.pressrelease {
|
||||
background: rgb(250,250,250);
|
||||
background: rgb(250, 250, 250);
|
||||
|
||||
.container {
|
||||
padding: ($baseline*3) 0 ($baseline*6);
|
||||
@@ -34,7 +34,7 @@
|
||||
}
|
||||
|
||||
> article {
|
||||
border: 1px solid rgb(220,220,220);
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
border-radius: 10px;
|
||||
|
||||
@include box-sizing(border-box);
|
||||
|
||||
@@ -56,7 +56,8 @@
|
||||
|
||||
// reset nasty LMS default styles
|
||||
form {
|
||||
h1, h2 {
|
||||
h1,
|
||||
h2 {
|
||||
text-align: inherit;
|
||||
letter-spacing: inherit;
|
||||
text-transform: inherit;
|
||||
@@ -77,7 +78,7 @@
|
||||
|
||||
@include padding(($baseline), ($baseline*1.5), ($baseline*1.5), ($baseline*1.5));
|
||||
|
||||
background-color: tint($error-color,85%);
|
||||
background-color: tint($error-color, 85%);
|
||||
|
||||
.message-title {
|
||||
@extend %t-title5;
|
||||
@@ -153,7 +154,10 @@
|
||||
}
|
||||
|
||||
// override basic form input styles
|
||||
button, input, select, textarea {
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
@extend %t-copy-sub1;
|
||||
}
|
||||
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user