Lint CSS

spencerfinnell · spencerfinnell · commit c0b84d9b878c · 2018-12-20T12:09:10.000-05:00
diff --git a/resources/assets/scss/customize-controls.scss b/resources/assets/scss/customize-controls.scss
@@ -53,7 +53,7 @@ $border:  1px solid #ccc;
 		top: 50%;
 	}
 
-	&:before {
+	&::before {
 		width: 10px;
 		height: 10px;
 		left: -15px;
diff --git a/resources/assets/scss/functions/font-size.scss b/resources/assets/scss/functions/font-size.scss
@@ -3,5 +3,6 @@
 //
 
 @function font-size($key: "md") {
-  @return map-get($font-sizes, $key);
+
+	@return map-get($font-sizes, $key);
 }
diff --git a/resources/assets/scss/gutenberg.scss b/resources/assets/scss/gutenberg.scss
@@ -57,7 +57,7 @@ $use-margins: false;
 		.wp-block-button__link {
 
 			&,
-			&:after {
+			&::after {
 				border-radius: $border-radius;
 			}
 		}
diff --git a/resources/assets/scss/helpers/animation-scaleout.scss b/resources/assets/scss/helpers/animation-scaleout.scss
@@ -4,7 +4,7 @@
 
 @keyframes scaleout {
 
-	0% { 
+	0% {
 		transform: scale(0);
 	}
 
diff --git a/resources/assets/scss/mixins/button.scss b/resources/assets/scss/mixins/button.scss
@@ -45,13 +45,13 @@
 // [1] Gutenberg adds their own !important declaration.
 @mixin button--color( $color ) {
 
-	background-color: theme-color( $color );
+	background-color: theme-color($color);
 }
 
 @mixin button--gray( $gray ) {
 
 	@include button();
-	background-color: gray( $gray );
+	background-color: gray($gray);
 }
 
 // [1] Gutenberg adds their own !important declaration.
diff --git a/resources/assets/scss/modules/blog-post.scss b/resources/assets/scss/modules/blog-post.scss
@@ -18,7 +18,7 @@
 .blog-post__title {
 	font-size: $font-size-xl;
 	margin: 0;
-	
+
 	a {
 		text-decoration: none;
 	}
diff --git a/resources/assets/scss/modules/comment.scss b/resources/assets/scss/modules/comment.scss
@@ -22,7 +22,7 @@
 }
 
 .comment-author {
-	
+
 	.fn {
 		font-style: normal;
 		margin: 0 0 0 $spacer;
diff --git a/resources/assets/scss/modules/gutenberg.scss b/resources/assets/scss/modules/gutenberg.scss
@@ -53,7 +53,7 @@
 
 .wp-block-separator {
 
-	&:before {
+	&::before {
 		display: none;
 	}
 
diff --git a/resources/assets/scss/modules/page-title.scss b/resources/assets/scss/modules/page-title.scss
@@ -5,7 +5,7 @@
 	border-bottom: 2px solid gray("200");
 
 	@include vertical-spacing("margin", "down", (
-		sm: 1,	
+		sm: 1,
 	) );
 
 	&:first-child {
diff --git a/resources/assets/scss/modules/price.scss b/resources/assets/scss/modules/price.scss
@@ -2,7 +2,7 @@
 	display: flex;
 	align-items: center;
 
-	@include media-breakpoint-up(xl) {	
+	@include media-breakpoint-up(xl) {
 		font-size: $font-size-lg;
 	}
 
diff --git a/resources/assets/scss/modules/select2.scss b/resources/assets/scss/modules/select2.scss
@@ -22,7 +22,7 @@
 		}
 
 		.select2-selection__arrow {
-			height: calc( 100% - 1px );
+			height: calc(100% - 1px);
 			right: 4px;
 		}
 	}
diff --git a/resources/assets/scss/modules/site-tertiary.scss b/resources/assets/scss/modules/site-tertiary.scss
@@ -11,6 +11,6 @@
 
 	@include grow-column( (
 		lg: 1.5,
-		xl: 1.0,
+		xl: 1,
 	) );
 }
diff --git a/resources/assets/scss/modules/skip-link.scss b/resources/assets/scss/modules/skip-link.scss
@@ -11,12 +11,12 @@
 	top: -9999em;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 
-  &:focus {
-    clip: auto;
-    height: auto;
-    left: 6px;
-    top: 7px;
-    width: auto;
-    z-index: 100000;
-  }
+	&:focus {
+		clip: auto;
+		height: auto;
+		left: 6px;
+		top: 7px;
+		width: auto;
+		z-index: 100000;
+	}
 }
diff --git a/resources/assets/scss/modules/woocommerce-message.scss b/resources/assets/scss/modules/woocommerce-message.scss
@@ -60,9 +60,9 @@
 	> * {
 
 		// Fake space between inline elements collapsed from flexbox.
-		&:before,
-		&:after {
-			content: '\00a0';
+		&::before,
+		&::after {
+			content: "\00a0";
 		}
 	}
 }
diff --git a/resources/assets/scss/variables/fonts.scss b/resources/assets/scss/variables/fonts.scss
@@ -8,7 +8,7 @@ $font-sizes: (
 	xs: $font-size-base * 0.875,
 	sm: $font-size-base * 0.938,
 	md: $font-size-base,
-	lg: $font-size-base * 1.250,
+	lg: $font-size-base * 1.25,
 	xl: $font-size-base * 1.688,
 ) !default;
 
diff --git a/resources/assets/scss/variables/icons.scss b/resources/assets/scss/variables/icons.scss
@@ -31,7 +31,7 @@ $icons: (
 
 $icon-size-multipliers: (
 	xs: 0.667,
-	sm: 0.750,
-	lg: 1.250,
-	xl: 1.500,
+	sm: 0.75,
+	lg: 1.25,
+	xl: 1.5,
 );
diff --git a/resources/assets/scss/woocommerce-bookings.scss b/resources/assets/scss/woocommerce-bookings.scss
@@ -11,7 +11,7 @@
 	font-size: $font-size-base;
 	border: 0;
 	padding: 0;
-	
+
 	// Attributes.
 	.form-field {
 		line-height: 1;
@@ -133,7 +133,7 @@
 				background: none;
 			}
 
-			&:before {
+			&::before {
 				color: gray("700");
 				position: absolute;
 				top: 10px;
@@ -148,8 +148,8 @@
 
 		.ui-datepicker-next {
 
-			&:before {
-				content: '\0025B8';
+			&::before {
+				content: "\0025B8";
 			}
 
 			&,
@@ -160,8 +160,8 @@
 
 		.ui-datepicker-prev {
 
-			&:before {
-				content: '\0025B8';
+			&::before {
+				content: "\0025B8";
 				transform: rotate(180deg);
 				top: 11px;
 			}
@@ -176,7 +176,7 @@
 			opacity: 0.35;
 		}
 
-		.ui-state-disabled, 
+		.ui-state-disabled,
 		.ui-widget-content .ui-state-disabled {
 			opacity: 0.25;
 		}
@@ -248,14 +248,14 @@
 			}
 		}
 
-		.ui-datepicker td.fully_booked a, 
+		.ui-datepicker td.fully_booked a,
 		.ui-datepicker td.fully_booked span {
 			background-color: theme-color("warning") !important;
 		}
 
 		.ui-datepicker td.partial_booked a {
 
-			&:before {
+			&::before {
 				border-top-color: theme-color("warning");
 			}
 		}

Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@ $border: 1px solid #ccc;`
`53`	`53`	`top: 50%;`
`54`	`54`	`}`
`55`	`55`
`56`		`- &:before {`
	`56`	`+ &::before {`
`57`	`57`	`width: 10px;`
`58`	`58`	`height: 10px;`
`59`	`59`	`left: -15px;`
Original file line number	Diff line number	Diff line change
`@@ -3,5 +3,6 @@`
`3`	`3`	`//`
`4`	`4`
`5`	`5`	`@function font-size($key: "md") {`
`6`		`- @return map-get($font-sizes, $key);`
	`6`	`+`
	`7`	`+ @return map-get($font-sizes, $key);`
`7`	`8`	`}`
Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ $use-margins: false;`
`57`	`57`	`.wp-block-button__link {`
`58`	`58`
`59`	`59`	`&,`
`60`		`- &:after {`
	`60`	`+ &::after {`
`61`	`61`	`border-radius: $border-radius;`
`62`	`62`	`}`
`63`	`63`	`}`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`
`5`	`5`	`@keyframes scaleout {`
`6`	`6`
`7`		`- 0% {`
	`7`	`+ 0% {`
`8`	`8`	`transform: scale(0);`
`9`	`9`	`}`
`10`	`10`
Original file line number	Diff line number	Diff line change
`@@ -45,13 +45,13 @@`
`45`	`45`	`// [1] Gutenberg adds their own !important declaration.`
`46`	`46`	`@mixin button--color( $color ) {`
`47`	`47`
`48`		`- background-color: theme-color( $color );`
	`48`	`+ background-color: theme-color($color);`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`@mixin button--gray( $gray ) {`
`52`	`52`
`53`	`53`	`@include button();`
`54`		`- background-color: gray( $gray );`
	`54`	`+ background-color: gray($gray);`
`55`	`55`	`}`
`56`	`56`
`57`	`57`	`// [1] Gutenberg adds their own !important declaration.`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`	`.blog-post__title {`
`19`	`19`	`font-size: $font-size-xl;`
`20`	`20`	`margin: 0;`
`21`		`-`
	`21`	`+`
`22`	`22`	`a {`
`23`	`23`	`text-decoration: none;`
`24`	`24`	`}`
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.comment-author {`
`25`		`-`
	`25`	`+`
`26`	`26`	`.fn {`
`27`	`27`	`font-style: normal;`
`28`	`28`	`margin: 0 0 0 $spacer;`
Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@`
`53`	`53`
`54`	`54`	`.wp-block-separator {`
`55`	`55`
`56`		`- &:before {`
	`56`	`+ &::before {`
`57`	`57`	`display: none;`
`58`	`58`	`}`
`59`	`59`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`display: flex;`
`3`	`3`	`align-items: center;`
`4`	`4`
`5`		`- @include media-breakpoint-up(xl) {`
	`5`	`+ @include media-breakpoint-up(xl) {`
`6`	`6`	`font-size: $font-size-lg;`
`7`	`7`	`}`
`8`	`8`