Its a lightweight CSS library to make Plain HTML look better and editable using class attributes.. Thank You For Checking Out. Welcome To My 1st CSS Library. If you find anything difficult feel free to critic me. Email: killer789b@gmail.com Facebook: Saramsh Shrestha Instagram: Saramsh Troublesome Its less of an documentaion and more of a cheat sheet.
There are total 10 colours with 3 levels each except cyan.
blue red green yellow orange black gray pink cyan white Every color has 3 levels 1= light, 2= medium, 3= dark, except Cyan. To change background in class attribute add class=“bg-red1” and for color add attribute class=“red1” .
Buttons are of two 4 types.
-
Large Button (class=”btn-lg”)
-
Medium Button (class=”btn-md”)
-
Small Button (class=”btn-sm”)
-
Plain Button (class=”btn-plain”)
NOTE: Use this only for button tags.
Margins: 1. (class=”margin1”): Content width=95% 2. (class=”margin2”):Content width=90% 3. (class=”margin3”):Content width=85% 4. (class=”margin4”):Content width=80%
Text-Align: 1. Text-Align-Left : (class=”text-l”) 2. Text-Align-Right : (class=”text-r”) 3. Text-Align-Center : (class=”text-c”)
Font: There are total 18 fonts. So you can used (1 – 18) to change fonts. class=”font1”
Only horizontally:
class ="flex-row-start" Position child element from left.
class="flex-row-center" Position child element from center.
class="flex-row-end" Position child element from right.
class="flex-row-space-around" Position child element space around.
class="flex-row-space-evenly" Position child element space evenly.
class="flex-row-space-between" Position child element space between.
Element Type: class=”inline” class=”inline-block” class=”block”