js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use grid instead of column layout

Browse Source
This commit is contained in:
Cory LaViska
2017-08-17 14:13:49 -04:00
parent d9ce879ebb
commit 9246ba2b60
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
source/css/_docs.css
View File

@@ -130,15 +130,14 @@ a code {
/* Column helpers */
.two-column {
column-count: 2;
column-gap: 1rem;
display: grid;
grid-template-columns: 50% 50%;
margin-left: -.5rem;
margin-right: -.5rem;
}
@media (max-width: 50rem) {
.two-column {
column-count: 1;
column-gap: 0;
}
.two-column .column {
padding: .5rem;
}
/* Sizing examples */