51 lines
867 B
TypeScript
51 lines
867 B
TypeScript
|
import styled from "styled-components";
|
||
|
|
|
||
|
|
const StyledFileEntry = styled.li`
|
||
|
|
figure {
|
||
|
|
border: 1px solid transparent;
|
||
|
|
display: flex;
|
||
|
|
height: 36px;
|
||
|
|
padding-bottom: 1px;
|
||
|
|
place-items: center;
|
||
|
|
|
||
|
|
figcaption {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
picture {
|
||
|
|
margin-left: 3px;
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
svg {
|
||
|
|
fill: rgb(210, 210, 210);
|
||
|
|
height: 8px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: 8px;
|
||
|
|
width: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:active {
|
||
|
|
figcaption {
|
||
|
|
letter-spacing: -0.15px;
|
||
|
|
opacity: 90%;
|
||
|
|
}
|
||
|
|
|
||
|
|
picture {
|
||
|
|
margin-left: 7px;
|
||
|
|
}
|
||
|
|
|
||
|
|
svg {
|
||
|
|
margin-right: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: hsla(0, 0%, 35%, 70%);
|
||
|
|
border: 1px solid hsla(0, 0%, 45%, 70%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
`;
|
||
|
|
|
||
|
|
export default StyledFileEntry;
|