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

chore: lint with prettier on build

Browse source
This commit is contained in:
Lucas Larroche 2022-10-15 23:22:12 +07:00
parent bf62c8ce09
commit 670826069b
40 changed files with 221 additions and 233 deletions
Download patch file Download diff file Expand all files Collapse all files

17
scss/content/_button.scss
View file

@ -48,8 +48,7 @@ input[type="reset"],
--border-color: var(--primary);
--color: var(--primary-inverse);
--box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
padding: var(--form-element-spacing-vertical)
var(--form-element-spacing-horizontal);
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
outline: none;
@ -63,9 +62,8 @@ input[type="reset"],
cursor: pointer;
@if $enable-transitions {
transition: background-color var(--transition),
border-color var(--transition), color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
&:is([aria-current], :hover, :active, :focus) {
@ -83,7 +81,6 @@ input[type="reset"],
// .secondary, .contrast & .outline
@if $enable-classes {
// Secondary
:is(button, input[type="submit"], input[type="button"], [role="button"]).secondary,
input[type="reset"] {
@ -152,8 +149,7 @@ input[type="reset"],
--color: var(--contrast-hover);
}
}
}
@else {
} @else {
// Secondary button without .class
input[type="reset"] {
--background-color: var(--secondary);
@ -176,8 +172,9 @@ input[type="reset"],
// Button [disabled]
// Links without href are disabled by default
:where(button, [type="submit"], [type="button"], [type="reset"], [role="button"])[disabled],
:where(fieldset[disabled]) :is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]),
:where(fieldset[disabled])
:is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]),
a[role="button"]:not([href]) {
opacity: 0.5;
pointer-events: none;
}
}

2
scss/content/_code.scss
View file

@ -88,4 +88,4 @@ kbd {
background-color: var(--code-kbd-background-color);
color: var(--code-kbd-color);
vertical-align: baseline;
}
}

2
scss/content/_embedded.scss
View file

@ -45,4 +45,4 @@ img {
// Hide the overflow in IE
svg:not(:root) {
overflow: hidden;
}
}

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

@ -102,9 +102,8 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]) {
cursor: pointer;
@if $enable-transitions {
transition: background-color var(--transition),
border-color var(--transition), color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
&:is(:hover, :active, :focus) {
@ -149,8 +148,7 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]) {
background-color: var(--range-border-color);
@if $enable-transitions {
transition: background-color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), box-shadow var(--transition);
}
}
@ -178,8 +176,7 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]) {
cursor: pointer;
@if $enable-transitions {
transition: background-color var(--transition),
transform var(--transition);
transition: background-color var(--transition), transform var(--transition);
}
}
&::-webkit-slider-thumb {
@ -228,12 +225,11 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]) {
background-position: center left 1.125rem;
background-size: 1rem auto;
background-repeat: no-repeat;
&[aria-invalid] {
@if $enable-important {
padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
}
@else {
} @else {
padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
}
background-position: center left 1.125rem, center right 0.75rem;
@ -262,11 +258,11 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]) {
&:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]) {
&[type="search"] {
background-position: center right 1.125rem;
&[aria-invalid] {
background-position: center right 1.125rem, center left 0.75rem;
}
}
}
}
}
}

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

@ -127,7 +127,6 @@
[type="radio"]:checked,
[type="checkbox"][role="switch"],
[type="checkbox"][role="switch"]:checked {
&[aria-invalid="false"] {
--border-color: var(--form-element-valid-border-color);
}
@ -135,4 +134,4 @@
&[aria-invalid="true"] {
--border-color: var(--form-element-invalid-border-color);
}
}
}

32
scss/content/_form.scss
View file

@ -144,8 +144,7 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
select,
textarea {
appearance: none;
padding: var(--form-element-spacing-vertical)
var(--form-element-spacing-horizontal);
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
}
// Commons styles
@ -165,9 +164,8 @@ textarea {
font-weight: var(--font-weight);
@if $enable-transitions {
transition: background-color var(--transition),
border-color var(--transition), color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
}
@ -200,7 +198,8 @@ textarea {
input:not([type="submit"], [type="button"], [type="reset"])[disabled],
select[disabled],
textarea[disabled],
:where(fieldset[disabled]) :is(input:not([type="submit"], [type="button"], [type="reset"]), select, textarea) {
:where(fieldset[disabled])
:is(input:not([type="submit"], [type="button"], [type="reset"]), select, textarea) {
--background-color: var(--form-element-disabled-background-color);
--border-color: var(--form-element-disabled-border-color);
opacity: var(--form-element-disabled-opacity);
@ -212,16 +211,11 @@ textarea[disabled],
&:not([type="checkbox"], [type="radio"], [type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"]) {
&[aria-invalid] {
@if $enable-important {
padding-right: calc(
var(--form-element-spacing-horizontal) + 1.5rem
) !important;
padding-right: calc(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;
}
@else {
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
} @else {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
@ -248,8 +242,7 @@ textarea[disabled],
@if $enable-important {
--border-color: var(--form-element-valid-active-border-color) !important;
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
}
@else {
} @else {
--border-color: var(--form-element-valid-active-border-color);
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);
}
@ -263,8 +256,7 @@ textarea[disabled],
@if $enable-important {
--border-color: var(--form-element-invalid-active-border-color) !important;
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;
}
@else {
} @else {
--border-color: var(--form-element-invalid-active-border-color);
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);
}
@ -275,7 +267,7 @@ textarea[disabled],
[dir="rtl"] {
:where(input, select, textarea) {
&:not([type="checkbox"], [type="radio"]) {
&:is([aria-invalid], [aria-invalid="true"], [aria-invalid="false"] ){
&:is([aria-invalid], [aria-invalid="true"], [aria-invalid="false"]) {
background-position: center left 0.75rem;
}
}
@ -343,4 +335,4 @@ label {
> :where(input, select, textarea) {
margin-top: calc(var(--spacing) * 0.25);
}
}
}

5
scss/content/_miscs.scss
View file

@ -21,8 +21,7 @@ hr {
template {
@if $enable-important {
display: none !important;
}
@else {
} @else {
display: none;
}
}
@ -30,4 +29,4 @@ template {
// Add the correct display in IE 9-
canvas {
display: inline-block;
}
}

2
scss/content/_table.scss
View file

@ -47,4 +47,4 @@ table {
background-color: var(--table-row-stripped-background-color);
}
}
}
}

2
scss/content/_typography.scss
View file

@ -261,4 +261,4 @@ del {
// selection
::selection {
background-color: var(--primary-focus);
}
}