mirror of
https://github.com/penpot/penpot.git
synced 2025-06-11 14:21:39 +02:00
💄 Unnest css selectors for the 'show all files' in the dashboard
This commit is contained in:
parent
74e879a2be
commit
372e6b8a88
1 changed files with 28 additions and 51 deletions
|
@ -51,31 +51,6 @@
|
||||||
min-height: $s-32;
|
min-height: $s-32;
|
||||||
margin-left: $s-8;
|
margin-left: $s-8;
|
||||||
}
|
}
|
||||||
.show-more {
|
|
||||||
align-items: center;
|
|
||||||
color: $df-secondary;
|
|
||||||
display: flex;
|
|
||||||
font-size: $fs-14;
|
|
||||||
justify-content: space-between;
|
|
||||||
cursor: pointer;
|
|
||||||
background-color: transparent;
|
|
||||||
border: none;
|
|
||||||
.placeholder-icon {
|
|
||||||
transform: rotate(-90deg);
|
|
||||||
margin-left: $s-12;
|
|
||||||
svg {
|
|
||||||
height: $s-16;
|
|
||||||
width: $s-16;
|
|
||||||
fill: $df-secondary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
color: $da-tertiary;
|
|
||||||
svg {
|
|
||||||
fill: $da-tertiary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary {
|
.btn-secondary {
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -137,8 +112,9 @@
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.show-more {
|
.show-more {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: $df-secondary;
|
color: $df-secondary;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -150,21 +126,22 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: $s-8;
|
top: $s-8;
|
||||||
right: $s-52;
|
right: $s-52;
|
||||||
.placeholder-icon {
|
|
||||||
transform: rotate(-90deg);
|
|
||||||
margin-left: $s-8;
|
|
||||||
svg {
|
|
||||||
height: $s-16;
|
|
||||||
width: $s-16;
|
|
||||||
fill: $df-secondary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $da-tertiary;
|
color: $da-tertiary;
|
||||||
svg {
|
svg {
|
||||||
fill: $da-tertiary;
|
fill: $da-tertiary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeholder-icon {
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
margin-left: $s-12;
|
||||||
|
svg {
|
||||||
|
height: $s-16;
|
||||||
|
width: $s-16;
|
||||||
|
fill: $df-secondary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue