GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-08 00:41:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

lint css

Browse Source
This commit is contained in:
Norbert de Langen 2024-08-14 22:27:30 +02:00
parent 76ee57e1a6
commit 81f3a63ab0
12 changed files with 119 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
code/frameworks/angular/template/components/button.css
View File

@ -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;
}

2
code/frameworks/angular/template/stories/core/moduleMetadata/angular-src/open-close-component/open-close.component.css
View File

@ -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;

20
code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.css
View File

@ -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;
}

20
code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.css
View File

@ -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;
}

20
code/lib/create-storybook/rendererAssets/common/button.css
View File

@ -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;
}

16
code/lib/create-storybook/rendererAssets/common/header.css
View File

@ -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;
}

40
code/lib/create-storybook/rendererAssets/common/page.css
View File

@ -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 {

20
code/renderers/react/src/__test__/button.css
View File

@ -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;
}

20
code/renderers/svelte/template/components/button.css
View File

@ -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;
}

20
code/renderers/vue3/src/__tests__/button.css
View File

@ -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;
}

20
code/renderers/vue3/template/components/button.css
View File

@ -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;
}

20
code/renderers/web-components/template/components/button.css
View File

@ -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;
}