Commit 1c21a0d2 by David Baumgold

Remove trailing whitespace from Sass files

parent 5881adda
// studio - base styling // studio - base styling
// ==================== // ====================
// Table of Contents // Table of Contents
// * +Basic Setup // * +Basic Setup
// * +Typography - Basic // * +Typography - Basic
// * +Typography - Primary Content // * +Typography - Primary Content
// * +Typography - Secondary Content // * +Typography - Secondary Content
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
// * +JS Dependent // * +JS Dependent
// +Basic Setup // +Basic Setup
// ==================== // ====================
html { html {
font-size: 62.5%; font-size: 62.5%;
height: 102%; // force scrollbar to prevent jump when scroll appears, cannot use overflow because it breaks drag height: 102%; // force scrollbar to prevent jump when scroll appears, cannot use overflow because it breaks drag
...@@ -66,7 +66,7 @@ h1 { ...@@ -66,7 +66,7 @@ h1 {
} }
// +Typography - Basic // +Typography - Basic
// ==================== // ====================
.page-header { .page-header {
@extend %t-title3; @extend %t-title3;
@extend %t-strong; @extend %t-strong;
...@@ -111,7 +111,7 @@ h1 { ...@@ -111,7 +111,7 @@ h1 {
} }
// +Typography - Primary Content // +Typography - Primary Content
// ==================== // ====================
.content-primary { .content-primary {
.section-header { .section-header {
...@@ -148,7 +148,7 @@ h1 { ...@@ -148,7 +148,7 @@ h1 {
} }
// +Typography - Secondary Content // +Typography - Secondary Content
// ==================== // ====================
.content-secondary { .content-secondary {
.section-header { .section-header {
...@@ -177,7 +177,7 @@ h1 { ...@@ -177,7 +177,7 @@ h1 {
} }
// +Typography - Loose Headings (BT: needs to be removed once html is clean) // +Typography - Loose Headings (BT: needs to be removed once html is clean)
// ==================== // ====================
.title-1, .title-2, .title-3, .title-4, .title-5, .title-6 { .title-1, .title-2, .title-3, .title-4, .title-5, .title-6 {
@extend %t-strong; @extend %t-strong;
} }
...@@ -226,13 +226,13 @@ p, ul, ol, dl { ...@@ -226,13 +226,13 @@ p, ul, ol, dl {
} }
// +Layout - Basic // +Layout - Basic
// ==================== // ====================
.wrapper-view { .wrapper-view {
} }
// +Layout - Basic Page Header // +Layout - Basic Page Header
// ==================== // ====================
.wrapper-mast { .wrapper-mast {
margin: ($baseline*1.5) 0 0 0; margin: ($baseline*1.5) 0 0 0;
padding: 0 $baseline; padding: 0 $baseline;
...@@ -375,7 +375,7 @@ p, ul, ol, dl { ...@@ -375,7 +375,7 @@ p, ul, ol, dl {
} }
// +Layout - Basic Page Content // +Layout - Basic Page Content
// ==================== // ====================
.wrapper-content { .wrapper-content {
margin: 0; margin: 0;
padding: 0 $baseline; padding: 0 $baseline;
...@@ -419,7 +419,7 @@ p, ul, ol, dl { ...@@ -419,7 +419,7 @@ p, ul, ol, dl {
} }
// +Layout - Primary Content // +Layout - Primary Content
// ==================== // ====================
.content-primary { .content-primary {
.title-1 { .title-1 {
...@@ -457,7 +457,7 @@ p, ul, ol, dl { ...@@ -457,7 +457,7 @@ p, ul, ol, dl {
} }
// +Layout - Supplemental Content // +Layout - Supplemental Content
// ==================== // ====================
.content-supplementary { .content-supplementary {
> section { > section {
...@@ -466,7 +466,7 @@ p, ul, ol, dl { ...@@ -466,7 +466,7 @@ p, ul, ol, dl {
} }
// +Layout - Grandfathered // +Layout - Grandfathered
// ==================== // ====================
.main-wrapper { .main-wrapper {
position: relative; position: relative;
margin: 0 ($baseline*2); margin: 0 ($baseline*2);
...@@ -503,7 +503,7 @@ p, ul, ol, dl { ...@@ -503,7 +503,7 @@ p, ul, ol, dl {
} }
// +UI - Actions // +UI - Actions
// ==================== // ====================
.new-unit-item, .new-unit-item,
.new-subsection-item, .new-subsection-item,
.new-policy-item { .new-policy-item {
...@@ -535,7 +535,7 @@ p, ul, ol, dl { ...@@ -535,7 +535,7 @@ p, ul, ol, dl {
} }
// +UI - Misc // +UI - Misc
// ==================== // ====================
hr.divide { hr.divide {
@extend %cont-text-sr; @extend %cont-text-sr;
} }
...@@ -623,7 +623,7 @@ hr.divide { ...@@ -623,7 +623,7 @@ hr.divide {
// +Utility - Basic // +Utility - Basic
// ==================== // ====================
// UI - semantically hide text // UI - semantically hide text
.sr { .sr {
......
// studio - utilities - variables // studio - utilities - variables
// ==================== // ====================
// Table of Contents // Table of Contents
// * +Grid // * +Grid
// * +Fonts // * +Fonts
// * +Colors - Utility // * +Colors - Utility
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
$baseline: 20px; $baseline: 20px;
// +Grid // +Grid
// ==================== // ====================
$gw-column: ($baseline*3); $gw-column: ($baseline*3);
$gw-gutter: $baseline; $gw-gutter: $baseline;
$fg-column: $gw-column; $fg-column: $gw-column;
...@@ -26,16 +26,16 @@ $fg-max-width: 1280px; ...@@ -26,16 +26,16 @@ $fg-max-width: 1280px;
$fg-min-width: 900px; $fg-min-width: 900px;
// +Fonts // +Fonts
// ==================== // ====================
$f-sans-serif: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif; $f-sans-serif: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
$f-monospace: 'Bitstream Vera Sans Mono', Consolas, Courier, monospace; $f-monospace: 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
// +Colors - Utility // +Colors - Utility
// ==================== // ====================
$transparent: rgba(0,0,0,0); // used when color value is needed for UI width/transitions but element is transparent $transparent: rgba(0,0,0,0); // used when color value is needed for UI width/transitions but element is transparent
// +Colors - Primary // +Colors - Primary
// ==================== // ====================
$black: rgb(0,0,0); $black: rgb(0,0,0);
$black-t0: rgba($black, 0.125); $black-t0: rgba($black, 0.125);
$black-t1: rgba($black, 0.25); $black-t1: rgba($black, 0.25);
...@@ -168,7 +168,7 @@ $orange-u2: desaturate($orange,30%); ...@@ -168,7 +168,7 @@ $orange-u2: desaturate($orange,30%);
$orange-u3: desaturate($orange,45%); $orange-u3: desaturate($orange,45%);
// +Colors - Shadows // +Colors - Shadows
// ==================== // ====================
$shadow: rgba($black, 0.2); $shadow: rgba($black, 0.2);
$shadow-l1: rgba($black, 0.1); $shadow-l1: rgba($black, 0.1);
$shadow-l2: rgba($black, 0.05); $shadow-l2: rgba($black, 0.05);
...@@ -176,7 +176,7 @@ $shadow-d1: rgba($black, 0.4); ...@@ -176,7 +176,7 @@ $shadow-d1: rgba($black, 0.4);
$shadow-d2: rgba($black, 0.6); $shadow-d2: rgba($black, 0.6);
// +Colors - Application // +Colors - Application
// ==================== // ====================
$color-draft: $gray-l3; $color-draft: $gray-l3;
$color-live: $blue; $color-live: $blue;
$color-ready: $green; $color-ready: $green;
...@@ -190,7 +190,7 @@ $color-copy-base: $gray-l1; ...@@ -190,7 +190,7 @@ $color-copy-base: $gray-l1;
$color-copy-emphasized: $gray-d2; $color-copy-emphasized: $gray-d2;
// +Timing // +Timing
// ==================== // ====================
// used for animation/transition mixin syncing // used for animation/transition mixin syncing
$tmg-s3: 3.0s; $tmg-s3: 3.0s;
$tmg-s2: 2.0s; $tmg-s2: 2.0s;
...@@ -201,7 +201,7 @@ $tmg-f2: 0.25s; ...@@ -201,7 +201,7 @@ $tmg-f2: 0.25s;
$tmg-f3: 0.125s; $tmg-f3: 0.125s;
// +Archetype UI // +Archetype UI
// ==================== // ====================
$ui-action-primary-color: $blue-u2; $ui-action-primary-color: $blue-u2;
$ui-action-primary-color-focus: $blue-s1; $ui-action-primary-color-focus: $blue-s1;
...@@ -209,12 +209,12 @@ $ui-link-color: $blue-u2; ...@@ -209,12 +209,12 @@ $ui-link-color: $blue-u2;
$ui-link-color-focus: $blue-s1; $ui-link-color-focus: $blue-s1;
// +Specific UI // +Specific UI
// ==================== // ====================
$ui-notification-height: ($baseline*10); $ui-notification-height: ($baseline*10);
$ui-update-color: $blue-l4; $ui-update-color: $blue-l4;
// +Deprecated // +Deprecated
// ==================== // ====================
// do not use, future clean up will use updated styles // do not use, future clean up will use updated styles
$baseFontColor: $gray-d2; $baseFontColor: $gray-d2;
$lighter-base-font-color: rgb(100,100,100); $lighter-base-font-color: rgb(100,100,100);
......
// studio animations & keyframes // studio animations & keyframes
// ==================== // ====================
// Table of Contents // Table of Contents
// * +Fade In - Extend // * +Fade In - Extend
// * +Fade Out - Extend // * +Fade Out - Extend
// * +Rotate Up - Extend // * +Rotate Up - Extend
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
// * +Dropped - Extend // * +Dropped - Extend
// +Fade In - Extend // +Fade In - Extend
// ==================== // ====================
// fade in keyframes // fade in keyframes
@include keyframes(fadeIn) { @include keyframes(fadeIn) {
0% { 0% {
...@@ -38,9 +38,9 @@ ...@@ -38,9 +38,9 @@
} }
// +Fade Out - Extend // +Fade Out - Extend
// ==================== // ====================
// fade out keyframes // fade out keyframes
@include keyframes(fadeOut) { @include keyframes(fadeOut) {
0% { 0% {
opacity: 1.0; opacity: 1.0;
} }
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
} }
// +Rotate Up - Extend // +Rotate Up - Extend
// ==================== // ====================
// rotate up keyframes // rotate up keyframes
@include keyframes(rotateUp) { @include keyframes(rotateUp) {
0% { 0% {
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
} }
} }
// flash double animation // flash double animation
%anim-flashDouble { %anim-flashDouble {
@include animation(flashDouble $tmg-f1 ease-in-out 1); @include animation(flashDouble $tmg-f1 ease-in-out 1);
} }
......
// studio - elements - UI controls // studio - elements - UI controls
// ==================== // ====================
// Table of Contents // Table of Contents
// * +General Action - Extend // * +General Action - Extend
// * +General Type and Size - Extend // * +General Type and Size - Extend
// * +Primary Button - Extends // * +Primary Button - Extends
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
// +General Action - Extend // +General Action - Extend
// ==================== // ====================
%action { %action {
@extend %ui-fake-link; @extend %ui-fake-link;
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
} }
// +General Type and Size - Extend // +General Type and Size - Extend
// ==================== // ====================
%sizing { %sizing {
@extend %t-action4; @extend %t-action4;
padding: ($baseline/4) ($baseline/2) ($baseline/3) ($baseline/2); padding: ($baseline/4) ($baseline/2) ($baseline/3) ($baseline/2);
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
// +Primary Button - Extends // +Primary Button - Extends
// ==================== // ====================
// gray primary button // gray primary button
%btn-primary-gray { %btn-primary-gray {
@extend %ui-btn-primary; @extend %ui-btn-primary;
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
} }
// +Secondary Button - Extends // +Secondary Button - Extends
// ==================== // ====================
// gray secondary button // gray secondary button
%btn-secondary-gray { %btn-secondary-gray {
@extend %ui-btn-secondary; @extend %ui-btn-secondary;
...@@ -193,7 +193,7 @@ ...@@ -193,7 +193,7 @@
} }
// +Button Element // +Button Element
// ==================== // ====================
.button { .button {
.icon { .icon {
...@@ -385,7 +385,7 @@ ...@@ -385,7 +385,7 @@
cursor: move; cursor: move;
} }
} }
// UI: is draggable // UI: is draggable
.is-draggable { .is-draggable {
@include transition(border-color $tmg-f2 ease-in-out 0, box-shadow $tmg-f2 ease-in-out 0, margin $tmg-f2 ease-in-out 0); @include transition(border-color $tmg-f2 ease-in-out 0, box-shadow $tmg-f2 ease-in-out 0, margin $tmg-f2 ease-in-out 0);
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
// Table of Contents // Table of Contents
// * +Layout - Xblocks // * +Layout - Xblocks
// * +Licensing - Xblocks // * +Licensing - Xblocks
// * +Pagination - Xblocks // * +Pagination - Xblocks
// * +Messaging - Xblocks // * +Messaging - Xblocks
// * +Case: Page Level // * +Case: Page Level
// * +Case: Nesting Level // * +Case: Nesting Level
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
// * +Case - Special Xblock Type Overrides // * +Case - Special Xblock Type Overrides
// +Layout - Xblocks // +Layout - Xblocks
// ==================== // ====================
// styling for xblocks at various levels of nesting: page level, // styling for xblocks at various levels of nesting: page level,
.wrapper-xblock { .wrapper-xblock {
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
} }
} }
// +Licensing - Xblocks // +Licensing - Xblocks
// ==================== // ====================
.xblock-license, .xblock-license,
.xmodule_display.xmodule_HtmlModule .xblock-license, .xmodule_display.xmodule_HtmlModule .xblock-license,
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
} }
// +Pagination - Xblocks // +Pagination - Xblocks
.container-paging-header { .container-paging-header {
.meta-wrap { .meta-wrap {
margin: $baseline ($baseline/2); margin: $baseline ($baseline/2);
...@@ -910,7 +910,7 @@ div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler { ...@@ -910,7 +910,7 @@ div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler {
@extend %t-copy-sub2; @extend %t-copy-sub2;
} }
} }
.wrapper-license-options { .wrapper-license-options {
margin-bottom: ($baseline/2); margin-bottom: ($baseline/2);
......
// ------------------------------------------ // ------------------------------------------
// left to right module // left to right module
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
@import 'variables-ltr'; @import 'variables-ltr';
@import 'mixins'; @import 'mixins';
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// right to left module // right to left module
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
@import 'variables-rtl'; @import 'variables-rtl';
@import 'mixins'; @import 'mixins';
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// left to right variables to be used by bi-app mixins // left to right variables to be used by bi-app mixins
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
// namespacing variables with bi-app to // namespacing variables with bi-app to
// avoid conflicting with other global variables // avoid conflicting with other global variables
$bi-app-left : left; $bi-app-left : left;
$bi-app-right : right; $bi-app-right : right;
$bi-app-direction : ltr; $bi-app-direction : ltr;
$bi-app-invert-direction: rtl; $bi-app-invert-direction: rtl;
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// right to left variables to be used by bi-app mixins // right to left variables to be used by bi-app mixins
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
// namespacing variables with bi-app to // namespacing variables with bi-app to
// avoid conflicting with other global variables // avoid conflicting with other global variables
$bi-app-left : right; $bi-app-left : right;
$bi-app-right : left; $bi-app-right : left;
$bi-app-direction : rtl; $bi-app-direction : rtl;
$bi-app-invert-direction: ltr; $bi-app-invert-direction: ltr;
\ No newline at end of file
// studio - views - certificates // studio - views - certificates
// ==================== // ====================
// Table of Contents // Table of Contents
// * +Layout - Certificates // * +Layout - Certificates
// * +Main - Collection // * +Main - Collection
// * +Main - Certificate // * +Main - Certificate
...@@ -510,7 +510,7 @@ ...@@ -510,7 +510,7 @@
// * +Signatories -Certificate // * +Signatories -Certificate
// ==================== // ====================
// TO-DO: refactor to use collection styling where possible. // TO-DO: refactor to use collection styling where possible.
.view-certificates .certificates { .view-certificates .certificates {
.signatory-details, .signatory-edit { .signatory-details, .signatory-edit {
...@@ -694,4 +694,4 @@ ...@@ -694,4 +694,4 @@
} }
} }
} }
} }
\ No newline at end of file
...@@ -225,7 +225,7 @@ ...@@ -225,7 +225,7 @@
} }
} }
} }
.input-minimum-grade { .input-minimum-grade {
@include float(left); @include float(left);
@include size(92%,100%); @include size(92%,100%);
......
// common - utilities - mixins and extends // common - utilities - mixins and extends
// ==================== // ====================
// Table of Contents // Table of Contents
// * +Font Sizing - Mixin // * +Font Sizing - Mixin
// * +Line Height - Mixin // * +Line Height - Mixin
// * +Sizing - Mixin // * +Sizing - Mixin
...@@ -26,34 +26,34 @@ ...@@ -26,34 +26,34 @@
// * +Icon - Font-Awesome - Extend // * +Icon - Font-Awesome - Extend
// +Font Sizing - Mixin // +Font Sizing - Mixin
// ==================== // ====================
@mixin font-size($sizeValue: 16){ @mixin font-size($sizeValue: 16){
font-size: $sizeValue + px; font-size: $sizeValue + px;
font-size: ($sizeValue/10) + rem; font-size: ($sizeValue/10) + rem;
} }
// +Line Height - Mixin // +Line Height - Mixin
// ==================== // ====================
@mixin line-height($fontSize: auto){ @mixin line-height($fontSize: auto){
line-height: ($fontSize*1.48) + px; line-height: ($fontSize*1.48) + px;
line-height: (($fontSize/10)*1.48) + rem; line-height: (($fontSize/10)*1.48) + rem;
} }
// +Sizing - Mixin // +Sizing - Mixin
// ==================== // ====================
@mixin size($width: $baseline, $height: $baseline) { @mixin size($width: $baseline, $height: $baseline) {
height: $height; height: $height;
width: $width; width: $width;
} }
// +Square - Mixin // +Square - Mixin
// ==================== // ====================
@mixin square($size: $baseline) { @mixin square($size: $baseline) {
@include size($size); @include size($size);
} }
// +Placeholder Styling - Mixin // +Placeholder Styling - Mixin
// ==================== // ====================
@mixin placeholder($color) { @mixin placeholder($color) {
:-moz-placeholder { :-moz-placeholder {
color: $color; color: $color;
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
} }
// +Flex Support - Mixin // +Flex Support - Mixin
// ==================== // ====================
@mixin ui-flexbox() { @mixin ui-flexbox() {
display: -webkit-box; display: -webkit-box;
display: -moz-box; display: -moz-box;
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
} }
// +Flex PolyFill - Extends // +Flex PolyFill - Extends
// ==================== // ====================
// justify-content right for display:flex alignment in older browsers // justify-content right for display:flex alignment in older browsers
%ui-justify-right-flex { %ui-justify-right-flex {
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
// +UI - Wrapper - Extends // +UI - Wrapper - Extends
// ==================== // ====================
// used for page/view-level wrappers (for centering/grids) // used for page/view-level wrappers (for centering/grids)
%ui-wrapper { %ui-wrapper {
@include clearfix(); @include clearfix();
...@@ -128,7 +128,7 @@ ...@@ -128,7 +128,7 @@
} }
// +UI - Window - Extends // +UI - Window - Extends
// ==================== // ====================
%ui-window { %ui-window {
@include clearfix(); @include clearfix();
border-radius: ($baseline/10); border-radius: ($baseline/10);
...@@ -144,13 +144,13 @@ ...@@ -144,13 +144,13 @@
} }
// +UI - Visual Link - Extends // +UI - Visual Link - Extends
// ==================== // ====================
%ui-fake-link { %ui-fake-link {
cursor: pointer; cursor: pointer;
} }
// +UI - Functional Disable - Extends // +UI - Functional Disable - Extends
// ==================== // ====================
%ui-disabled { %ui-disabled {
pointer-events: none; pointer-events: none;
outline: none; outline: none;
...@@ -158,7 +158,7 @@ ...@@ -158,7 +158,7 @@
} }
// +UI - Depth Levels - Extends // +UI - Depth Levels - Extends
// ==================== // ====================
%ui-depth0 { z-index: 0; } %ui-depth0 { z-index: 0; }
%ui-depth1 { z-index: 10; } %ui-depth1 { z-index: 10; }
%ui-depth2 { z-index: 100; } %ui-depth2 { z-index: 100; }
...@@ -168,7 +168,7 @@ ...@@ -168,7 +168,7 @@
// +UI - Clear Children - Extends // +UI - Clear Children - Extends
// ==================== // ====================
// extends - UI - utility - first child clearing // extends - UI - utility - first child clearing
%wipe-first-child { %wipe-first-child {
...@@ -190,7 +190,7 @@ ...@@ -190,7 +190,7 @@
} }
// +UI - Buttons - Extends // +UI - Buttons - Extends
// ==================== // ====================
%ui-btn { %ui-btn {
@include box-sizing(border-box); @include box-sizing(border-box);
@include transition(color $tmg-f2 ease-in-out 0s, border-color $tmg-f2 ease-in-out 0s, background $tmg-f2 ease-in-out 0s, box-shadow $tmg-f2 ease-in-out 0s); @include transition(color $tmg-f2 ease-in-out 0s, border-color $tmg-f2 ease-in-out 0s, background $tmg-f2 ease-in-out 0s, box-shadow $tmg-f2 ease-in-out 0s);
...@@ -329,7 +329,7 @@ ...@@ -329,7 +329,7 @@
} }
// +UI - Well Archetype - Extends // +UI - Well Archetype - Extends
// ==================== // ====================
%ui-well { %ui-well {
box-shadow: inset 0 1px 2px 1px $shadow; box-shadow: inset 0 1px 2px 1px $shadow;
padding: ($baseline*0.75) $baseline; padding: ($baseline*0.75) $baseline;
...@@ -378,7 +378,7 @@ ...@@ -378,7 +378,7 @@
} }
// +Content - No List - Extends // +Content - No List - Extends
// ==================== // ====================
// removes list styling/spacing when using uls, ols for navigation and less content-centric cases // removes list styling/spacing when using uls, ols for navigation and less content-centric cases
%cont-no-list { %cont-no-list {
list-style: none; list-style: none;
...@@ -393,7 +393,7 @@ ...@@ -393,7 +393,7 @@
} }
// +Content - Hidden Image Text - Extend // +Content - Hidden Image Text - Extend
// ==================== // ====================
// image-replacement hidden text // image-replacement hidden text
%cont-text-hide { %cont-text-hide {
text-indent: 100%; text-indent: 100%;
...@@ -402,7 +402,7 @@ ...@@ -402,7 +402,7 @@
} }
// +Content - Screenreader Text - Extend // +Content - Screenreader Text - Extend
// ==================== // ====================
%cont-text-sr { %cont-text-sr {
border: 0; border: 0;
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
...@@ -415,13 +415,13 @@ ...@@ -415,13 +415,13 @@
} }
// +Content - Text Wrap - Extend // +Content - Text Wrap - Extend
// ==================== // ====================
%cont-text-wrap { %cont-text-wrap {
word-wrap: break-word; word-wrap: break-word;
} }
// +Content - Text Truncate - Extend // +Content - Text Truncate - Extend
// ==================== // ====================
%cont-truncated { %cont-truncated {
@include box-sizing(border-box); @include box-sizing(border-box);
overflow: hidden; overflow: hidden;
...@@ -430,7 +430,7 @@ ...@@ -430,7 +430,7 @@
} }
// * +Icon - Font-Awesome - Extend // * +Icon - Font-Awesome - Extend
// ==================== // ====================
%use-font-awesome { %use-font-awesome {
display: inline-block; display: inline-block;
font-family: FontAwesome; font-family: FontAwesome;
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
padding-left: $baseline; padding-left: $baseline;
padding-top: $baseline; padding-top: $baseline;
padding-bottom: $baseline; padding-bottom: $baseline;
.notification { .notification {
@include news-font; @include news-font;
margin-top: ($baseline*0.75); margin-top: ($baseline*0.75);
......
...@@ -9,4 +9,4 @@ ...@@ -9,4 +9,4 @@
.sr-is-focusable:focus, .sr-is-focusable:focus,
.sr-is-focusable:active { .sr-is-focusable:active {
@extend %no-outline; @extend %no-outline;
} }
\ No newline at end of file
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
padding: ($baseline/2); padding: ($baseline/2);
border: 1px solid black; border: 1px solid black;
text-align: center; text-align: center;
p { p {
font-size: 0.9em; font-size: 0.9em;
text-align: center; text-align: center;
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
} }
.alert-message { .alert-message {
img { img {
vertical-align: baseline; vertical-align: baseline;
} }
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
.rubric { .rubric {
margin: 0; margin: 0;
color: #3C3C3C; color: #3C3C3C;
tr { tr {
margin: 0; margin: 0;
height: 100%; height: 100%;
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
.selected-grade, .selected-grade,
.selected-grade .rubric-label { .selected-grade .rubric-label {
background: #666; background: #666;
color: white; color: white;
} }
input[type=radio]:checked + .rubric-label { input[type=radio]:checked + .rubric-label {
......
div.staff-grading, div.staff-grading,
div.peer-grading { div.peer-grading {
border: 1px solid lightgray; border: 1px solid lightgray;
textarea.feedback-area { textarea.feedback-area {
margin: 0; margin: 0;
height: 75px; height: 75px;
} }
div.feedback-area.track-changes { div.feedback-area.track-changes {
position: relative; position: relative;
margin: 0; margin: 0;
...@@ -76,7 +76,7 @@ div.peer-grading { ...@@ -76,7 +76,7 @@ div.peer-grading {
min-width: 50px; min-width: 50px;
text-size: 1.5em; text-size: 1.5em;
} }
/* Toggled State */ /* Toggled State */
input[type=radio]:checked + label { input[type=radio]:checked + label {
background: #666; background: #666;
...@@ -92,15 +92,15 @@ div.peer-grading { ...@@ -92,15 +92,15 @@ div.peer-grading {
width: 100%; width: 100%;
table-layout: auto; table-layout: auto;
text-align: center; text-align: center;
th { th {
padding: ($baseline/10); padding: ($baseline/10);
} }
td { td {
padding: ($baseline/10); padding: ($baseline/10);
} }
td.problem-name { td.problem-name {
text-align: left; text-align: left;
} }
...@@ -124,11 +124,11 @@ div.peer-grading { ...@@ -124,11 +124,11 @@ div.peer-grading {
padding: ($baseline/10); padding: ($baseline/10);
background-color: #ffcccc; background-color: #ffcccc;
} }
.submission-wrapper { .submission-wrapper {
padding: ($baseline/10); padding: ($baseline/10);
padding-bottom: ($baseline*0.75); padding-bottom: ($baseline*0.75);
h3 { h3 {
margin-bottom: ($baseline/10); margin-bottom: ($baseline/10);
} }
...@@ -140,7 +140,7 @@ div.peer-grading { ...@@ -140,7 +140,7 @@ div.peer-grading {
.meta-info-wrapper { .meta-info-wrapper {
padding: ($baseline/10); padding: ($baseline/10);
background-color: #eee; background-color: #eee;
div { div {
display: inline; display: inline;
} }
...@@ -151,7 +151,7 @@ div.peer-grading { ...@@ -151,7 +151,7 @@ div.peer-grading {
padding: ($baseline/10); padding: ($baseline/10);
background-color: $yellow; background-color: $yellow;
} }
.breadcrumbs { .breadcrumbs {
margin: ($baseline/2) ($baseline/4); margin: ($baseline/2) ($baseline/4);
font-size: .8em; font-size: .8em;
...@@ -162,7 +162,7 @@ div.peer-grading { ...@@ -162,7 +162,7 @@ div.peer-grading {
padding: ($baseline/2); padding: ($baseline/2);
background-color: #eee; background-color: #eee;
font-size: .8em; font-size: .8em;
> div { > div {
margin-bottom: ($baseline/4); margin-bottom: ($baseline/4);
padding: ($baseline/2); padding: ($baseline/2);
...@@ -174,7 +174,7 @@ div.peer-grading { ...@@ -174,7 +174,7 @@ div.peer-grading {
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
} }
p{ p{
color: #777; color: #777;
} }
...@@ -192,7 +192,7 @@ div.peer-grading { ...@@ -192,7 +192,7 @@ div.peer-grading {
} }
.current-state { .current-state {
background: $white; background: $white;
} }
} }
...@@ -205,7 +205,7 @@ div.peer-grading { ...@@ -205,7 +205,7 @@ div.peer-grading {
font-size: 1.2em; font-size: 1.2em;
} }
} }
.interstitial-page { .interstitial-page {
text-align: center; text-align: center;
......
...@@ -27,7 +27,7 @@ div.syllabus { ...@@ -27,7 +27,7 @@ div.syllabus {
td { td {
padding-top: 15px !important; padding-top: 15px !important;
} }
} }
td { td {
border: none !important; border: none !important;
...@@ -50,7 +50,7 @@ div.syllabus { ...@@ -50,7 +50,7 @@ div.syllabus {
&.week_separator { &.week_separator {
padding: 0px !important; padding: 0px !important;
hr { hr {
margin: ($baseline/2); margin: ($baseline/2);
} }
......
...@@ -14,4 +14,4 @@ div.static_tab_wrapper { ...@@ -14,4 +14,4 @@ div.static_tab_wrapper {
border: 0; border: 0;
background: transparent !important; background: transparent !important;
} }
} }
\ No newline at end of file
...@@ -145,7 +145,7 @@ div.book-wrapper { ...@@ -145,7 +145,7 @@ div.book-wrapper {
display:none; display:none;
} }
} }
&.last { &.last {
left: 0; left: 0;
......
...@@ -27,45 +27,45 @@ ...@@ -27,45 +27,45 @@
} }
#wmd-button-row { #wmd-button-row {
position: relative; position: relative;
margin-left: ($baseline/4); margin-left: ($baseline/4);
margin-right: ($baseline/4); margin-right: ($baseline/4);
margin-bottom: 0px; margin-bottom: 0px;
margin-top: ($baseline/2); margin-top: ($baseline/2);
padding: 0px; padding: 0px;
height: 20px; height: 20px;
} }
.wmd-spacer { .wmd-spacer {
width: 1px; width: 1px;
height: 20px; height: 20px;
margin-left: 14px; margin-left: 14px;
position: absolute; position: absolute;
background-color: Silver; background-color: Silver;
display: inline-block; display: inline-block;
list-style: none; list-style: none;
} }
.wmd-button { .wmd-button {
width: 20px; width: 20px;
height: 20px; height: 20px;
margin-left: ($baseline/4); margin-left: ($baseline/4);
margin-right: ($baseline/4); margin-right: ($baseline/4);
position: absolute; position: absolute;
background-image: url(../images/wmd-buttons.png); background-image: url(../images/wmd-buttons.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0px 0px; background-position: 0px 0px;
display: inline-block; display: inline-block;
list-style: none; list-style: none;
} }
.wmd-button > a { .wmd-button > a {
width: 20px; width: 20px;
height: 20px; height: 20px;
margin-left: ($baseline/4); margin-left: ($baseline/4);
margin-right: ($baseline/4); margin-right: ($baseline/4);
position: absolute; position: absolute;
display: inline-block; display: inline-block;
} }
......
...@@ -100,4 +100,4 @@ ...@@ -100,4 +100,4 @@
margin-right: $baseline; margin-right: $baseline;
} }
} }
} }
\ No newline at end of file
footer { footer {
box-shadow: $courseware-footer-shadow; box-shadow: $courseware-footer-shadow;
margin-top: $courseware-footer-margin; margin-top: $courseware-footer-margin;
} }
\ No newline at end of file
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
// CASE: inline styling // CASE: inline styling
// TO-DO: additional styling cleanup here necessary, for now this case was ported over from _discussion.scss // TO-DO: additional styling cleanup here necessary, for now this case was ported over from _discussion.scss
.discussion-module { .discussion-module {
.wmd-panel { .wmd-panel {
width: 100%; width: 100%;
min-width: 500px; min-width: 500px;
......
...@@ -34,4 +34,4 @@ body.discussion, .discussion-module { ...@@ -34,4 +34,4 @@ body.discussion, .discussion-module {
@include forum-user-label($forum-color-community-ta); @include forum-user-label($forum-color-community-ta);
} }
} }
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// left to right module // left to right module
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
@import 'variables-ltr'; @import 'variables-ltr';
@import 'mixins'; @import 'mixins';
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// right to left module // right to left module
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
@import 'variables-rtl'; @import 'variables-rtl';
@import 'mixins'; @import 'mixins';
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// bi app mixins // bi app mixins
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
......
// ------------------------------------------ // ------------------------------------------
// left to right variables to be used by bi-app mixins // left to right variables to be used by bi-app mixins
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
// namespacing variables with bi-app to // namespacing variables with bi-app to
// avoid conflicting with other global variables // avoid conflicting with other global variables
$bi-app-left : left; $bi-app-left : left;
$bi-app-right : right; $bi-app-right : right;
$bi-app-direction : ltr; $bi-app-direction : ltr;
$bi-app-invert-direction: rtl; $bi-app-invert-direction: rtl;
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// right to left variables to be used by bi-app mixins // right to left variables to be used by bi-app mixins
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
// namespacing variables with bi-app to // namespacing variables with bi-app to
// avoid conflicting with other global variables // avoid conflicting with other global variables
$bi-app-left : right; $bi-app-left : right;
$bi-app-right : left; $bi-app-right : left;
$bi-app-direction : rtl; $bi-app-direction : rtl;
$bi-app-invert-direction: ltr; $bi-app-invert-direction: ltr;
\ No newline at end of file
// lms - application - account settings // lms - application - account settings
// ==================== // ====================
// Table of Contents // Table of Contents
// * +Container - Account Settings // * +Container - Account Settings
// * +Main - Header // * +Main - Header
// * +Settings Section // * +Settings Section
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
padding-top: ($baseline*2); padding-top: ($baseline*2);
.account-settings-container { .account-settings-container {
padding: 0; padding: 0;
} }
.ui-loading-indicator, .ui-loading-indicator,
......
// ------------------------------------------ // ------------------------------------------
// left to right module // left to right module
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
@import 'variables-ltr'; @import 'variables-ltr';
@import 'mixins'; @import 'mixins';
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// right to left module // right to left module
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
@import 'variables-rtl'; @import 'variables-rtl';
@import 'mixins'; @import 'mixins';
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// bi app mixins // bi app mixins
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
......
// ------------------------------------------ // ------------------------------------------
// left to right variables to be used by bi-app mixins // left to right variables to be used by bi-app mixins
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
// namespacing variables with bi-app to // namespacing variables with bi-app to
// avoid conflicting with other global variables // avoid conflicting with other global variables
$bi-app-left : left; $bi-app-left : left;
$bi-app-right : right; $bi-app-right : right;
$bi-app-direction : ltr; $bi-app-direction : ltr;
$bi-app-invert-direction: rtl; $bi-app-invert-direction: rtl;
\ No newline at end of file
// ------------------------------------------ // ------------------------------------------
// right to left variables to be used by bi-app mixins // right to left variables to be used by bi-app mixins
// authors: // authors:
// twitter.com/anasnakawa // twitter.com/anasnakawa
// twitter.com/victorzamfir // twitter.com/victorzamfir
// licensed under the MIT license // licensed under the MIT license
// http://www.opensource.org/licenses/mit-license.php // http://www.opensource.org/licenses/mit-license.php
// ------------------------------------------ // ------------------------------------------
// namespacing variables with bi-app to // namespacing variables with bi-app to
// avoid conflicting with other global variables // avoid conflicting with other global variables
$bi-app-left : right; $bi-app-left : right;
$bi-app-right : left; $bi-app-right : left;
$bi-app-direction : rtl; $bi-app-direction : rtl;
$bi-app-invert-direction: ltr; $bi-app-invert-direction: ltr;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment