LPS-55172 SF css

jbalsas · Apr 23, 2015 · 616e4b8 · 616e4b8
1 parent 76b71f6
commit 616e4b8
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 12 deletions.
diff --git a/portal-web/docroot/html/themes/_styled/css/application/_toggle-card.scss b/portal-web/docroot/html/themes/_styled/css/application/_toggle-card.scss
@@ -9,9 +9,9 @@ $toggle-card-border-radius: 2px;
 
 $toggle-card-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
 
+$toggle-card-icon-border-radius: 30px;
 $toggle-card-icon-height: 32px;
 $toggle-card-icon-width: 32px;
-$toggle-card-icon-border-radius: 30px;
 
 // toggle-card-off Card Styles
 $toggle-card-border: #DCE0E3;
@@ -35,13 +35,13 @@ $toggle-card-on-icon-border-width: 0;
 }
 
 .toggle-card-container {
-	display: table;
 	border: $toggle-card-border-width solid $toggle-card-border;
 	border-radius: $toggle-card-border-radius;
 	box-shadow: $toggle-card-box-shadow;
+	display: table;
+	height: $toggle-card-height;
 	padding: $toggle-card-padding-vertical $toggle-card-padding-horizontal;
 	text-align: center;
-	height: $toggle-card-height;
 	width: $toggle-card-width;
 }
 
@@ -53,8 +53,8 @@ $toggle-card-on-icon-border-width: 0;
 
 .toggle-card-icon {
 	border-radius: $toggle-card-icon-border-radius;
-	height: $toggle-card-icon-height;
 	font-size: 24px;
+	height: $toggle-card-icon-height;
 	margin: 0 auto;
 	width: $toggle-card-icon-width;
 

diff --git a/portal-web/docroot/html/themes/_styled/css/application/_toggle-switch.scss b/portal-web/docroot/html/themes/_styled/css/application/_toggle-switch.scss
@@ -2,13 +2,12 @@
 
 // must all be same units--start
 $toggle-switch-button-width: 25px;
-$toggle-switch-bar-padding: 0px; // space between button and bar, can be negative value
+$toggle-switch-bar-padding: 0; // space between button and bar, can be negative value
 
 $toggle-switch-bar-width: 50px; // width of switch bar
 $toggle-switch-bar-height: ($toggle-switch-bar-padding * 2) + $toggle-switch-button-width;
 // must all be same units--end
 
-
 $toggle-switch-bar-border-radius: 3px;
 $toggle-switch-button-border-radius: 3px;
 $toggle-switch-button-off-border-radius: 3px 0 0 3px;
@@ -109,8 +108,8 @@ input.toggle-switch {
 	position: absolute;
 
 	@include color-toggle-switch-bar($toggle-switch-bar-bg, $toggle-switch-bar-border-color);
-	@include color-toggle-switch-button($toggle-switch-button-bg, $toggle-switch-button-border-color);
 	@include color-toggle-switch-bar-icon($toggle-switch-bar-icon-color);
+	@include color-toggle-switch-button($toggle-switch-button-bg, $toggle-switch-button-border-color);
 	@include color-toggle-switch-button-icon($toggle-switch-button-icon-color);
 
 	&:empty ~ .toggle-switch-bar {

diff --git a/portal-web/docroot/html/themes/classic/_diffs/css/application/_toggle-card.scss b/portal-web/docroot/html/themes/classic/_diffs/css/application/_toggle-card.scss
@@ -9,9 +9,9 @@ $toggle-card-border-radius: 2px;
 
 $toggle-card-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
 
+$toggle-card-icon-border-radius: 30px;
 $toggle-card-icon-height: 32px;
 $toggle-card-icon-width: 32px;
-$toggle-card-icon-border-radius: 30px;
 
 // toggle-card-off Card Styles
 $toggle-card-border: #DCE0E3;
@@ -35,13 +35,13 @@ $toggle-card-on-icon-border-width: 0;
 }
 
 .toggle-card-container {
-	display: table;
 	border: $toggle-card-border-width solid $toggle-card-border;
 	border-radius: $toggle-card-border-radius;
 	box-shadow: $toggle-card-box-shadow;
+	display: table;
+	height: $toggle-card-height;
 	padding: $toggle-card-padding-vertical $toggle-card-padding-horizontal;
 	text-align: center;
-	height: $toggle-card-height;
 	width: $toggle-card-width;
 }
 
@@ -53,8 +53,8 @@ $toggle-card-on-icon-border-width: 0;
 
 .toggle-card-icon {
 	border-radius: $toggle-card-icon-border-radius;
-	height: $toggle-card-icon-height;
 	font-size: 24px;
+	height: $toggle-card-icon-height;
 	margin: 0 auto;
 	width: $toggle-card-icon-width;
 

diff --git a/portal-web/docroot/html/themes/classic/_diffs/css/application/_toggle-switch.scss b/portal-web/docroot/html/themes/classic/_diffs/css/application/_toggle-switch.scss
@@ -114,8 +114,8 @@ input.toggle-switch {
 	position: absolute;
 
 	@include color-toggle-switch-bar(#FFF, #D1D6D9, $toggle-switch-bar-bg, $toggle-switch-bar-border-color);
-	@include color-toggle-switch-button(#869CAD, #869CAD, $toggle-switch-button-bg, $toggle-switch-button-border-color);
 	@include color-toggle-switch-bar-icon(#869CAD, $toggle-switch-bar-icon-color);
+	@include color-toggle-switch-button(#869CAD, #869CAD, $toggle-switch-button-bg, $toggle-switch-button-border-color);
 	@include color-toggle-switch-button-icon(#FFF, $toggle-switch-bar-bg);
 
 	&:empty ~ .toggle-switch-bar {