cleanup and response to PR review
This commit is contained in:
@@ -53,7 +53,7 @@
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
|
||||
form {
|
||||
@include box-sizing(border-box);
|
||||
@@ -209,7 +209,7 @@
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
|
||||
.bit {
|
||||
@extend %t-copy-sub1;
|
||||
|
||||
@@ -8,11 +8,11 @@
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
|
||||
.nav-actions {
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
}
|
||||
|
||||
// checklists - general
|
||||
@@ -336,6 +336,6 @@
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -14,18 +14,18 @@
|
||||
|
||||
// ====================
|
||||
|
||||
// basic layout
|
||||
.content-primary, .content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
// basic layout
|
||||
.content-primary, .content-supplementary {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
}
|
||||
.content-primary {
|
||||
@extend .ui-col-wide;
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
}
|
||||
.content-supplementary {
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
|
||||
// ====================
|
||||
|
||||
@@ -437,13 +437,13 @@
|
||||
.course-link {
|
||||
@extend %ui-depth2;
|
||||
width: flex-grid(6, 9);
|
||||
margin-right: flex-gutter();
|
||||
@include margin-right(flex-gutter());
|
||||
}
|
||||
|
||||
// course title
|
||||
.course-title {
|
||||
@extend %t-title4;
|
||||
margin: 0 ($baseline*2) ($baseline/4) 0;
|
||||
@include margin(0, ($baseline*2), ($baseline/4), 0);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@@ -484,17 +484,17 @@
|
||||
@extend %ui-depth3;
|
||||
position: static;
|
||||
width: flex-grid(3, 9);
|
||||
text-align: right;
|
||||
@include text-align(right);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
|
||||
.action {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: ($baseline/2);
|
||||
@include margin-right($baseline/2);
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
@include margin-right(0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -9,11 +9,11 @@
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
|
||||
|
||||
|
||||
4
cms/static/sass/views/_import.scss
vendored
4
cms/static/sass/views/_import.scss
vendored
@@ -8,11 +8,11 @@
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
|
||||
// UI: export controls
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
|
||||
.no-content {
|
||||
@extend %no-content;
|
||||
@@ -81,7 +81,7 @@
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
|
||||
|
||||
@@ -295,7 +295,7 @@
|
||||
}
|
||||
|
||||
.section-header-details {
|
||||
float: left;
|
||||
@include float(left);
|
||||
width: flex-grid(6, 9);
|
||||
|
||||
.icon, .wrapper-section-title {
|
||||
@@ -304,7 +304,7 @@
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: ($baseline/4);
|
||||
@include margin-right($baseline/4);
|
||||
}
|
||||
|
||||
.wrapper-section-title {
|
||||
@@ -314,10 +314,10 @@
|
||||
}
|
||||
|
||||
.section-header-actions {
|
||||
float: right;
|
||||
@include float(right);
|
||||
width: flex-grid(3, 9);
|
||||
margin-top: -($baseline/4);
|
||||
text-align: right;
|
||||
@include text-align(right);
|
||||
|
||||
.actions-list {
|
||||
@extend %actions-list;
|
||||
@@ -383,7 +383,7 @@
|
||||
}
|
||||
|
||||
.subsection-header-details {
|
||||
float: left;
|
||||
@include float(left);
|
||||
width: flex-grid(6, 9);
|
||||
|
||||
.icon, .wrapper-subsection-title {
|
||||
@@ -392,7 +392,7 @@
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: ($baseline/4);
|
||||
@include margin-right($baseline/4);
|
||||
}
|
||||
|
||||
.wrapper-subsection-title {
|
||||
@@ -403,10 +403,10 @@
|
||||
}
|
||||
|
||||
.subsection-header-actions {
|
||||
float: right;
|
||||
@include float(right);
|
||||
width: flex-grid(3, 9);
|
||||
margin-top: -($baseline/4);
|
||||
text-align: right;
|
||||
@include text-align(right);
|
||||
|
||||
.actions-list {
|
||||
@extend %actions-list;
|
||||
@@ -422,7 +422,7 @@
|
||||
|
||||
// status
|
||||
.subsection-status {
|
||||
margin: 0 0 0 $outline-indent-width;
|
||||
@include margin(0, 0, 0, $outline-indent-width);
|
||||
}
|
||||
|
||||
// content
|
||||
@@ -465,16 +465,16 @@
|
||||
}
|
||||
|
||||
.unit-header-details {
|
||||
float: left;
|
||||
@include float(left);
|
||||
width: flex-grid(6, 9);
|
||||
margin-top: ($baseline/4);
|
||||
}
|
||||
|
||||
.unit-header-actions {
|
||||
float: right;
|
||||
@include float(right);
|
||||
width: flex-grid(3, 9);
|
||||
margin-top: -($baseline/10);
|
||||
text-align: right;
|
||||
@include text-align(right);
|
||||
|
||||
.actions-list {
|
||||
@extend %actions-list;
|
||||
@@ -495,7 +495,7 @@
|
||||
.icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: ($baseline/2);
|
||||
@include margin-right($baseline/2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-window;
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
padding: $baseline ($baseline*1.5);
|
||||
}
|
||||
|
||||
@@ -897,7 +897,7 @@
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
|
||||
.wrapper-modal-window {
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
|
||||
.no-textbook-content {
|
||||
@extend %no-content;
|
||||
@@ -303,7 +303,7 @@
|
||||
display: block;
|
||||
width: 46%;
|
||||
border-bottom: none;
|
||||
@include margin(0 ($baseline*0.75) 0 0);
|
||||
@include margin(0, ($baseline*0.75), 0, 0);
|
||||
padding: ($baseline/4) 0 0 0;
|
||||
@include float(left);
|
||||
position: relative;
|
||||
@@ -352,6 +352,6 @@
|
||||
}
|
||||
}
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -164,7 +164,7 @@
|
||||
width: 30%;
|
||||
padding: 20px 30px;
|
||||
margin: 0;
|
||||
@include border-radius(0 3px 3px 0);
|
||||
@include border-radius(0, 3px, 3px, 0);
|
||||
@include border-left(none);
|
||||
background: $lightGrey;
|
||||
|
||||
@@ -184,7 +184,7 @@
|
||||
|
||||
.edit-icon,
|
||||
.delete-icon {
|
||||
@include margin-right(4px);
|
||||
@include margin-right($baseline/5);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -9,11 +9,11 @@
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
@extend %ui-col-wide;
|
||||
@extend .ui-col-wide;
|
||||
}
|
||||
|
||||
.content-supplementary {
|
||||
@extend %ui-col-narrow;
|
||||
@extend .ui-col-narrow;
|
||||
}
|
||||
|
||||
// ELEM: content
|
||||
@@ -132,7 +132,7 @@
|
||||
@include transition(color $tmg-f2 ease-in-out 0s);
|
||||
@extend %t-title4;
|
||||
@extend %t-strong;
|
||||
@include margin(0 ($baseline/2) ($baseline/10) 0);
|
||||
@include margin(0, ($baseline/2), ($baseline/10), 0);
|
||||
color: $gray-d4;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user