js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 11:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

--component-spacing ==> --component-padding-x|y

Browse Source
This commit is contained in:
Cory LaViska
2017-08-13 17:10:50 -04:00
parent 3345744d43
commit 2c6d6d2d5e
7 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
dist/shoelace.css vendored
View File

File diff suppressed because one or more lines are too long

4
source/css/alerts.css
View File

@@ -2,8 +2,8 @@
:root {
--alert-color: var(--color-white);
--alert-bg-color: var(--state-primary);
--alert-padding-x: var(--component-spacing);
--alert-padding-y: var(--component-spacing);
--alert-padding-x: var(--component-padding-x);
--alert-padding-y: var(--component-padding-y);
}
.alert {

4
source/css/dropdowns.css
View File

@@ -53,7 +53,7 @@
border-radius: var(--dropdown-border-radius);
box-shadow: var(--dropdown-box-shadow);
display: none;
padding: calc(var(--dropdown-padding-y) / 2) 0;
padding: var(--dropdown-padding-y) 0;
overflow-y: auto;
}
@@ -103,5 +103,5 @@
.dropdown-menu hr {
width: 100%;
border-top: solid var(--dropdown-divider-border-width) var(--dropdown-divider-border-color);
margin: calc(var(--dropdown-padding-y) / 2) 0;
margin: var(--dropdown-padding-y) 0;
}

14
source/css/forms.css
View File

@@ -3,8 +3,8 @@
--fieldset-border-color: var(--component-border-color);
--fieldset-border-width: var(--component-border-width);
--fieldset-border-radius: var(--component-border-radius);
--fieldset-padding-x: calc(var(--component-spacing) * 1.5);
--fieldset-padding-y: var(--component-spacing);
--fieldset-padding-x: 1.5rem;
--fieldset-padding-y: 1rem;
--input-font-family: inherit;
--input-font-size: var(--font-size);
@@ -82,8 +82,8 @@ textarea {
line-height: var(--input-height);
vertical-align: middle;
display: block;
padding-left: calc(var(--component-spacing) * .5);
padding-right: calc(var(--component-spacing) * .5);
padding-left: .5rem;
padding-right: .5rem;
margin: 0;
transition: .1s border-color, .1s background-color, .1s color;
white-space: nowrap;
@@ -118,7 +118,7 @@ select {
background-size: .75rem;
padding-top: 0;
padding-bottom: 0;
padding-right: calc(var(--component-spacing) * .5 + 1rem);
padding-right: 1.5rem;
}
textarea {
@@ -129,7 +129,7 @@ textarea {
}
input[type="color"] {
padding: calc(var(--component-spacing) * .5);
padding: .5rem;
}
input[type="color"]::-webkit-color-swatch-wrapper {
@@ -361,7 +361,7 @@ progress {
border-top: solid var(--input-border-width) var(--input-border-color);
border-bottom: solid var(--input-border-width) var(--input-border-color);
background: #f8f8f8;
padding: 0 calc(var(--component-spacing) * .5);
padding: 0 .5rem;
white-space: nowrap;
}

3
source/css/shoelace.css
View File

@@ -61,5 +61,6 @@
--component-border-color: #ddd;
--component-border-radius: .25rem;
--component-border-width: 1px;
--component-spacing: 1rem;
--component-padding-x: 1rem;
--component-padding-y: 1rem;
}

8
source/css/tabs.css
View File

@@ -9,14 +9,14 @@
--tab-color-hover: var(--link-color-hover);
--tab-color-active: var(--color-white);
--tab-color-disabled: var(--state-secondary);
--tab-padding-x: var(--component-spacing);
--tab-padding-y: calc(var(--component-spacing) / 2);
--tab-padding-x: var(--component-padding-x);
--tab-padding-y: calc(var(--component-padding-y) / 2);
--tab-pane-border-color: var(--component-border-color);
--tab-pane-border-radius: var(--component-border-radius);
--tab-pane-border-width: var(--component-border-width);
--tab-pane-padding-x: var(--component-spacing);
--tab-pane-padding-y: var(--component-spacing);
--tab-pane-padding-x: var(--component-padding-x);
--tab-pane-padding-y: var(--component-padding-y);
}
.tabs {

6
source/css/utilities.css
View File

@@ -1,8 +1,8 @@
/*! Utilties */
:root {
--spacing-small: var(--component-spacing);
--spacing-medium: calc(var(--component-spacing) * 2);
--spacing-big: calc(var(--component-spacing) * 4);
--spacing-small: 1rem;
--spacing-medium: 2rem;
--spacing-big: 4rem;
}
/***************************************************************************************************