CSS Spring Cleaning #3
3 changed files with 0 additions and 50 deletions
|
@ -1,16 +0,0 @@
|
|||
.catalogue-list-item {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto auto;
|
||||
gap: var(--spacing-1);
|
||||
}
|
||||
|
||||
.catalogue-header h2 {
|
||||
--flow-space: var(--spacing-0\.5);
|
||||
transform: var(--text-skew);
|
||||
color: var(--color-fadeText);
|
||||
}
|
||||
|
||||
.catalogue source,
|
||||
.catalogue img {
|
||||
max-width: 300px;
|
||||
}
|
|
@ -1,13 +0,0 @@
|
|||
.image-placeholder {
|
||||
background-color: var(--color-surface);
|
||||
border-radius: var(--spacing-1);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.125em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: var(--spacing-1);
|
||||
text-align: center;
|
||||
}
|
|
@ -1,21 +0,0 @@
|
|||
/*
|
||||
SWITCHER
|
||||
More info: https://every-layout.dev/layouts/switcher/
|
||||
A layout that allows you to lay **2** items next to each other
|
||||
until there is not enough horizontal space to allow that.
|
||||
*/
|
||||
|
||||
.switcher {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.switcher > * {
|
||||
flex-grow: 1;
|
||||
flex-basis: calc((32rem - 100%) * 999);
|
||||
}
|
||||
|
||||
.switcher > :nth-last-child(n + 3),
|
||||
.switcher > :nth-last-child(n + 3) ~ * {
|
||||
flex-basis: 100%;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue