mirror of
https://github.com/Mibew/simple-icons.git
synced 2024-11-16 02:14:12 +03:00
Merge pull request #406 from danleech/hotfix-1
Makes @supports the last nested item
This commit is contained in:
commit
5f21863073
@ -4,6 +4,9 @@
|
||||
list-style: none;
|
||||
margin: 1.5rem;
|
||||
padding: 0;
|
||||
@media (min-width: 720px) {
|
||||
margin: 3rem;
|
||||
}
|
||||
@supports (display: grid) {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(9rem,1fr));
|
||||
@ -12,9 +15,6 @@
|
||||
grid-row-gap: 0.375rem;
|
||||
grid-auto-flow: dense;
|
||||
}
|
||||
@media (min-width: 720px) {
|
||||
margin: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
@ -32,14 +32,14 @@
|
||||
grid-column: -2 / -1;
|
||||
grid-row-end: span 2;
|
||||
height: auto;
|
||||
@supports not (display: grid) {
|
||||
width: 100%;
|
||||
}
|
||||
@media (min-width: 21.75rem) {
|
||||
// 21.75rem is the minimum viewport
|
||||
// width with multiple columns
|
||||
grid-column: -3 / -1;
|
||||
}
|
||||
@supports not (display: grid) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-item__link {
|
||||
|
Loading…
Reference in New Issue
Block a user