nep-css-framework/src/nep.css

This is the simple and easy to learn framework developed by Abhaya

/* Background color utilities */
.bg-rakh-kalo    { background-color: black; }
.bg-rakh-seto    { background-color: white; }
.bg-rakh-laal    { background-color: red; }
.bg-rakh-haru    { background-color: green; }
.bg-rakh-nilo    { background-color: blue; }
.bg-rakh-pyaaj   { background-color: orange; }
.bg-rakh-hola    { background-color: yellow; }
.bg-rakh-baingani{ background-color: purple; }
.bg-rakh-gulabi  { background-color: pink; }
.bg-rakh-bhura   { background-color: brown; }
.bg-rakh-syano   { background-color: cyan; }
.bg-rakh-safed   { background-color: gray; }

/* Optional: Text color utilities */
.text-kalo      { color: black; }
.text-seto      { color: white; }
.text-laal      { color: red; }
.text-haru      { color: green; }
.text-nilo      { color: blue; }
.text-pyaaj     { color: orange; }
.text-hola      { color: yellow; }
.text-baingani  { color: purple; }
.text-gulabi    { color: pink; }
.text-bhura     { color: brown; }
.text-syano     { color: cyan; }
.text-safed     { color: gray; }


/* Width utilities */
.w-1  { width: 1px; }
.w-2  { width: 2px; }
.w-3  { width: 3px; }
.w-4  { width: 4px; }
.w-5  { width: 5px; }
.w-6  { width: 6px; }
.w-7  { width: 7px; }
.w-8  { width: 8px; }
.w-9  { width: 9px; }
.w-10 { width: 10px; }
.w-11 { width: 11px; }
.w-12 { width: 12px; }
.w-13 { width: 13px; }
.w-14 { width: 14px; }
.w-15 { width: 15px; }
.w-16 { width: 16px; }
.w-17 { width: 17px; }
.w-18 { width: 18px; }
.w-19 { width: 19px; }
.w-20 { width: 20px; }
.w-21 { width: 21px; }
.w-22 { width: 22px; }
.w-23 { width: 23px; }
.w-24 { width: 24px; }
.w-25 { width: 25px; }
.w-26 { width: 26px; }
.w-27 { width: 27px; }
.w-28 { width: 28px; }
.w-29 { width: 29px; }
.w-30 { width: 30px; }

/* Height utilities */
.h-1  { height: 1px; }
.h-2  { height: 2px; }
.h-3  { height: 3px; }
.h-4  { height: 4px; }
.h-5  { height: 5px; }
.h-6  { height: 6px; }
.h-7  { height: 7px; }
.h-8  { height: 8px; }
.h-9  { height: 9px; }
.h-10 { height: 10px; }
.h-11 { height: 11px; }
.h-12 { height: 12px; }
.h-13 { height: 13px; }
.h-14 { height: 14px; }
.h-15 { height: 15px; }
.h-16 { height: 16px; }
.h-17 { height: 17px; }
.h-18 { height: 18px; }
.h-19 { height: 19px; }
.h-20 { height: 20px; }
.h-21 { height: 21px; }
.h-22 { height: 22px; }
.h-23 { height: 23px; }
.h-24 { height: 24px; }
.h-25 { height: 25px; }
.h-26 { height: 26px; }
.h-27 { height: 27px; }
.h-28 { height: 28px; }
.h-29 { height: 29px; }
.h-30 { height: 30px; }