mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 18:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'dev' into feat-modal

Browse source
This commit is contained in:
Lucas Larroche 2021-11-02 11:00:14 +07:00
commit caa104850f
99 changed files with 3531 additions and 1870 deletions
Download patch file Download diff file Expand all files Collapse all files

2
scss/content/_button.scss
View file

@ -65,8 +65,8 @@ a[role="button"] {
background-color: var(--background-color);
box-shadow: var(--box-shadow);
color: var(--color);
font-size: 1rem;
font-weight: var(--font-weight);
font-size: 1rem;
line-height: var(--line-height);
text-align: center;
cursor: pointer;

6
scss/content/_code.scss
View file

@ -13,8 +13,8 @@ pre,
code,
kbd,
samp {
font-family: var(--font-family); // 1
font-size: 0.875em; // 2
font-family: var(--font-family); // 1
}
// Prevent overflow of the container in all browsers (opinionated)
@ -29,11 +29,11 @@ pre {
pre,
code,
kbd {
border-radius: var(--border-radius);
background: var(--code-background-color);
color: var(--code-color);
font-weight: var(--font-weight);
line-height: initial;
border-radius: var(--border-radius);
}
code,
@ -48,9 +48,9 @@ pre {
overflow-x: auto;
> code {
background: transparent;
display: block;
padding: var(--spacing);
background: transparent;
font-size: 14px;
line-height: var(--line-height);
}

8
scss/content/_form-alt-input-types.scss
View file

@ -42,8 +42,8 @@
[type="week"] {
background-image: var(--icon-date);
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;
background-repeat: no-repeat;
&::-webkit-calendar-picker-indicator {
opacity: 0;
@ -77,8 +77,8 @@
--color: var(--secondary-inverse);
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
margin-inline-end: calc(var(--spacing) / 2);
margin-inline-start: 0;
margin-inline-end: calc(var(--spacing) / 2);
padding: calc(var(--form-element-spacing-vertical) * 0.5)
calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
@ -87,8 +87,8 @@
background-color: var(--background-color);
box-shadow: var(--box-shadow);
color: var(--color);
font-size: 1rem;
font-weight: var(--font-weight);
font-size: 1rem;
line-height: var(--line-height);
text-align: center;
cursor: pointer;
@ -222,8 +222,8 @@
) !important;
background-image: var(--icon-search);
background-position: center left 1.125rem;
background-repeat: no-repeat;
background-size: 1rem auto;
background-repeat: no-repeat;
}
// Cancel button

8
scss/content/_form-checkbox-radio.scss
View file

@ -13,8 +13,8 @@
margin-top: -0.125em;
margin-right: 0.375em;
margin-left: 0;
margin-inline-end: 0.375em;
margin-inline-start: 0;
margin-inline-end: 0.375em;
border-width: var(--border-width);
vertical-align: middle;
cursor: pointer;
@ -30,8 +30,8 @@
--border-color: var(--primary);
background-image: var(--icon-checkbox);
background-position: center;
background-repeat: no-repeat;
background-size: 0.75em auto;
background-repeat: no-repeat;
}
& ~ label {
@ -49,8 +49,8 @@
--border-color: var(--primary);
background-image: var(--icon-minus);
background-position: center;
background-repeat: no-repeat;
background-size: 0.75em auto;
background-repeat: no-repeat;
}
}
@ -115,8 +115,8 @@
&::before {
margin-right: 0;
margin-left: calc(#{$switch-width * 0.5} - var(--border-width));
margin-inline-end: 0;
margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));
margin-inline-end: 0;
}
}

14
scss/content/_form.scss
View file

@ -14,10 +14,10 @@ optgroup,
select,
textarea {
margin: 0; // 2
font-family: inherit; // 1
font-size: 1rem; // 1
letter-spacing: inherit; // 2
line-height: var(--line-height); // 1
font-family: inherit; // 1
letter-spacing: inherit; // 2
}
// Show the overflow in IE.
@ -223,19 +223,19 @@ textarea {
var(--form-element-spacing-horizontal) + 1.5rem
) !important;
padding-left: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal) !important;
padding-inline-end: calc(
var(--form-element-spacing-horizontal) + 1.5rem
) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
} @else {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-start: var(--form-element-spacing-horizontal);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
}
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;
background-repeat: no-repeat;
}
&[aria-invalid="false"] {
@ -316,12 +316,12 @@ select {
&:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-start: var(--form-element-spacing-horizontal);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
background-image: var(--icon-chevron);
background-position: center right 0.75rem;
background-repeat: no-repeat;
background-size: 1rem auto;
background-repeat: no-repeat;
}
}

2
scss/content/_table.scss
View file

@ -27,8 +27,8 @@ td {
padding: calc(var(--spacing) / 2) var(--spacing);
border-bottom: var(--border-width) solid var(--table-border-color);
color: var(--color);
font-size: var(--font-size);
font-weight: var(--font-weight);
font-size: var(--font-size);
text-align: left;
text-align: start;
}

14
scss/content/_typography.scss
View file

@ -61,9 +61,9 @@ ul {
margin-top: 0;
margin-bottom: var(--typography-spacing-vertical);
color: var(--color);
font-size: var(--font-size);
font-weight: var(--font-weight);
font-style: normal;
font-weight: var(--font-weight);
font-size: var(--font-size);
}
// Links
@ -135,9 +135,9 @@ h6 {
margin-top: 0;
margin-bottom: var(--typography-spacing-vertical);
color: var(--color);
font-family: var(--font-family);
font-size: var(--font-size);
font-weight: var(--font-weight);
font-size: var(--font-size);
font-family: var(--font-family);
}
h1 {
@ -191,8 +191,8 @@ hgroup {
> *:last-child {
--color: var(--muted-color);
--font-weight: unset;
font-family: unset;
font-size: 1rem;
font-family: unset;
}
}
@ -211,8 +211,8 @@ ul,
ol {
padding-right: 0;
padding-left: var(--spacing);
padding-inline-end: 0;
padding-inline-start: var(--spacing);
padding-inline-end: 0;
li {
margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
@ -238,8 +238,8 @@ blockquote {
padding: var(--spacing);
border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color);
border-inline-end: none;
border-inline-start: 0.25rem solid var(--blockquote-border-color);
border-inline-end: none;
footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5);