From 81f3a63ab00e6e291bd57dae9d69fd0e7e3222f2 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 14 Aug 2024 22:27:30 +0200
Subject: [PATCH] lint css

---
 .../angular/template/components/button.css    | 20 +++++-----
 .../open-close.component.css                  |  2 +-
 .../signal/button.css                         | 20 +++++-----
 .../signal/button.css                         | 20 +++++-----
 .../rendererAssets/common/button.css          | 20 +++++-----
 .../rendererAssets/common/header.css          | 16 ++++----
 .../rendererAssets/common/page.css            | 40 +++++++++----------
 code/renderers/react/src/__test__/button.css  | 20 +++++-----
 .../svelte/template/components/button.css     | 20 +++++-----
 code/renderers/vue3/src/__tests__/button.css  | 20 +++++-----
 .../vue3/template/components/button.css       | 20 +++++-----
 .../template/components/button.css            | 20 +++++-----
 12 files changed, 119 insertions(+), 119 deletions(-)

diff --git a/code/frameworks/angular/template/components/button.css b/code/frameworks/angular/template/components/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/frameworks/angular/template/components/button.css
+++ b/code/frameworks/angular/template/components/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }
diff --git a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.css b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.css
index c7401b7f181..a7640d84456 100644
--- a/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.css
+++ b/code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.css
@@ -4,8 +4,8 @@
 }
 
 .open-close-container {
-  border: 1px solid #dddddd;
   margin-top: 1em;
+  border: 1px solid #dddddd;
   padding: 20px 20px 0px 20px;
   color: #000000;
   font-weight: bold;
diff --git a/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.css b/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.css
+++ b/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }
diff --git a/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.css b/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.css
+++ b/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }
diff --git a/code/lib/create-storybook/rendererAssets/common/button.css b/code/lib/create-storybook/rendererAssets/common/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/lib/create-storybook/rendererAssets/common/button.css
+++ b/code/lib/create-storybook/rendererAssets/common/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }
diff --git a/code/lib/create-storybook/rendererAssets/common/header.css b/code/lib/create-storybook/rendererAssets/common/header.css
index d9a70528a3a..5efd46c26a0 100644
--- a/code/lib/create-storybook/rendererAssets/common/header.css
+++ b/code/lib/create-storybook/rendererAssets/common/header.css
@@ -1,10 +1,10 @@
 .storybook-header {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding: 15px 20px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 .storybook-header svg {
@@ -13,12 +13,12 @@
 }
 
 .storybook-header h1 {
+  display: inline-block;
+  vertical-align: top;
+  margin: 6px 0 6px 10px;
   font-weight: 700;
   font-size: 20px;
   line-height: 1;
-  margin: 6px 0 6px 10px;
-  display: inline-block;
-  vertical-align: top;
 }
 
 .storybook-header button + button {
@@ -26,7 +26,7 @@
 }
 
 .storybook-header .welcome {
+  margin-right: 10px;
   color: #333;
   font-size: 14px;
-  margin-right: 10px;
 }
diff --git a/code/lib/create-storybook/rendererAssets/common/page.css b/code/lib/create-storybook/rendererAssets/common/page.css
index 098dad11850..87f7ecb17c4 100644
--- a/code/lib/create-storybook/rendererAssets/common/page.css
+++ b/code/lib/create-storybook/rendererAssets/common/page.css
@@ -1,20 +1,20 @@
 .storybook-page {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  line-height: 24px;
-  padding: 48px 20px;
   margin: 0 auto;
+  padding: 48px 20px;
   max-width: 600px;
   color: #333;
+  font-size: 14px;
+  line-height: 24px;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 .storybook-page h2 {
+  display: inline-block;
+  vertical-align: top;
+  margin: 0 0 4px;
   font-weight: 700;
   font-size: 32px;
   line-height: 1;
-  margin: 0 0 4px;
-  display: inline-block;
-  vertical-align: top;
 }
 
 .storybook-page p {
@@ -22,13 +22,13 @@
 }
 
 .storybook-page a {
-  text-decoration: none;
   color: #1ea7fd;
+  text-decoration: none;
 }
 
 .storybook-page ul {
-  padding-left: 30px;
   margin: 1em 0;
+  padding-left: 30px;
 }
 
 .storybook-page li {
@@ -37,31 +37,31 @@
 
 .storybook-page .tip {
   display: inline-block;
+  vertical-align: top;
+  margin-right: 10px;
   border-radius: 1em;
+  background: #e7fdd8;
+  padding: 4px 12px;
+  color: #66bf3c;
+  font-weight: 700;
   font-size: 11px;
   line-height: 12px;
-  font-weight: 700;
-  background: #e7fdd8;
-  color: #66bf3c;
-  padding: 4px 12px;
-  margin-right: 10px;
-  vertical-align: top;
 }
 
 .storybook-page .tip-wrapper {
-  font-size: 13px;
-  line-height: 20px;
   margin-top: 40px;
   margin-bottom: 40px;
+  font-size: 13px;
+  line-height: 20px;
 }
 
 .storybook-page .tip-wrapper svg {
   display: inline-block;
-  height: 12px;
-  width: 12px;
-  margin-right: 4px;
   vertical-align: top;
   margin-top: 3px;
+  margin-right: 4px;
+  width: 12px;
+  height: 12px;
 }
 
 .storybook-page .tip-wrapper svg path {
diff --git a/code/renderers/react/src/__test__/button.css b/code/renderers/react/src/__test__/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/renderers/react/src/__test__/button.css
+++ b/code/renderers/react/src/__test__/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }
diff --git a/code/renderers/svelte/template/components/button.css b/code/renderers/svelte/template/components/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/renderers/svelte/template/components/button.css
+++ b/code/renderers/svelte/template/components/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }
diff --git a/code/renderers/vue3/src/__tests__/button.css b/code/renderers/vue3/src/__tests__/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/renderers/vue3/src/__tests__/button.css
+++ b/code/renderers/vue3/src/__tests__/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }
diff --git a/code/renderers/vue3/template/components/button.css b/code/renderers/vue3/template/components/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/renderers/vue3/template/components/button.css
+++ b/code/renderers/vue3/template/components/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }
diff --git a/code/renderers/web-components/template/components/button.css b/code/renderers/web-components/template/components/button.css
index dc91dc76370..94d674b7614 100644
--- a/code/renderers/web-components/template/components/button.css
+++ b/code/renderers/web-components/template/components/button.css
@@ -1,30 +1,30 @@
 .storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
+  display: inline-block;
+  cursor: pointer;
   border: 0;
   border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
+  font-weight: 700;
   line-height: 1;
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .storybook-button--primary {
-  color: white;
   background-color: #1ea7fd;
+  color: white;
 }
 .storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+  background-color: transparent;
+  color: #333;
 }
 .storybook-button--small {
-  font-size: 12px;
   padding: 10px 16px;
+  font-size: 12px;
 }
 .storybook-button--medium {
-  font-size: 14px;
   padding: 11px 20px;
+  font-size: 14px;
 }
 .storybook-button--large {
-  font-size: 16px;
   padding: 12px 24px;
+  font-size: 16px;
 }