CoastalCommitsPastes/client/components/file-dropdown/dropdown.module.css

73 lines
1 KiB
CSS
Raw Normal View History

2022-03-25 16:01:46 -04:00
.wrapper {
display: flex;
flex-direction: row;
align-items: center;
}
.dropdownButton {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
.content {
list-style: none;
width: 100%;
padding: 0 var(--gap);
margin: 0;
}
.content li {
transition: var(--transition);
border-radius: var(--radius);
margin: 0;
padding: 0 0;
2022-03-25 16:01:46 -04:00
}
.content li:hover,
.content li:focus {
background-color: var(--lighter-gray);
}
.content li a {
display: flex;
align-items: center;
text-align: center;
padding: var(--gap-half) var(--gap);
color: var(--dark-gray);
2022-03-25 16:01:46 -04:00
}
.button {
border-radius: none !important;
}
.content li .fileIcon {
display: inline-block;
margin-right: var(--gap-half);
}
.content li .fileTitle {
/* from Geist */
font-size: calc(0.875 * 16px);
2022-03-25 16:01:46 -04:00
}
.content li::before {
content: "";
padding: 0;
margin: 0;
}
.cardContent {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: var(--gap-half);
padding-top: 200px;
}
@media screen and (max-width: 82rem) {
}