Files
Web_Chaloupky/test/assets/css/_lists.scss
2023-08-22 17:19:23 +02:00

62 lines
784 B
SCSS

.list {
list-style-type: none;
margin: 0;
padding: 0;
p {
margin-bottom: 0;
}
}
.list--menu {
display: flex;
gap: 2rem;
li {
position: relative;
}
}
.list--dots {
list-style-type: '';
margin: 0 0 0 0.375rem;
li {
margin-bottom: 0.25rem;
padding-left: 0.375rem;
}
}
.list--selection {
display: flex;
flex-direction: column;
justify-content: center;
margin-block: 2.5rem;
gap: 1rem;
.button {
min-width: 13.75rem;
}
@media (min-width: 62rem) {
flex-direction: row;
margin-block: 4rem;
gap: 2rem;
.button {
min-width: auto;
}
}
}
.list--footer {
display: flex;
flex-direction: column;
gap: 0.75rem;
@media (min-width: 62rem) {
flex-direction: row;
gap: 2.5rem;
}
}