Gap
These classes allows you to apply some gap attributes on any HTMLElement and with
Preview
Simple flex grid
Loading code example. Please wait...
Simple grid
Loading code example. Please wait...
Install
CSS Classes
-
s-gap
Apply the default gap to any HTMLElement
-
s-gap:row
Apply the default row gap to any HTMLElement
-
s-gap:column
Apply the default column gap to any HTMLElement
-
s-gap:default
Apply the default gap to any HTMLElement
-
s-gap:row:default
Apply the default row gap to any HTMLElement
-
s-gap:column:default
Apply the default column gap to any HTMLElement
-
s-gap:0
Apply the 0 gap to any HTMLElement
-
s-gap:row:0
Apply the 0 row gap to any HTMLElement
-
s-gap:column:0
Apply the 0 column gap to any HTMLElement
-
s-gap:10
Apply the 10 gap to any HTMLElement
-
s-gap:row:10
Apply the 10 row gap to any HTMLElement
-
s-gap:column:10
Apply the 10 column gap to any HTMLElement
-
s-gap:20
Apply the 20 gap to any HTMLElement
-
s-gap:row:20
Apply the 20 row gap to any HTMLElement
-
s-gap:column:20
Apply the 20 column gap to any HTMLElement
-
s-gap:30
Apply the 30 gap to any HTMLElement
-
s-gap:row:30
Apply the 30 row gap to any HTMLElement
-
s-gap:column:30
Apply the 30 column gap to any HTMLElement
-
s-gap:40
Apply the 40 gap to any HTMLElement
-
s-gap:row:40
Apply the 40 row gap to any HTMLElement
-
s-gap:column:40
Apply the 40 column gap to any HTMLElement
-
s-gap:50
Apply the 50 gap to any HTMLElement
-
s-gap:row:50
Apply the 50 row gap to any HTMLElement
-
s-gap:column:50
Apply the 50 column gap to any HTMLElement
-
s-gap:60
Apply the 60 gap to any HTMLElement
-
s-gap:row:60
Apply the 60 row gap to any HTMLElement
-
s-gap:column:60
Apply the 60 column gap to any HTMLElement
-
s-gap:70
Apply the 70 gap to any HTMLElement
-
s-gap:row:70
Apply the 70 row gap to any HTMLElement
-
s-gap:column:70
Apply the 70 column gap to any HTMLElement
-
s-gap:80
Apply the 80 gap to any HTMLElement
-
s-gap:row:80
Apply the 80 row gap to any HTMLElement
-
s-gap:column:80
Apply the 80 column gap to any HTMLElement
-
s-gap:90
Apply the 90 gap to any HTMLElement
-
s-gap:row:90
Apply the 90 row gap to any HTMLElement
-
s-gap:column:90
Apply the 90 column gap to any HTMLElement
-
s-gap:100
Apply the 100 gap to any HTMLElement
-
s-gap:row:100
Apply the 100 row gap to any HTMLElement
-
s-gap:column:100
Apply the 100 column gap to any HTMLElement