UNPKG

css-column-gap

Version:

Css module of single purpose classes for column gap

github.com/mrmrs/css-column-gap

31 lines (29 loc) • 1.81 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/* COLUMN GAP */ .cg-1 { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .cg-2 { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .cg-3 { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; } .cg-n { -webkit-column-gap: normal; -moz-column-gap: normal; column-gap: normal; } .cg-i { -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; } @media screen and (min-width: 48em) { .cg-1-ns { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .cg-2-ns { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .cg-3-ns { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; } .cg-n-ns { -webkit-column-gap: normal; -moz-column-gap: normal; column-gap: normal; } .cg-i-ns { -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; } } @media screen and (min-width:48em) and (max-width: 64em) { .cg-1-m { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .cg-2-m { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .cg-3-m { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; } .cg-n-m { -webkit-column-gap: normal; -moz-column-gap: normal; column-gap: normal; } .cg-i-m { -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; } } @media screen and (min-width: 64em) { .cg-1-l { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .cg-2-l { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .cg-3-l { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; } .cg-n-l { -webkit-column-gap: normal; -moz-column-gap: normal; column-gap: normal; } .cg-i-l { -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; } }