Added library base 1.0

Author: JorgeAntrax

css/_helpers.css

@@ -0,0 +1,371 @@
+.marginless {
+  margin: 0 !important; }
+
+.paddingless {
+  padding: 0 !important; }
+
+.padding-05 {
+  padding: 0.5rem; }
+
+.padding-1 {
+  padding: 0.5rem; }
+
+.margin-1 {
+  margin: 0.5rem; }
+
+.padding-v-1 {
+  padding: 0.5rem 0; }
+
+.margin-v-1 {
+  margin: 0.5rem 0; }
+
+.padding-h-1 {
+  padding: 0 0.5rem; }
+
+.margin-h-1 {
+  margin: 0 0.5rem; }
+
+.padding-t-1 {
+  padding-top: 0.5rem; }
+
+.margin-t-1 {
+  margin-top: 0.5rem; }
+
+.padding-b-1 {
+  padding-bottom: 0.5rem; }
+
+.margin-b-1 {
+  margin-bottom: 0.5rem; }
+
+.padding-l-1 {
+  padding-left: 0.5rem; }
+
+.margin-l-1 {
+  margin-left: 0.5rem; }
+
+.padding-r-1 {
+  padding-right: 0.5rem; }
+
+.margin-r-1 {
+  margin-right: 0.5rem; }
+
+.padding-2 {
+  padding: 1rem; }
+
+.margin-2 {
+  margin: 1rem; }
+
+.padding-v-2 {
+  padding: 1rem 0; }
+
+.margin-v-2 {
+  margin: 1rem 0; }
+
+.padding-h-2 {
+  padding: 0 1rem; }
+
+.margin-h-2 {
+  margin: 0 1rem; }
+
+.padding-t-2 {
+  padding-top: 1rem; }
+
+.margin-t-2 {
+  margin-top: 1rem; }
+
+.padding-b-2 {
+  padding-bottom: 1rem; }
+
+.margin-b-2 {
+  margin-bottom: 1rem; }
+
+.padding-l-2 {
+  padding-left: 1rem; }
+
+.margin-l-2 {
+  margin-left: 1rem; }
+
+.padding-r-2 {
+  padding-right: 1rem; }
+
+.margin-r-2 {
+  margin-right: 1rem; }
+
+.padding-3 {
+  padding: 1.5rem; }
+
+.margin-3 {
+  margin: 1.5rem; }
+
+.padding-v-3 {
+  padding: 1.5rem 0; }
+
+.margin-v-3 {
+  margin: 1.5rem 0; }
+
+.padding-h-3 {
+  padding: 0 1.5rem; }
+
+.margin-h-3 {
+  margin: 0 1.5rem; }
+
+.padding-t-3 {
+  padding-top: 1.5rem; }
+
+.margin-t-3 {
+  margin-top: 1.5rem; }
+
+.padding-b-3 {
+  padding-bottom: 1.5rem; }
+
+.margin-b-3 {
+  margin-bottom: 1.5rem; }
+
+.padding-l-3 {
+  padding-left: 1.5rem; }
+
+.margin-l-3 {
+  margin-left: 1.5rem; }
+
+.padding-r-3 {
+  padding-right: 1.5rem; }
+
+.margin-r-3 {
+  margin-right: 1.5rem; }
+
+.padding-4 {
+  padding: 2rem; }
+
+.margin-4 {
+  margin: 2rem; }
+
+.padding-v-4 {
+  padding: 2rem 0; }
+
+.margin-v-4 {
+  margin: 2rem 0; }
+
+.padding-h-4 {
+  padding: 0 2rem; }
+
+.margin-h-4 {
+  margin: 0 2rem; }
+
+.padding-t-4 {
+  padding-top: 2rem; }
+
+.margin-t-4 {
+  margin-top: 2rem; }
+
+.padding-b-4 {
+  padding-bottom: 2rem; }
+
+.margin-b-4 {
+  margin-bottom: 2rem; }
+
+.padding-l-4 {
+  padding-left: 2rem; }
+
+.margin-l-4 {
+  margin-left: 2rem; }
+
+.padding-r-4 {
+  padding-right: 2rem; }
+
+.margin-r-4 {
+  margin-right: 2rem; }
+
+.padding-5 {
+  padding: 2.5rem; }
+
+.margin-5 {
+  margin: 2.5rem; }
+
+.padding-v-5 {
+  padding: 2.5rem 0; }
+
+.margin-v-5 {
+  margin: 2.5rem 0; }
+
+.padding-h-5 {
+  padding: 0 2.5rem; }
+
+.margin-h-5 {
+  margin: 0 2.5rem; }
+
+.padding-t-5 {
+  padding-top: 2.5rem; }
+
+.margin-t-5 {
+  margin-top: 2.5rem; }
+
+.padding-b-5 {
+  padding-bottom: 2.5rem; }
+
+.margin-b-5 {
+  margin-bottom: 2.5rem; }
+
+.padding-l-5 {
+  padding-left: 2.5rem; }
+
+.margin-l-5 {
+  margin-left: 2.5rem; }
+
+.padding-r-5 {
+  padding-right: 2.5rem; }
+
+.margin-r-5 {
+  margin-right: 2.5rem; }
+
+.padding-6 {
+  padding: 3rem; }
+
+.margin-6 {
+  margin: 3rem; }
+
+.padding-v-6 {
+  padding: 3rem 0; }
+
+.margin-v-6 {
+  margin: 3rem 0; }
+
+.padding-h-6 {
+  padding: 0 3rem; }
+
+.margin-h-6 {
+  margin: 0 3rem; }
+
+.padding-t-6 {
+  padding-top: 3rem; }
+
+.margin-t-6 {
+  margin-top: 3rem; }
+
+.padding-b-6 {
+  padding-bottom: 3rem; }
+
+.margin-b-6 {
+  margin-bottom: 3rem; }
+
+.padding-l-6 {
+  padding-left: 3rem; }
+
+.margin-l-6 {
+  margin-left: 3rem; }
+
+.padding-r-6 {
+  padding-right: 3rem; }
+
+.margin-r-6 {
+  margin-right: 3rem; }
+
+.padding-7 {
+  padding: 3.5rem; }
+
+.margin-7 {
+  margin: 3.5rem; }
+
+.padding-v-7 {
+  padding: 3.5rem 0; }
+
+.margin-v-7 {
+  margin: 3.5rem 0; }
+
+.padding-h-7 {
+  padding: 0 3.5rem; }
+
+.margin-h-7 {
+  margin: 0 3.5rem; }
+
+.padding-t-7 {
+  padding-top: 3.5rem; }
+
+.margin-t-7 {
+  margin-top: 3.5rem; }
+
+.padding-b-7 {
+  padding-bottom: 3.5rem; }
+
+.margin-b-7 {
+  margin-bottom: 3.5rem; }
+
+.padding-l-7 {
+  padding-left: 3.5rem; }
+
+.margin-l-7 {
+  margin-left: 3.5rem; }
+
+.padding-r-7 {
+  padding-right: 3.5rem; }
+
+.margin-r-7 {
+  margin-right: 3.5rem; }
+
+.padding-8 {
+  padding: 4rem; }
+
+.margin-8 {
+  margin: 4rem; }
+
+.padding-v-8 {
+  padding: 4rem 0; }
+
+.margin-v-8 {
+  margin: 4rem 0; }
+
+.padding-h-8 {
+  padding: 0 4rem; }
+
+.margin-h-8 {
+  margin: 0 4rem; }
+
+.padding-t-8 {
+  padding-top: 4rem; }
+
+.margin-t-8 {
+  margin-top: 4rem; }
+
+.padding-b-8 {
+  padding-bottom: 4rem; }
+
+.margin-b-8 {
+  margin-bottom: 4rem; }
+
+.padding-l-8 {
+  padding-left: 4rem; }
+
+.margin-l-8 {
+  margin-left: 4rem; }
+
+.padding-r-8 {
+  padding-right: 4rem; }
+
+.margin-r-8 {
+  margin-right: 4rem; }
+
+.opacity-1 {
+  opacity: .1; }
+
+.opacity-2 {
+  opacity: .2; }
+
+.opacity-3 {
+  opacity: .3; }
+
+.opacity-4 {
+  opacity: .4; }
+
+.opacity-5 {
+  opacity: .5; }
+
+.opacity-6 {
+  opacity: .6; }
+
+.opacity-7 {
+  opacity: .7; }
+
+.opacity-8 {
+  opacity: .8; }
+
+.opacity-9 {
+  opacity: .9; }