टेलविंड सीएसएस एक उपयोगिता-प्रथम सीएसएस ढांचा है जो कक्षाओं से भरा हुआ है जिसे सीधे आपके मार्कअप में किसी भी डिजाइन को बनाने के लिए तैयार किया जा सकता है।

विशेषताएँ:

उपयोगिता-प्रथम:

टेलविंड सीएसएस एक उपयोगिता-प्रथम सीएसएस ढांचा है जो सीएसएस लिखे बिना कस्टम डिजाइन बनाने के लिए निम्न-स्तरीय उपयोगिता कक्षाएं प्रदान करता है। यह दृष्टिकोण हमें कस्टम सीएसएस की एक भी पंक्ति लिखे बिना पूरी तरह से कस्टम घटक डिजाइन लागू करने की अनुमति देता है। "आप कक्षा के नाम का आविष्कार करने में ऊर्जा बर्बाद नहीं कर रहे हैं"।

सामग्री शुद्धीकरण:

यह अंतिम सीएसएस फ़ाइल से अप्रयुक्त सीएसएस कक्षाओं को हटाने की प्रक्रिया है जिसका उपयोग उत्पादन वातावरण में किया जाएगा। यह एक अनुकूलन प्रक्रिया है जिसमें अंतिम सीएसएस का आकार छोटा होता है, बनाए रखना आसान होता है और बेहतर प्रदर्शन दिखाता है।

आदेश:

अंडरलाइन:

underline 
underline-offset-
decoration-- //color for underline
decoration- // size of underline
decoration-

टेक्स्ट स्टाइलिंग

text-- //color of text
text-opacity- //opacity of text
text- //size of text
text- //alignment of text

पृष्ठभूमि का रंग

bg--

सीमा त्रिज्या

rounded- 

फ़ॉन्ट स्टाइलिंग

font-

इटैलिक:

italic

दृश्यता

तत्व छुपाएं:

hidden

प्रदर्शन (छिपाने के विपरीत):

block

पैडिंग

p-   /* All sides */
px-  /* Horizontal (left and right) */
py-  /* Vertical (top and bottom) */
pl-  /* Left */
pr-  /* Right */
pt-  /* Top */
pb-  /* Bottom */

अंतर

m-   /* All sides */
mx-  /* Horizontal (left and right) */
my-  /* Vertical (top and bottom) */
ml-  /* Left */
mr-  /* Right */
mt-  /* Top */
mb-  /* Bottom */

फ्लेक्सबॉक्स

flex
flex- // row or column

सामग्री को उचित ठहराएं

justify-

आइटम संरेखित करें

items- //start,end,center

उत्तरदायी आकार

sm  /* Small devices */
md  /* Medium devices */
lg  /* Large devices */
xl  /* Extra large devices */

आकार देना

h-
w-

सीमाएं

border
border-
border-

होवर राज्य

hover: