Offsize
These classes allows you to apply an offsize to any HTMLElement. An offsize is a "space" that you want to ADD to the width/height of an element. You can specify where you want to add this offsize like for margin and padding by using the "inline" and "block" notation.
Preview
All around
Loading code example. Please wait...
Inline
Loading code example. Please wait...
Block
Loading code example. Please wait...
Inline end
Loading code example. Please wait...
Features
Install
CSS Classes
-
s-os:0
Apply the
0
offsize all around -
s-osb:0
Apply the
0
block start and end offsize -
s-osbs:0
Apply the
0
block start offsize -
s-osbe:0
Apply the
0
block end offsize -
s-osi:0
Apply the
0
inline start and end offsize -
s-osis:0
Apply the
0
inline start offsize -
s-osie:0
Apply the
0
inline end offsize -
s-os:10
Apply the
10
offsize all around -
s-osb:10
Apply the
10
block start and end offsize -
s-osbs:10
Apply the
10
block start offsize -
s-osbe:10
Apply the
10
block end offsize -
s-osi:10
Apply the
10
inline start and end offsize -
s-osis:10
Apply the
10
inline start offsize -
s-osie:10
Apply the
10
inline end offsize -
s-os:20
Apply the
20
offsize all around -
s-osb:20
Apply the
20
block start and end offsize -
s-osbs:20
Apply the
20
block start offsize -
s-osbe:20
Apply the
20
block end offsize -
s-osi:20
Apply the
20
inline start and end offsize -
s-osis:20
Apply the
20
inline start offsize -
s-osie:20
Apply the
20
inline end offsize -
s-os:30
Apply the
30
offsize all around -
s-osb:30
Apply the
30
block start and end offsize -
s-osbs:30
Apply the
30
block start offsize -
s-osbe:30
Apply the
30
block end offsize -
s-osi:30
Apply the
30
inline start and end offsize -
s-osis:30
Apply the
30
inline start offsize -
s-osie:30
Apply the
30
inline end offsize -
s-os:40
Apply the
40
offsize all around -
s-osb:40
Apply the
40
block start and end offsize -
s-osbs:40
Apply the
40
block start offsize -
s-osbe:40
Apply the
40
block end offsize -
s-osi:40
Apply the
40
inline start and end offsize -
s-osis:40
Apply the
40
inline start offsize -
s-osie:40
Apply the
40
inline end offsize -
s-os:50
Apply the
50
offsize all around -
s-osb:50
Apply the
50
block start and end offsize -
s-osbs:50
Apply the
50
block start offsize -
s-osbe:50
Apply the
50
block end offsize -
s-osi:50
Apply the
50
inline start and end offsize -
s-osis:50
Apply the
50
inline start offsize -
s-osie:50
Apply the
50
inline end offsize -
s-os:60
Apply the
60
offsize all around -
s-osb:60
Apply the
60
block start and end offsize -
s-osbs:60
Apply the
60
block start offsize -
s-osbe:60
Apply the
60
block end offsize -
s-osi:60
Apply the
60
inline start and end offsize -
s-osis:60
Apply the
60
inline start offsize -
s-osie:60
Apply the
60
inline end offsize -
s-os:70
Apply the
70
offsize all around -
s-osb:70
Apply the
70
block start and end offsize -
s-osbs:70
Apply the
70
block start offsize -
s-osbe:70
Apply the
70
block end offsize -
s-osi:70
Apply the
70
inline start and end offsize -
s-osis:70
Apply the
70
inline start offsize -
s-osie:70
Apply the
70
inline end offsize -
s-os:80
Apply the
80
offsize all around -
s-osb:80
Apply the
80
block start and end offsize -
s-osbs:80
Apply the
80
block start offsize -
s-osbe:80
Apply the
80
block end offsize -
s-osi:80
Apply the
80
inline start and end offsize -
s-osis:80
Apply the
80
inline start offsize -
s-osie:80
Apply the
80
inline end offsize -
s-os:90
Apply the
90
offsize all around -
s-osb:90
Apply the
90
block start and end offsize -
s-osbs:90
Apply the
90
block start offsize -
s-osbe:90
Apply the
90
block end offsize -
s-osi:90
Apply the
90
inline start and end offsize -
s-osis:90
Apply the
90
inline start offsize -
s-osie:90
Apply the
90
inline end offsize -
s-os:100
Apply the
100
offsize all around -
s-osb:100
Apply the
100
block start and end offsize -
s-osbs:100
Apply the
100
block start offsize -
s-osbe:100
Apply the
100
block end offsize -
s-osi:100
Apply the
100
inline start and end offsize -
s-osis:100
Apply the
100
inline start offsize -
s-osie:100
Apply the
100
inline end offsize