Files
my-links/components/BlockWrapper/block-wrapper.module.scss

39 lines
798 B
SCSS

@import "../../styles/keyframes.scss";
@import "../../styles/colors.scss";
.block-wrapper {
height: auto;
width: 100%;
& h4 {
user-select: none;
text-transform: uppercase;
font-size: 0.85em;
font-weight: 500;
color: $grey;
margin-bottom: 5px;
}
& ul {
animation: fadein 0.3s both;
}
& ul li {
position: relative;
user-select: none;
cursor: pointer;
height: fit-content;
width: 100%;
background-color: $white;
padding: 7px 12px;
border: 1px solid $lightest-grey;
border-bottom: 2px solid $lightest-grey;
border-radius: 3px;
transition: 0.15s;
&:not(:last-child) {
margin-bottom: 5px;
}
}
}