Autofix stylelint errors in Calypso (#67568)

* Add disable-line for font-weight violations

* Add disable-line for font-size violations

* Add disable-line for border-radius violations

* Run yarn lint:css --fix

apps/editing-toolkit/editing-toolkit-plugin/common/hide-plugin-buttons-mobile.scss

@@ -1,8 +1,8 @@
-@import '@wordpress/base-styles/mixins';
-@import '@wordpress/base-styles/variables';
-@import '@wordpress/base-styles/breakpoints';
+@import "@wordpress/base-styles/mixins";
+@import "@wordpress/base-styles/variables";
+@import "@wordpress/base-styles/breakpoints";
 
-.interface-pinned-items > button:not( :first-child ) {
+.interface-pinned-items > button:not(:first-child) {
 	@media ( max-width: $break-medium ) {
 		display: none;
 	}

apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-button/styles.scss

@@ -8,7 +8,7 @@
 			border: none !important;
 			box-shadow: none !important;
 
-			&[aria-disabled='true'] {
+			&[aria-disabled="true"] {
 				opacity: 0.3 !important;
 			}
 		}

apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-menu/styles.scss

@@ -1,4 +1,4 @@
-@import '@automattic/onboarding/styles/mixins';
+@import "@automattic/onboarding/styles/mixins";
 
 .nux-launch-menu {
 	h4 {
@@ -14,7 +14,7 @@
 .nux-launch-menu__item.components-button.is-link {
 	@include onboarding-medium-text;
 	display: flex;
-	color: var( --studio-gray-30 );
+	color: var(--studio-gray-30);
 	width: 100%;
 	text-align: left;
 	text-decoration: none;
@@ -30,7 +30,7 @@
 
 	svg {
 		margin-right: 10px;
-		color: var( --studio-gray-10 );
+		color: var(--studio-gray-10);
 		// cosmetic alignment
 		position: relative;
 		top: 1px;
@@ -40,7 +40,7 @@
 	// This is only highlighted when sidebar is not fullscreen
 	@include break-medium {
 		&.is-current {
-			background: var( --studio-blue-0 );
+			background: var(--studio-blue-0);
 			color: initial;
 
 			svg {
@@ -51,7 +51,7 @@
 
 	&.is-completed {
 		svg {
-			color: var( --studio-green-40 );
+			color: var(--studio-green-40);
 			top: 0;
 			left: 0;
 		}

apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-modal/styles.scss

@@ -1,10 +1,10 @@
-@import '@wordpress/base-styles/mixins';
-@import '@wordpress/base-styles/variables';
-@import '@wordpress/base-styles/breakpoints';
-@import '@wordpress/base-styles/z-index';
-@import '@automattic/typography/styles/variables';
-@import '@automattic/onboarding/styles/variables';
-@import '@automattic/onboarding/styles/mixins';
+@import "@wordpress/base-styles/mixins";
+@import "@wordpress/base-styles/variables";
+@import "@wordpress/base-styles/breakpoints";
+@import "@wordpress/base-styles/z-index";
+@import "@automattic/typography/styles/variables";
+@import "@automattic/onboarding/styles/variables";
+@import "@automattic/onboarding/styles/mixins";
 
 body.has-nux-launch-modal {
 	overflow: hidden;
@@ -24,7 +24,7 @@ body.has-nux-launch-modal {
 		top: 0;
 		left: 0;
 		display: flex;
-		background: var( --studio-white );
+		background: var(--studio-white);
 		width: 100%;
 		height: 100%;
 		padding: 0;
@@ -47,8 +47,8 @@ body.has-nux-launch-modal {
 	width: 100%;
 	height: $onboarding-header-height;
 	border-bottom: 1px solid $gray-200;
-	background: var( --studio-white );
-	z-index: z-index( '.components-modal__header' );
+	background: var(--studio-white);
+	z-index: z-index(".components-modal__header");
 
 	// On desktop, do not show bottom border.
 	@include break-medium {
@@ -112,8 +112,8 @@ body.has-nux-launch-modal {
 	left: -200%;
 	width: 100%;
 	height: 100%;
-	background: var( --studio-white );
-	z-index: z-index( '.components-modal__header' ) + 2;
+	background: var(--studio-white);
+	z-index: z-index(".components-modal__header") + 2;
 
 	@media ( max-width: $break-medium ) {
 		// This brings the sidebar that is hiding offscreen into view.
@@ -132,15 +132,15 @@ body.has-nux-launch-modal {
 		width: $sidebar-width;
 		min-width: $sidebar-width;
 		max-width: $sidebar-width;
-		border-left: 1px solid var( --studio-gray-5 );
+		border-left: 1px solid var(--studio-gray-5);
 	}
 }
 
 .nux-launch-modal__close-button.components-button.is-link {
 	// This keeps the button on the top right corner even when scrolled down
 	position: sticky;
 	top: 0;
-	z-index: z-index( '.components-modal__header' ) + 3;
+	z-index: z-index(".components-modal__header") + 3;
 
 	// Give it no dimension so it doesn't take any flex space
 	// but overflow it so the close button is visible
@@ -153,9 +153,9 @@ body.has-nux-launch-modal {
 	align-items: flex-start;
 
 	// Close button icon color
-	color: var( --studio-gray-50 );
+	color: var(--studio-gray-50);
 	&:hover {
-		color: var( --studio-gray-40 );
+		color: var(--studio-gray-40);
 	}
 
 	> span {

apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-sidebar/styles.scss

@@ -1,12 +1,12 @@
-@import '@wordpress/base-styles/breakpoints';
-@import '@automattic/onboarding/styles/mixins';
+@import "@wordpress/base-styles/breakpoints";
+@import "@automattic/onboarding/styles/mixins";
 
 .nux-launch-sidebar {
 	@include onboarding-block-margin;
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-	background: var( --studio-white );
+	background: var(--studio-white);
 	padding-top: $onboarding-header-height;
 
 	@include break-medium {
@@ -26,7 +26,7 @@
 			font-weight: normal;
 			font-size: $font-body-small;
 			line-height: 1.5;
-			color: var( --studio-gray-60 );
+			color: var(--studio-gray-60);
 		}
 	}
 }

apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-step/styles.scss

@@ -1,7 +1,7 @@
-@import '@wordpress/base-styles/variables';
-@import '@wordpress/base-styles/breakpoints';
-@import '@automattic/typography/styles/fonts';
-@import '@automattic/onboarding/styles/mixins';
+@import "@wordpress/base-styles/variables";
+@import "@wordpress/base-styles/breakpoints";
+@import "@automattic/typography/styles/fonts";
+@import "@automattic/onboarding/styles/mixins";
 
 .nux-launch-step__header {
 	@include onboarding-heading-padding;

apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-steps/final-step/styles.scss

@@ -1,5 +1,5 @@
-@import '@automattic/typography/styles/variables';
-@import '@automattic/onboarding/styles/mixins';
+@import "@automattic/typography/styles/variables";
+@import "@automattic/onboarding/styles/mixins";
 
 // TODO: This is former dark-gray-500 from @wordpress/base-styles.
 // Replace with a color from the standard palette.
@@ -39,27 +39,27 @@ ul.nux-launch__feature-item-group {
 
 	// the tick
 	svg path {
-		fill: var( --studio-green-40 );
-		stroke: var( --studio-green-40 );
+		fill: var(--studio-green-40);
+		stroke: var(--studio-green-40);
 	}
 }
 .nux-launch__submit-button.components-button.is-primary {
-	background: var( --color-accent );
-	border: 1px solid var( --color-accent-dark );
+	background: var(--color-accent);
+	border: 1px solid var(--color-accent-dark);
 	width: 100%;
 	justify-content: center;
 
 	&:hover,
 	&:active {
-		background: var( --color-accent-dark );
+		background: var(--color-accent-dark);
 	}
 
 	&:disabled {
 		color: $white;
 		opacity: 0.5;
 
 		&:hover {
-			background: var( --color-accent );
+			background: var(--color-accent);
 		}
 	}
 }
@@ -77,7 +77,7 @@ ul.nux-launch__feature-item-group {
 		}
 	}
 	&__plan-name {
-		color: var( --color-text );
+		color: var(--color-text);
 	}
 	&__domain-name {
 		font-weight: 600;

apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-steps/name-step/styles.scss

@@ -1,22 +1,22 @@
-@import '@automattic/onboarding/styles/variables';
+@import "@automattic/onboarding/styles/variables";
 
 .nux-launch-step__input {
 	position: relative;
 	margin-bottom: 20px;
 
-	input[type='text'].components-text-control__input {
+	input[type="text"].components-text-control__input {
 		padding: 6px 40px 6px 16px;
 		height: 38px;
 		background: $gray-100;
 		border: none;
 
 		&::placeholder {
-			color: var( --studio-black );
+			color: var(--studio-black);
 		}
 
 		&:focus {
-			box-shadow: 0 0 0 2px var( --studio-blue-30 );
-			background: var( --studio-white );
+			box-shadow: 0 0 0 2px var(--studio-blue-30);
+			background: var(--studio-white);
 		}
 	}
 
@@ -30,7 +30,7 @@
 .nux-launch-step__input-hint {
 	display: flex;
 	align-items: center;
-	color: var( --studio-gray-50 );
+	color: var(--studio-gray-50);
 	font-family: $default-font;
 	font-size: 14px;
 	line-height: 14px;

apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-steps/plan-step/styles.scss

@@ -1,5 +1,5 @@
-@import '@automattic/onboarding/styles/mixins';
-@import '@automattic/plans-grid/src/variables';
+@import "@automattic/onboarding/styles/mixins";
+@import "@automattic/plans-grid/src/variables";
 
 .nux-launch-modal.step-plan {
 	// Remove extraneous whitespace after plans details.

apps/editing-toolkit/editing-toolkit-plugin/event-countdown-block/blocks/src/style.scss

@@ -21,7 +21,7 @@
 
 	.event-countdown__day {
 		line-height: 1;
-		font-weight: 900;
+		font-weight: 900; /* stylelint-disable-line scales/font-weights */
 		display: block;
 	}
 
@@ -121,7 +121,8 @@ $ecf_color6: #b82806;
 		border-radius: 50%;
 		animation: 1s event_countdown_bang ease-out infinite backwards, 1s event_countdown_gravity ease-in infinite backwards, 5s event_countdown_position linear infinite backwards;
 		mix-blend-mode: overlay;
-		box-shadow: -120px -218.66667px $ecf_color1,
+		box-shadow:
+			-120px -218.66667px $ecf_color1,
 			248px -16.66667px $ecf_color3,
 			190px 16.33333px $ecf_color1,
 			-113px -308.66667px $ecf_color5,
@@ -189,34 +190,39 @@ $ecf_color6: #b82806;
 
 @keyframes event_countdown_gravity {
 	to {
-		transform: translateY( 200px );
-		-webkit-transform: translateY( 200px );
+		transform: translateY(200px);
+		-webkit-transform: translateY(200px);
 		opacity: 0;
 	}
 }
 
 @keyframes event_countdown_position {
-	0%, 19.9% {
+	0%,
+	19.9% {
 		margin-top: 10%;
 		margin-left: 40%;
 	}
 
-	20%, 39.9% {
+	20%,
+	39.9% {
 		margin-top: 40%;
 		margin-left: 30%;
 	}
 
-	40%, 59.9% {
+	40%,
+	59.9% {
 		margin-top: 20%;
 		margin-left: 70%;
 	}
 
-	60%, 79.9% {
+	60%,
+	79.9% {
 		margin-top: 30%;
 		margin-left: 20%;
 	}
 
-	80%, 99.9% {
+	80%,
+	99.9% {
 		margin-top: 30%;
 		margin-left: 80%;
 	}

apps/editing-toolkit/editing-toolkit-plugin/global-styles/editor.scss

@@ -1,2 +1,2 @@
-@import './src/global-styles-sidebar.scss';
-@import './src/font-pairings-panel.scss';
+@import "./src/global-styles-sidebar.scss";
+@import "./src/font-pairings-panel.scss";

apps/editing-toolkit/editing-toolkit-plugin/global-styles/src/font-pairings-panel.scss

@@ -4,7 +4,7 @@
 
 .style-preview__font-option {
 	min-height: 3.4em;
-	box-shadow: inset 0 0 0 1px var( --studio-gray-10 );
+	box-shadow: inset 0 0 0 1px var(--studio-gray-10);
 	display: block;
 	width: 100%;
 	position: relative;
@@ -19,15 +19,15 @@
 		position: absolute;
 		top: 50%;
 		left: 50%;
-		transform: translate( -50%, -50% );
+		transform: translate(-50%, -50%);
 		width: 100%;
 	}
 
 	&.is-selected {
 		// override default focus and hover styles for selected-fonts buttons
 		// `!important` is used because there are default `focus` and `hover` styles with high specificities.
-		color: var( --studio-blue-40 ) !important;
-		box-shadow: inset 0 0 0 1px var( --studio-blue-40 ) !important;
+		color: var(--studio-blue-40) !important;
+		box-shadow: inset 0 0 0 1px var(--studio-blue-40) !important;
 	}
 }
 

apps/editing-toolkit/editing-toolkit-plugin/global-styles/static/style.css

@@ -7,13 +7,13 @@ h6,
 .editor-post-title .editor-post-title__block .editor-post-title__input,
 h1.entry-title.entry-title,
 .entry-title.entry-title {
-	font-family: var( --font-headings, var( --font-headings-default ) );
+	font-family: var(--font-headings, var(--font-headings-default));
 }
 
 body,
 p,
 li {
-	font-family: var( --font-base, var( --font-base-default ) );
+	font-family: var(--font-base, var(--font-base-default));
 }
 
 /*

apps/editing-toolkit/editing-toolkit-plugin/jetpack-timeline/blocks/src/editor.scss

@@ -1,5 +1,5 @@
 // Editor-only styles.
-[data-type='jetpack/timeline'] {
+[data-type="jetpack/timeline"] {
 
 	// Always show the Timeline appender, even when a child block is selected.
 	.block-list-appender {