chore: rebuild

This commit is contained in:
Lucas Larroche 2022-02-27 16:59:36 +07:00
parent 75cfc082d8
commit f7ed336ac0
39 changed files with 216 additions and 138 deletions

View file

@ -272,6 +272,11 @@ kbd {
0 0.125rem 2rem rgba(27, 40, 50, 0.08), 0 0.125rem 2rem rgba(27, 40, 50, 0.08),
0 0 0 0.0625rem rgba(27, 40, 50, 0.024); 0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
--card-sectionning-background-color: #fbfbfc; --card-sectionning-background-color: #fbfbfc;
--dropdown-background-color: #fbfbfc;
--dropdown-border-color: #e1e6eb;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: #edf0f3;
--modal-overlay-background-color: rgba(213, 220, 226, 0.8); --modal-overlay-background-color: rgba(213, 220, 226, 0.8);
--progress-background-color: #d5dce2; --progress-background-color: #d5dce2;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -369,6 +374,11 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036); 0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c; --card-sectionning-background-color: #18232c;
--dropdown-background-color: #1b2832;
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9); --modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e; --progress-background-color: #24333e;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -465,6 +475,11 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036); 0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c; --card-sectionning-background-color: #18232c;
--dropdown-background-color: #1b2832;
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9); --modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e; --progress-background-color: #24333e;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -2086,80 +2101,91 @@ details[role=list] {
border-bottom: none; border-bottom: none;
} }
details[role=list] summary { details[role=list] summary {
margin: 0;
}
details[role=list] summary:not([role=button]) {
height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2); height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
margin-bottom: 0;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
border: var(--border-width) solid var(--form-element-border-color); border: var(--border-width) solid var(--form-element-border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
background-color: var(--form-element-background-color);
color: var(--form-element-placeholder-color);
line-height: inherit; line-height: inherit;
cursor: pointer; cursor: pointer;
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
} }
details[role=list] summary::after { details[role=list] summary:not([role=button]):active, details[role=list] summary:not([role=button]):focus {
border-color: var(--form-element-active-border-color);
background-color: var(--form-element-active-background-color);
}
details[role=list] summary:not([role=button]):focus {
box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
details[role=list] summary:not([role=button])::after {
height: 100%; height: 100%;
transform: rotate(0deg);
} }
details[role=list] summary + ul { details[role=list] summary + ul {
z-index: 100; z-index: 99;
position: absolute; position: absolute;
top: auto; top: auto;
right: 0px; right: 0;
left: 0px; left: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: var(--border-width) solid var(--form-element-border-color); border: var(--border-width) solid var(--dropdown-border-color);
border-top: none; border-top: none;
border-bottom-right-radius: var(--border-radius); border-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius); border-top-right-radius: 0;
background-color: var(--background-color); border-top-left-radius: 0;
list-style: none; background-color: var(--dropdown-background-color);
box-shadow: var(--card-box-shadow);
color: var(--dropdown-color);
} }
details[role=list] summary + ul li { details[role=list] summary + ul li {
margin-bottom: 0; margin-bottom: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
list-style: none;
} }
details[role=list] summary + ul li::marker { details[role=list] summary + ul li:first-of-type {
content: ""; margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
} }
details[role=list] summary + ul li label { details[role=list] summary + ul li:last-of-type {
position: relative; margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li:hover {
background-color: var(--dropdown-focus-background-color);
}
details[role=list] summary + ul li a {
display: block;
width: 100%; width: 100%;
margin: 0; color: var(--dropdown-color);
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); text-decoration: none;
cursor: pointer;
} }
details[role=list] summary + ul li label:hover { details[role=list] summary::after {
background-color: var(--secondary-focus); transform: rotate(0deg);
}
details[role=list] summary + ul li label input[type=radio],
details[role=list] summary + ul li label input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} }
details[role=list][disabled] summary, details[role=list].disabled summary { details[role=list][disabled] summary, details[role=list].disabled summary {
color: var(--muted-color); border-color: var(--form-element-disabled-border-color);
cursor: not-allowed; background-color: var(--form-element-disabled-background-color);
opacity: var(--form-element-disabled-opacity);
pointer-events: none; pointer-events: none;
} }
details[role=list][open] summary { details[role=list][open] summary {
margin-bottom: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
details[role=list][open] summary::before { details[role=list][open] summary::before {
display: block; display: block;
z-index: 80; z-index: 1;
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: transparent; background: transparent;
content: " "; content: "";
cursor: default; cursor: default;
} }
details[role=list][open] summary::after {
transform: rotate(180deg);
}
/** /**
* Loading ([aria-busy=true]) * Loading ([aria-busy=true])

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -277,6 +277,11 @@ kbd {
0 0.125rem 2rem rgba(27, 40, 50, 0.08), 0 0.125rem 2rem rgba(27, 40, 50, 0.08),
0 0 0 0.0625rem rgba(27, 40, 50, 0.024); 0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
--card-sectionning-background-color: #fbfbfc; --card-sectionning-background-color: #fbfbfc;
--dropdown-background-color: #fbfbfc;
--dropdown-border-color: #e1e6eb;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: #edf0f3;
--modal-overlay-background-color: rgba(213, 220, 226, 0.8); --modal-overlay-background-color: rgba(213, 220, 226, 0.8);
--progress-background-color: #d5dce2; --progress-background-color: #d5dce2;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -374,6 +379,11 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036); 0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c; --card-sectionning-background-color: #18232c;
--dropdown-background-color: #1b2832;
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9); --modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e; --progress-background-color: #24333e;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -470,6 +480,11 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036); 0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c; --card-sectionning-background-color: #18232c;
--dropdown-background-color: #1b2832;
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9); --modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e; --progress-background-color: #24333e;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -2383,80 +2398,91 @@ details[role=list] {
border-bottom: none; border-bottom: none;
} }
details[role=list] summary { details[role=list] summary {
margin: 0;
}
details[role=list] summary:not([role=button]) {
height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2); height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
margin-bottom: 0;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
border: var(--border-width) solid var(--form-element-border-color); border: var(--border-width) solid var(--form-element-border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
background-color: var(--form-element-background-color);
color: var(--form-element-placeholder-color);
line-height: inherit; line-height: inherit;
cursor: pointer; cursor: pointer;
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
} }
details[role=list] summary::after { details[role=list] summary:not([role=button]):active, details[role=list] summary:not([role=button]):focus {
border-color: var(--form-element-active-border-color);
background-color: var(--form-element-active-background-color);
}
details[role=list] summary:not([role=button]):focus {
box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
details[role=list] summary:not([role=button])::after {
height: 100%; height: 100%;
transform: rotate(0deg);
} }
details[role=list] summary + ul { details[role=list] summary + ul {
z-index: 100; z-index: 99;
position: absolute; position: absolute;
top: auto; top: auto;
right: 0px; right: 0;
left: 0px; left: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: var(--border-width) solid var(--form-element-border-color); border: var(--border-width) solid var(--dropdown-border-color);
border-top: none; border-top: none;
border-bottom-right-radius: var(--border-radius); border-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius); border-top-right-radius: 0;
background-color: var(--background-color); border-top-left-radius: 0;
list-style: none; background-color: var(--dropdown-background-color);
box-shadow: var(--card-box-shadow);
color: var(--dropdown-color);
} }
details[role=list] summary + ul li { details[role=list] summary + ul li {
margin-bottom: 0; margin-bottom: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
list-style: none;
} }
details[role=list] summary + ul li::marker { details[role=list] summary + ul li:first-of-type {
content: ""; margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
} }
details[role=list] summary + ul li label { details[role=list] summary + ul li:last-of-type {
position: relative; margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li:hover {
background-color: var(--dropdown-focus-background-color);
}
details[role=list] summary + ul li a {
display: block;
width: 100%; width: 100%;
margin: 0; color: var(--dropdown-color);
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); text-decoration: none;
cursor: pointer;
} }
details[role=list] summary + ul li label:hover { details[role=list] summary::after {
background-color: var(--secondary-focus); transform: rotate(0deg);
}
details[role=list] summary + ul li label input[type=radio],
details[role=list] summary + ul li label input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} }
details[role=list][disabled] summary, details[role=list].disabled summary { details[role=list][disabled] summary, details[role=list].disabled summary {
color: var(--muted-color); border-color: var(--form-element-disabled-border-color);
cursor: not-allowed; background-color: var(--form-element-disabled-background-color);
opacity: var(--form-element-disabled-opacity);
pointer-events: none; pointer-events: none;
} }
details[role=list][open] summary { details[role=list][open] summary {
margin-bottom: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
details[role=list][open] summary::before { details[role=list][open] summary::before {
display: block; display: block;
z-index: 80; z-index: 1;
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: transparent; background: transparent;
content: " "; content: "";
cursor: default; cursor: default;
} }
details[role=list][open] summary::after {
transform: rotate(180deg);
}
/** /**
* Loading ([aria-busy=true]) * Loading ([aria-busy=true])

File diff suppressed because one or more lines are too long

View file

@ -272,6 +272,11 @@ kbd {
0 0.125rem 2rem rgba(27, 40, 50, 0.08), 0 0.125rem 2rem rgba(27, 40, 50, 0.08),
0 0 0 0.0625rem rgba(27, 40, 50, 0.024); 0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
--card-sectionning-background-color: #fbfbfc; --card-sectionning-background-color: #fbfbfc;
--dropdown-background-color: #fbfbfc;
--dropdown-border-color: #e1e6eb;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: #edf0f3;
--modal-overlay-background-color: rgba(213, 220, 226, 0.8); --modal-overlay-background-color: rgba(213, 220, 226, 0.8);
--progress-background-color: #d5dce2; --progress-background-color: #d5dce2;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -369,6 +374,11 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036); 0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c; --card-sectionning-background-color: #18232c;
--dropdown-background-color: #1b2832;
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9); --modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e; --progress-background-color: #24333e;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -465,6 +475,11 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036); 0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c; --card-sectionning-background-color: #18232c;
--dropdown-background-color: #1b2832;
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9); --modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e; --progress-background-color: #24333e;
--progress-color: var(--primary); --progress-color: var(--primary);
@ -2056,80 +2071,91 @@ details[role=list] {
border-bottom: none; border-bottom: none;
} }
details[role=list] summary { details[role=list] summary {
margin: 0;
}
details[role=list] summary:not([role=button]) {
height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2); height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
margin-bottom: 0;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
border: var(--border-width) solid var(--form-element-border-color); border: var(--border-width) solid var(--form-element-border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
background-color: var(--form-element-background-color);
color: var(--form-element-placeholder-color);
line-height: inherit; line-height: inherit;
cursor: pointer; cursor: pointer;
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
} }
details[role=list] summary::after { details[role=list] summary:not([role=button]):active, details[role=list] summary:not([role=button]):focus {
border-color: var(--form-element-active-border-color);
background-color: var(--form-element-active-background-color);
}
details[role=list] summary:not([role=button]):focus {
box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
details[role=list] summary:not([role=button])::after {
height: 100%; height: 100%;
transform: rotate(0deg);
} }
details[role=list] summary + ul { details[role=list] summary + ul {
z-index: 100; z-index: 99;
position: absolute; position: absolute;
top: auto; top: auto;
right: 0px; right: 0;
left: 0px; left: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: var(--border-width) solid var(--form-element-border-color); border: var(--border-width) solid var(--dropdown-border-color);
border-top: none; border-top: none;
border-bottom-right-radius: var(--border-radius); border-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius); border-top-right-radius: 0;
background-color: var(--background-color); border-top-left-radius: 0;
list-style: none; background-color: var(--dropdown-background-color);
box-shadow: var(--card-box-shadow);
color: var(--dropdown-color);
} }
details[role=list] summary + ul li { details[role=list] summary + ul li {
margin-bottom: 0; margin-bottom: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
list-style: none;
} }
details[role=list] summary + ul li::marker { details[role=list] summary + ul li:first-of-type {
content: ""; margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
} }
details[role=list] summary + ul li label { details[role=list] summary + ul li:last-of-type {
position: relative; margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li:hover {
background-color: var(--dropdown-focus-background-color);
}
details[role=list] summary + ul li a {
display: block;
width: 100%; width: 100%;
margin: 0; color: var(--dropdown-color);
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); text-decoration: none;
cursor: pointer;
} }
details[role=list] summary + ul li label:hover { details[role=list] summary::after {
background-color: var(--secondary-focus); transform: rotate(0deg);
}
details[role=list] summary + ul li label input[type=radio],
details[role=list] summary + ul li label input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} }
details[role=list][disabled] summary, details[role=list].disabled summary { details[role=list][disabled] summary, details[role=list].disabled summary {
color: var(--muted-color); border-color: var(--form-element-disabled-border-color);
cursor: not-allowed; background-color: var(--form-element-disabled-background-color);
opacity: var(--form-element-disabled-opacity);
pointer-events: none; pointer-events: none;
} }
details[role=list][open] summary { details[role=list][open] summary {
margin-bottom: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
details[role=list][open] summary::before { details[role=list][open] summary::before {
display: block; display: block;
z-index: 80; z-index: 1;
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: transparent; background: transparent;
content: " "; content: "";
cursor: default; cursor: default;
} }
details[role=list][open] summary::after {
transform: rotate(180deg);
}
/** /**
* Loading ([aria-busy=true]) * Loading ([aria-busy=true])

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long