feat(contact): inline list items on mobile
This commit is contained in:
parent
71be92e9b9
commit
8153ba12b5
10
style.css
10
style.css
|
@ -67,7 +67,7 @@ ul {
|
|||
padding-left: 1em;
|
||||
}
|
||||
|
||||
li + li {
|
||||
:not(.icon-list) > li + li {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
|
||||
|
@ -183,6 +183,10 @@ blockquote > * + * {
|
|||
}
|
||||
|
||||
.icon-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.4em 1em;
|
||||
justify-content: center;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -235,6 +239,10 @@ blockquote > * + * {
|
|||
display: contents;
|
||||
}
|
||||
|
||||
.icon-list {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.grid-list {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
|
|
@ -83,7 +83,7 @@ ul {
|
|||
padding-left: 1em;
|
||||
}
|
||||
|
||||
li + li {
|
||||
:not(.icon-list) > li + li {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
|
||||
|
@ -199,6 +199,10 @@ blockquote > * + * {
|
|||
}
|
||||
|
||||
.icon-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.4em 1em;
|
||||
justify-content: center;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -251,6 +255,10 @@ blockquote > * + * {
|
|||
display: contents;
|
||||
}
|
||||
|
||||
.icon-list {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.grid-list {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue