Changeset 11282

Timestamp:

12/09/2016 02:27:33 PM (8 years ago)

Author:

hnla

Message:

twentyseventeen scss formatting

Commit corrects a few formatting issues.

Fixes #7384
Props netweb

File:

• trunk/src/bp-templates/bp-legacy/css/twentyseventeen.scss (modified) (14 diffs)

trunk/src/bp-templates/bp-legacy/css/twentyseventeen.scss

@@ -13 +13 @@
 
 // 2017 Media Queries / Breakpoints.
-$small-up-2017:      'min-width: 30em';
-$med-small-up-2017:  'min-width: 48em';
-$medium-up-2017:     'min-width: 55em';
-$large-up-2017:      'min-width: 67em';
-$x-large-up-2017:    'min-width: 79em';
+$small-up-2017:      "min-width: 30em";
+$med-small-up-2017:  "min-width: 48em";
+$medium-up-2017:     "min-width: 55em";
+$large-up-2017:      "min-width: 67em";
+$x-large-up-2017:    "min-width: 79em";
 
 
@@ -25 +25 @@
 // to manage granular elements in loops etc.
 
-$x-small-only-bp: 'max-width: 22em'; // for xtra small mobile only
-$small-only-bp:   'max-width: 38.75em'; //  small only
-$small-up-bp:     'min-width: 38.75em'; //  small only
-$med-only-bp:     'max-width: 46.25em'; // med small only
+$x-small-only-bp: "max-width: 22em"; // for xtra small mobile only
+$small-only-bp:   "max-width: 38.75em"; //  small only
+$small-up-bp:     "min-width: 38.75em"; //  small only
+$med-only-bp:     "max-width: 46.25em"; // med small only
 
 // Mixins and Variables
@@ -40 +40 @@
 
 @mixin x-small-only {
-    @media screen and ( $x-small-only-bp ){
+    @media screen and ($x-small-only-bp){
         @content;
     }
@@ -46 +46 @@
 
 @mixin small-only {
-    @media screen and ( $small-only-bp ){
+    @media screen and ($small-only-bp){
         @content;
     }
@@ -52 +52 @@
 
 @mixin medium-only-bp {
-    @media screen and ( $med-only-bp ){
+    @media screen and ($med-only-bp){
         @content;
     }
@@ -58 +58 @@
 
 @mixin small-up-bp {
-    @media screen and ( $small-up-bp ){
+    @media screen and ($small-up-bp){
         @content;
     }
@@ -64 +64 @@
 
 @mixin small-up {
-    @media screen and ( $small-up-2017 ){
+    @media screen and ($small-up-2017){
         @content;
     }
@@ -70 +70 @@
 
 @mixin med-small-up {
-    @media screen and ( $med-small-up-2017 ) {
+    @media screen and ($med-small-up-2017) {
         @content;
     }
@@ -76 +76 @@
 
 @mixin medium-up {
-    @media screen and ( $medium-up-2017 ) {
+    @media screen and ($medium-up-2017) {
         @content;
     }
@@ -82 +82 @@
 
 @mixin large-up {
-    @media screen and ( $large-up-2017 ) {
+    @media screen and ($large-up-2017) {
         @content;
     }
@@ -88 +88 @@
 
 @mixin x-large-up {
-    @media screen and ( $x-large-up-2017 ) {
+    @media screen and ($x-large-up-2017) {
         @content;
     }
@@ -347 +347 @@
     }
 
-body.buddypress:not(.has-sidebar),
-body.buddypress:not(.page-two-column) {
+    body.buddypress:not(.has-sidebar),
+    body.buddypress:not(.page-two-column) {
 
         #primary.content-area {
@@ -2032 +2032 @@
                     height: 3em;
 
-                @include small-only {
+                    @include small-only {
                         height: 5.2em;
                     }
@@ -2576 +2576 @@
 } // close  #buddypress
 
-// Without direct classes on our mesages ( 'warning' )
+// Without direct classes on our mesages ( 'warning')
 // we need to use the body classes
 // todo: If this is class .warning is included in main BP styles remove from here