mirror of
https://github.com/picocss/pico.git
synced 2025-04-24 18:26:14 -04:00
parent
d0730c8b6e
commit
a2404b19b5
27 changed files with 1141 additions and 185 deletions
|
@ -10,9 +10,9 @@ details {
|
|||
border-bottom: 1px solid var(--muted-border);
|
||||
|
||||
summary {
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
line-height: 1rem;
|
||||
|
||||
// Reset marker
|
||||
&::-webkit-details-marker {
|
||||
|
@ -27,14 +27,13 @@ details {
|
|||
|
||||
// Marker
|
||||
&::after {
|
||||
$caret-icon-color: "808080"; // Without '#' !important
|
||||
display: inline-block;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
float: right;
|
||||
transform: rotate(-90deg);
|
||||
// Source: https://feathericons.com/
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23" + $caret-icon-color + "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .66)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1rem auto;
|
||||
|
|
|
@ -11,6 +11,7 @@ nav ul {
|
|||
nav {
|
||||
justify-content: space-between;
|
||||
|
||||
ol,
|
||||
ul {
|
||||
align-items: center;
|
||||
margin-bottom: 0;
|
||||
|
@ -65,6 +66,7 @@ nav {
|
|||
aside {
|
||||
|
||||
nav,
|
||||
ol,
|
||||
ul,
|
||||
li {
|
||||
display: block;
|
||||
|
|
|
@ -54,6 +54,5 @@
|
|||
&::after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue