chore: pulling weeds
This commit is contained in:
parent
067ac95a64
commit
6e2694157c
24 changed files with 194 additions and 287 deletions
|
@ -34,16 +34,4 @@ button,
|
|||
transition-timing-function: var(--transition-ease-in-out);
|
||||
transition-duration: var(--transition-duration-default);
|
||||
}
|
||||
|
||||
&.secondary {
|
||||
color: var(--accent-color);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&.secondary:not(.theme-toggle):hover,
|
||||
&.secondary:not(.theme-toggle):active,
|
||||
&.secondary:not(.theme-toggle):focus {
|
||||
color: var(--accent-color-hover);
|
||||
background: transparent;
|
||||
}
|
||||
}
|
|
@ -15,10 +15,9 @@
|
|||
.media-grid {
|
||||
display: grid;
|
||||
gap: var(--spacing-sm);
|
||||
margin-bottom: var(--spacing-base);
|
||||
|
||||
&.no-pagination {
|
||||
margin-bottom: 0;
|
||||
& ~ .pagination {
|
||||
margin-top: var(--spacing-base);
|
||||
}
|
||||
|
||||
&.square {
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
inset: 0;
|
||||
background: var(--gray-dark-transparent);
|
||||
background: color-mix(in srgb, var(--gray-dark), transparent 10%);
|
||||
position: fixed;
|
||||
z-index: 3;
|
||||
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
max-width: 40%;
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
margin-left: var(--spacing-lg);
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -55,18 +55,17 @@
|
|||
}
|
||||
}
|
||||
|
||||
& .presentation .info {
|
||||
& .info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-sm);
|
||||
gap: var(--spacing-xs);
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
max-width: calc(75% - var(--sizing-lg));
|
||||
}
|
||||
}
|
||||
|
||||
& .meta,
|
||||
& .presentation {
|
||||
& .meta {
|
||||
justify-content: start;
|
||||
gap: var(--spacing-md);
|
||||
|
||||
|
@ -97,7 +96,10 @@
|
|||
|
||||
& .title {
|
||||
font-weight: var(--font-weight-bold);
|
||||
line-height: var(--line-height-md);
|
||||
|
||||
&.window {
|
||||
margin-bottom: calc(var(--spacing-sm) * -1);
|
||||
}
|
||||
}
|
||||
|
||||
& .title,
|
||||
|
|
|
@ -21,7 +21,7 @@
|
|||
|
||||
& span.disabled svg[data-tablericon-name^="arrow-"] {
|
||||
cursor: not-allowed;
|
||||
stroke: color-mix(in srgb, var(--text-color), transparent 50%);
|
||||
stroke: var(--gray-medium);
|
||||
stroke-width: var(--stroke-width-default);
|
||||
}
|
||||
}
|
|
@ -2,7 +2,7 @@
|
|||
display: flex;
|
||||
height: var(--sizing-lg);
|
||||
width: 100%;
|
||||
background-color: var(--gray-light-transparent);
|
||||
background-color: var(--gray-light);
|
||||
border-radius: var(--border-radius-full);
|
||||
overflow: hidden;
|
||||
|
||||
|
|
|
@ -19,14 +19,6 @@ input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-window"]) {
|
|||
margin-right: var(--spacing-xs);
|
||||
}
|
||||
|
||||
#tracks-recent:not(:checked) ~ [for="tracks-recent"]:hover,
|
||||
#tracks-recent:not(:checked) ~ [for="tracks-recent"]:active,
|
||||
#tracks-window:not(:checked) ~ [for="tracks-window"]:hover,
|
||||
#tracks-window:not(:checked) ~ [for="tracks-window"]:active {
|
||||
color: var(--accent-color-hover);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#tracks-recent:checked ~ [for="tracks-recent"],
|
||||
#tracks-window:checked ~ [for="tracks-window"] {
|
||||
cursor: not-allowed;
|
||||
|
@ -38,4 +30,11 @@ input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-window"]) {
|
|||
#tracks-window:not(:checked) ~ [for="tracks-window"] {
|
||||
color: var(--accent-color);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#tracks-recent:not(:checked) ~ [for="tracks-recent"]:hover,
|
||||
#tracks-recent:not(:checked) ~ [for="tracks-recent"]:active,
|
||||
#tracks-window:not(:checked) ~ [for="tracks-window"]:hover,
|
||||
#tracks-window:not(:checked) ~ [for="tracks-window"]:active {
|
||||
color: var(--accent-color-hover);
|
||||
}
|
Reference in a new issue