Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin: 0;
- padding: 4rem;
- }
- .tile {
- background-color: #0066CC;
- font-family: sans-serif;
- font-size: 1.25rem;
- font-weight: 300;
- text-align: center;
- vertical-align: center;
- color: #FFFFFF;
- padding: 3rem 1rem;
- }
- .container-80 {
- max-width: 80rem;
- margin: auto;
- }
- .container-64 {
- max-width: 64rem;
- margin: auto;
- }
- .cols-1 {
- display: grid;
- grid-template-columns: repeat(1, 1fr);
- }
- .cols-2 {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- }
- .cols-3 {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- }
- .cols-4 {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- }
- .cols-5 {
- display: grid;
- grid-template-columns: repeat(5, 1fr);
- }
- .cols-6 {
- display: grid;
- grid-template-columns: repeat(6, 1fr);
- }
- .cols-7 {
- display: grid;
- grid-template-columns: repeat(7, 1fr);
- }
- .cols-8 {
- display: grid;
- grid-template-columns: repeat(8, 1fr);
- }
- .cols-9 {
- display: grid;
- grid-template-columns: repeat(9, 1fr);
- }
- .cols-10 {
- display: grid;
- grid-template-columns: repeat(10, 1fr);
- }
- .cols-12 {
- display: grid;
- grid-template-columns: repeat(12, 1fr);
- }
- .rows-1 {
- display: grid;
- grid-template-rows: repeat(1, 1fr);
- }
- .rows-2 {
- display: grid;
- grid-template-rows: repeat(2, 1fr);
- }
- .rows-3 {
- display: grid;
- grid-template-rows: repeat(3, 1fr);
- }
- .rows-3 {
- display: grid;
- grid-template-rows: repeat(3, 1fr);
- }
- .rows-4 {
- display: grid;
- grid-template-rows: repeat(4, 1fr);
- }
- .rows-5 {
- display: grid;
- grid-template-rows: repeat(5, 1fr);
- }
- .rows-6 {
- display: grid;
- grid-template-rows: repeat(6, 1fr);
- }
- .rows-7 {
- display: grid;
- grid-template-rows: repeat(7, 1fr);
- }
- .rows-8 {
- display: grid;
- grid-template-rows: repeat(8, 1fr);
- }
- .rows-9 {
- display: grid;
- grid-template-rows: repeat(9, 1fr);
- }
- .rows-10 {
- display: grid;
- grid-template-rows: repeat(10, 1fr);
- }
- .rows-11 {
- display: grid;
- grid-template-rows: repeat(11, 1fr);
- }
- .rows-12 {
- display: grid;
- grid-template-rows: repeat(12, 1fr);
- }
- .gap-025 {
- grid-gap: 0.25rem;
- }
- .gap-05 {
- grid-gap: 0.75rem;
- }
- .gap-075 {
- grid-gap: 0.75rem;
- }
- .gap-1 {
- grid-gap: 1rem;
- }
- .gap-2 {
- grid-gap: 2rem;
- }
- .gap-3 {
- grid-gap: 3rem;
- }
- .gap-4 {
- grid-gap: 4rem;
- }
- .gap-5 {
- grid-gap: 5rem;
- }
- .gap-6 {
- grid-gap: 6rem;
- }
- .col-1 {
- grid-column: span 1;
- }
- .col-2 {
- grid-column: span 2;
- }
- .col-3 {
- grid-column: span 3;
- }
- .col-4 {
- grid-column: span 4;
- }
- .col-5 {
- grid-column: span 5;
- }
- .col-6 {
- grid-column: span 6;
- }
- .col-7 {
- grid-column: span 7;
- }
- .col-8 {
- grid-column: span 8;
- }
- .col-9 {
- grid-column: span 9;
- }
- .col-10 {
- grid-column: span 10;
- }
- .col-11 {
- grid-column: span 11;
- }
- .col-12 {
- grid-column: span 12;
- }
- .row-1 {
- grid-row: span 1;
- }
- .row-2 {
- grid-row: span 2;
- }
- .row-3 {
- grid-row: span 3;
- }
- .row-4 {
- grid-row: span 4;
- }
- .row-5 {
- grid-row: span 5;
- }
- .row-6 {
- grid-row: span 6;
- }
- .row-7 {
- grid-row: span 7;
- }
- .row-8 {
- grid-row: span 8;
- }
- .row-9 {
- grid-row: span 9;
- }
- .row-10 {
- grid-row: span 10;
- }
- .row-11 {
- grid-row: span 11;
- }
- .row-12 {
- grid-row: span 12;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement