➜ SPACE SYSTEM
Think how I was creating a paginated in Indesign or Windows Metro styled where each element is self-centered, and perfectly edged and aligned... In practice it will be that.
❯❯ Pad-[XX]:
Create a basically inner space in px. Static... or via media-query
pad-[20]
pad-[50]
pad-[100]
pad-[100-50-20] (core system : padding-[BigScreen>=2k"-Desktop/Tablet-OldScreen/Phone])
❯❯ Space-[XX]:
Create a elastic inner space (%). Static... or via media-query
space-[01]
space-[05]
space-[10]
space-[10-05-01] (core system : padding-[BigScreen>=2k"-Desktop/Tablet-OldScreen/Phone])
❯❯ Limited on vertical/horizontal:
Create a inner space for only one direction (-[vertical] or -[horizontal]). Static... or via media-query