github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-20 19:02:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use auto-fill in link-grid

Browse Source
This commit is contained in:
Mimi 2021-08-17 01:17:11 +08:00
parent 64772b0dec
commit 6548d0b865
1 changed files with 1 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
source/css/_common/scaffolding/tags/link-grid.styl
View File

@ -3,14 +3,10 @@
// https://caniuse.com/mdn-css_properties_gap_grid_context // https://caniuse.com/mdn-css_properties_gap_grid_context
grid-gap: 1.5rem; grid-gap: 1.5rem;
gap: 1.5rem; gap: 1.5rem;
grid-template-columns: 1fr 1fr; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
margin-bottom: 20px; margin-bottom: 20px;
padding: 1rem; padding: 1rem;
+mobile() {
grid-template-columns: 1fr;
}
.link-grid-container { .link-grid-container {
border: solid $grey-lighter; border: solid $grey-lighter;
box-shadow: 1rem 1rem .5rem rgba(0, 0, 0, .5); box-shadow: 1rem 1rem .5rem rgba(0, 0, 0, .5);