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;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
li + li {
|
:not(.icon-list) > li + li {
|
||||||
margin-top: 0.4em;
|
margin-top: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -183,6 +183,10 @@ blockquote > * + * {
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-list {
|
.icon-list {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.4em 1em;
|
||||||
|
justify-content: center;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
@ -235,6 +239,10 @@ blockquote > * + * {
|
||||||
display: contents;
|
display: contents;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-list {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
.grid-list {
|
.grid-list {
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
|
@ -83,7 +83,7 @@ ul {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
li + li {
|
:not(.icon-list) > li + li {
|
||||||
margin-top: 0.4em;
|
margin-top: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -199,6 +199,10 @@ blockquote > * + * {
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-list {
|
.icon-list {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.4em 1em;
|
||||||
|
justify-content: center;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
@ -251,6 +255,10 @@ blockquote > * + * {
|
||||||
display: contents;
|
display: contents;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-list {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
.grid-list {
|
.grid-list {
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue