mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 08:45:06 -04:00
chore: build
This commit is contained in:
TAKAHASHI Shuuji
parent
2ee481103c
commit
77fd65c040
236 changed files with 4565 additions and 5982 deletions
|
|
@ -664,17 +664,14 @@ section {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ details.dropdown > a::after {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ label > details.dropdown {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ label > details.dropdown {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ label > details.dropdown {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ label > details.dropdown {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header .close, dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article .close, dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.amber.min.css
vendored
2
css/pico.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ section {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ details.dropdown > a::after {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ label > details.dropdown {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ label > details.dropdown {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ label > details.dropdown {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ label > details.dropdown {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header .close, dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article .close, dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.blue.min.css
vendored
2
css/pico.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.amber.min.css
vendored
2
css/pico.classless.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.blue.min.css
vendored
2
css/pico.classless.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.amber.min.css
vendored
2
css/pico.classless.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.blue.min.css
vendored
2
css/pico.classless.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.cyan.min.css
vendored
2
css/pico.classless.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.green.min.css
vendored
2
css/pico.classless.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.grey.min.css
vendored
2
css/pico.classless.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.jade.min.css
vendored
2
css/pico.classless.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.lime.min.css
vendored
2
css/pico.classless.conditional.lime.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.pink.min.css
vendored
2
css/pico.classless.conditional.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.red.min.css
vendored
2
css/pico.classless.conditional.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.sand.min.css
vendored
2
css/pico.classless.conditional.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.slate.min.css
vendored
2
css/pico.classless.conditional.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ main {
|
|||
.pico body > main,
|
||||
.pico body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.conditional.zinc.min.css
vendored
2
css/pico.classless.conditional.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.cyan.min.css
vendored
2
css/pico.classless.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.fuchsia.min.css
vendored
2
css/pico.classless.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.green.min.css
vendored
2
css/pico.classless.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.grey.min.css
vendored
2
css/pico.classless.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.indigo.min.css
vendored
2
css/pico.classless.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.jade.min.css
vendored
2
css/pico.classless.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.lime.min.css
vendored
2
css/pico.classless.lime.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.orange.min.css
vendored
2
css/pico.classless.orange.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.pink.min.css
vendored
2
css/pico.classless.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.pumpkin.min.css
vendored
2
css/pico.classless.pumpkin.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.purple.min.css
vendored
2
css/pico.classless.purple.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.red.min.css
vendored
2
css/pico.classless.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.sand.min.css
vendored
2
css/pico.classless.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.slate.min.css
vendored
2
css/pico.classless.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.violet.min.css
vendored
2
css/pico.classless.violet.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.yellow.min.css
vendored
2
css/pico.classless.yellow.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -581,8 +581,7 @@ body > header,
|
|||
body > main,
|
||||
body > footer {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-inline: auto;
|
||||
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
|
|
@ -590,8 +589,7 @@ body > footer {
|
|||
body > main,
|
||||
body > footer {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -753,8 +751,6 @@ blockquote {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -942,7 +938,6 @@ td {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1263,8 +1258,6 @@ label[aria-disabled=true] input[disabled] {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1334,8 +1327,6 @@ select::-ms-expand {
|
|||
background-color: transparent;
|
||||
}
|
||||
select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1541,7 +1532,7 @@ label:has([type=checkbox], [type=radio]) {
|
|||
input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1557,8 +1548,8 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=time]::-webkit-calendar-picker-indicator,
|
||||
[type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1568,12 +1559,12 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
[type=month],
|
||||
[type=time],
|
||||
[type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1581,15 +1572,15 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
|
|||
*/
|
||||
[type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
[type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
[type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1743,7 +1734,7 @@ details summary::after {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1765,7 +1756,7 @@ details summary:focus-visible:not([role]) {
|
|||
}
|
||||
details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1781,10 +1772,9 @@ details[open] > summary::after {
|
|||
}
|
||||
|
||||
[dir=rtl] details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1800,8 +1790,8 @@ article {
|
|||
}
|
||||
article > header,
|
||||
article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1809,8 +1799,8 @@ article > header {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -1850,9 +1840,9 @@ article > footer {
|
|||
[role=group] > *:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
[role=search] > *:not(:last-child),
|
||||
[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -1860,8 +1850,8 @@ article > footer {
|
|||
[role=group] > *:not(:last-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
[role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
[role=search] > *:focus,
|
||||
[role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -1885,7 +1875,7 @@ article > footer {
|
|||
[role=group] [role=button]:not(:first-child),
|
||||
[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
[role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
[role=search] button,
|
||||
[role=search] [type=submit],
|
||||
|
|
@ -1940,12 +1930,12 @@ article > footer {
|
|||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2029,12 +2019,12 @@ dialog article > header > * {
|
|||
}
|
||||
dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
dialog article > footer button,
|
||||
dialog article > footer [role=button] {
|
||||
|
|
@ -2042,7 +2032,7 @@ dialog article > footer [role=button] {
|
|||
}
|
||||
dialog article > footer button:not(:first-of-type),
|
||||
dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2071,7 +2061,7 @@ dialog:not([open]), dialog[open=false] {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2093,11 +2083,11 @@ nav ul {
|
|||
}
|
||||
nav ol:first-of-type,
|
||||
nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav ol:last-of-type,
|
||||
nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2119,9 +2109,8 @@ nav li [type=button],
|
|||
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2271,9 +2260,8 @@ progress::-moz-progress-bar {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2310,7 +2298,7 @@ progress::-moz-progress-bar {
|
|||
[data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.classless.zinc.min.css
vendored
2
css/pico.classless.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.conditional.amber.min.css
vendored
2
css/pico.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.conditional.blue.min.css
vendored
2
css/pico.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.conditional.cyan.min.css
vendored
2
css/pico.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.conditional.fuchsia.min.css
vendored
2
css/pico.conditional.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.conditional.green.min.css
vendored
2
css/pico.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.conditional.grey.min.css
vendored
2
css/pico.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.conditional.indigo.min.css
vendored
2
css/pico.conditional.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
2
css/pico.conditional.jade.min.css
vendored
2
css/pico.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -664,17 +664,14 @@ main {
|
|||
.container,
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: var(--pico-spacing);
|
||||
padding-left: var(--pico-spacing);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--pico-spacing);
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -847,8 +844,6 @@ main {
|
|||
display: block;
|
||||
margin: var(--pico-typography-spacing-vertical) 0;
|
||||
padding: var(--pico-spacing);
|
||||
border-right: none;
|
||||
border-left: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
|
||||
border-inline-end: none;
|
||||
}
|
||||
|
|
@ -1108,7 +1103,6 @@ main {
|
|||
background-color: var(--pico-background-color);
|
||||
color: var(--pico-color);
|
||||
font-weight: var(--pico-font-weight);
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
|
|
@ -1429,8 +1423,6 @@ main {
|
|||
[type=time],
|
||||
[type=week],
|
||||
[type=range])[aria-invalid] {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important;
|
||||
background-position: center right 0.75rem;
|
||||
|
|
@ -1500,8 +1492,6 @@ main {
|
|||
background-color: transparent;
|
||||
}
|
||||
.pico select:not([multiple], [size]) {
|
||||
padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
padding-left: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-start: var(--pico-form-element-spacing-horizontal);
|
||||
padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
|
|
@ -1707,7 +1697,7 @@ main {
|
|||
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
--pico-icon-position: 0.75rem;
|
||||
--pico-icon-width: 1rem;
|
||||
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
padding-inline-end: calc(var(--pico-icon-width) + var(--pico-icon-position));
|
||||
background-image: var(--pico-icon-date);
|
||||
background-position: center right var(--pico-icon-position);
|
||||
background-size: var(--pico-icon-width) auto;
|
||||
|
|
@ -1723,8 +1713,8 @@ main {
|
|||
.pico [type=time]::-webkit-calendar-picker-indicator,
|
||||
.pico [type=week]::-webkit-calendar-picker-indicator {
|
||||
width: var(--pico-icon-width);
|
||||
margin-right: calc(var(--pico-icon-width) * -1);
|
||||
margin-left: var(--pico-icon-position);
|
||||
margin-inline-start: var(--pico-icon-position);
|
||||
margin-inline-end: calc(var(--pico-icon-width) * -1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1734,12 +1724,12 @@ main {
|
|||
.pico [type=month],
|
||||
.pico [type=time],
|
||||
.pico [type=week] {
|
||||
padding-right: var(--pico-form-element-spacing-horizontal) !important;
|
||||
padding-inline-end: var(--pico-form-element-spacing-horizontal) !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
[dir=rtl] .pico :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1747,15 +1737,15 @@ main {
|
|||
*/
|
||||
.pico [type=file] {
|
||||
--pico-color: var(--pico-muted-color);
|
||||
margin-left: calc(var(--pico-outline-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-outline-width) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;
|
||||
padding-left: var(--pico-outline-width);
|
||||
padding-inline-start: var(--pico-outline-width);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
}
|
||||
.pico [type=file]::file-selector-button {
|
||||
margin-right: calc(var(--pico-spacing) / 2);
|
||||
margin-inline-end: calc(var(--pico-spacing) / 2);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
}
|
||||
.pico [type=file]:is(:hover, :active, :focus)::file-selector-button {
|
||||
|
|
@ -1909,7 +1899,7 @@ main {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
|
||||
float: right;
|
||||
float: inline-end;
|
||||
transform: rotate(-90deg);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -1931,7 +1921,7 @@ main {
|
|||
}
|
||||
.pico details summary[role=button] {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
}
|
||||
.pico details summary[role=button]::after {
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
|
|
@ -1947,10 +1937,9 @@ main {
|
|||
}
|
||||
|
||||
[dir=rtl] .pico details summary {
|
||||
text-align: right;
|
||||
text-align: start;
|
||||
}
|
||||
[dir=rtl] .pico details summary::after {
|
||||
float: left;
|
||||
background-position: left center;
|
||||
}
|
||||
|
||||
|
|
@ -1966,8 +1955,8 @@ main {
|
|||
}
|
||||
.pico article > header,
|
||||
.pico article > footer {
|
||||
margin-right: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-left: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-block-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal);
|
||||
background-color: var(--pico-card-sectioning-background-color);
|
||||
}
|
||||
|
|
@ -1975,8 +1964,8 @@ main {
|
|||
margin-top: calc(var(--pico-block-spacing-vertical) * -1);
|
||||
margin-bottom: var(--pico-block-spacing-vertical);
|
||||
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
|
||||
border-top-right-radius: var(--pico-border-radius);
|
||||
border-top-left-radius: var(--pico-border-radius);
|
||||
border-start-start-radius: var(--pico-border-radius);
|
||||
border-start-end-radius: var(--pico-border-radius);
|
||||
}
|
||||
.pico article > footer {
|
||||
margin-top: var(--pico-block-spacing-vertical);
|
||||
|
|
@ -2000,7 +1989,7 @@ main {
|
|||
width: 1rem;
|
||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
margin-inline-start: 0.25rem;
|
||||
float: right;
|
||||
float: inline-start;
|
||||
transform: rotate(0deg) translateX(0.2rem);
|
||||
background-image: var(--pico-icon-chevron);
|
||||
background-position: right center;
|
||||
|
|
@ -2176,9 +2165,9 @@ main {
|
|||
.pico [role=group] > *:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:not(:last-child),
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
|
|
@ -2186,8 +2175,8 @@ main {
|
|||
.pico [role=group] > *:not(:last-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:last-child),
|
||||
.pico [role=group] select:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
.pico [role=search] > *:focus,
|
||||
.pico [role=search] input:not([type=checkbox], [type=radio]):focus,
|
||||
|
|
@ -2211,7 +2200,7 @@ main {
|
|||
.pico [role=group] [role=button]:not(:first-child),
|
||||
.pico [role=group] input:not([type=checkbox], [type=radio]):not(:first-child),
|
||||
.pico [role=group] select:not(:first-child) {
|
||||
margin-left: calc(var(--pico-border-width) * -1);
|
||||
margin-inline-start: calc(var(--pico-border-width) * -1);
|
||||
}
|
||||
.pico [role=search] button,
|
||||
.pico [role=search] [type=submit],
|
||||
|
|
@ -2266,12 +2255,12 @@ main {
|
|||
}
|
||||
|
||||
.pico [role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
border-start-start-radius: 5rem;
|
||||
border-end-start-radius: 5rem;
|
||||
}
|
||||
.pico [role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
border-start-end-radius: 5rem;
|
||||
border-end-end-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -2355,12 +2344,12 @@ main {
|
|||
}
|
||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
||||
margin: 0;
|
||||
margin-left: var(--pico-spacing);
|
||||
margin-inline-start: var(--pico-spacing);
|
||||
padding: 0;
|
||||
float: right;
|
||||
float: inline-end;
|
||||
}
|
||||
.pico dialog article > footer {
|
||||
text-align: right;
|
||||
text-align: end;
|
||||
}
|
||||
.pico dialog article > footer button,
|
||||
.pico dialog article > footer [role=button] {
|
||||
|
|
@ -2368,7 +2357,7 @@ main {
|
|||
}
|
||||
.pico dialog article > footer button:not(:first-of-type),
|
||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||
margin-inline-start: calc(var(--pico-spacing) * 0.5);
|
||||
}
|
||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
||||
display: block;
|
||||
|
|
@ -2394,7 +2383,7 @@ main {
|
|||
}
|
||||
|
||||
.modal-is-open {
|
||||
padding-right: var(--pico-scrollbar-width, 0px);
|
||||
padding-inline-end: var(--pico-scrollbar-width, 0px);
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
|
|
@ -2442,7 +2431,7 @@ main {
|
|||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
float: inline-start;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
@ -2464,11 +2453,11 @@ main {
|
|||
}
|
||||
.pico nav ol:first-of-type,
|
||||
.pico nav ul:first-of-type {
|
||||
margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-start: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav ol:last-of-type,
|
||||
.pico nav ul:last-of-type {
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-inline-end: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
}
|
||||
.pico nav li {
|
||||
display: inline-block;
|
||||
|
|
@ -2490,9 +2479,8 @@ main {
|
|||
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
|
||||
.pico nav li select {
|
||||
height: auto;
|
||||
margin-right: inherit;
|
||||
margin-bottom: 0;
|
||||
margin-left: inherit;
|
||||
margin-inline: inherit;
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav[aria-label=breadcrumb] {
|
||||
|
|
@ -2642,9 +2630,8 @@ main {
|
|||
padding: 0;
|
||||
transform: translate(-50%, 0rem);
|
||||
border-top: 0.3rem solid;
|
||||
border-right: 0.3rem solid transparent;
|
||||
border-left: 0.3rem solid transparent;
|
||||
border-radius: 0;
|
||||
border-inline: 0.3rem solid transparent;
|
||||
background-color: transparent;
|
||||
content: "";
|
||||
color: var(--pico-tooltip-background-color);
|
||||
|
|
@ -2681,7 +2668,7 @@ main {
|
|||
.pico [data-tooltip][data-placement=right]:after {
|
||||
transform: translate(-0.3rem, -50%);
|
||||
border: 0.3rem solid transparent;
|
||||
border-right: 0.3rem solid;
|
||||
border-inline-end: 0.3rem solid;
|
||||
}
|
||||
.pico [data-tooltip]:focus::before, .pico [data-tooltip]:focus::after, .pico [data-tooltip]:hover::before, .pico [data-tooltip]:hover::after {
|
||||
opacity: 1;
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue