ஸ்டைலஸ் டு SCSS மாற்றி ஆன்லைன்

உள்ளீட்டுத் தரவு
bfotool loadding
வெளியீட்டு தரவு
bfotool loadding

Stylus To SCSS மாற்றியானது ஸ்டைலஸை ஆன்லைனில் SCSS ஆக மாற்ற உதவுகிறது.

ஸ்டைலஸ் முதல் SCSS மாற்றி எளிமையானது

இந்த இலவச ஆன்லைன் கருவியானது ஸ்டைலஸ் கோப்பை SCSS கோப்பாக மாற்ற உங்களை அனுமதிக்கிறது. கீழே உள்ள படிவத்தில் உங்கள் ஸ்டைலஸை ஒட்டினால் போதும், அது உடனடியாக SCSS ஆக மாற்றப்படும், எந்த மென்பொருளையும் பதிவிறக்கவோ நிறுவவோ தேவையில்லை. இலவசம்

எஸ்சிஎஸ்எஸ் மாற்றிக்கு ஸ்டைலஸ் என்றால் என்ன?

இந்த ஸ்டைலஸ் டு SCSS மாற்றி ஸ்டைலஸ் தரவு மற்றும் கோப்புகளை SCSS தரவு மற்றும் கோப்புகளாக மாற்றுகிறது. இந்த மாற்றி உள்ளீடு ஸ்டைலஸ் மற்றும் அவுட்புட் SCSS தனிப்பயனாக்க அனுமதிக்கிறது. இது கருத்து வரிகளை ஆதரிக்கிறது மற்றும் நீங்கள் விருப்பமாக வெற்று வரிகளை புறக்கணிக்கலாம். வெளியீட்டு SCSS உள்தள்ளலில் எத்தனை இடைவெளிகளைப் பயன்படுத்த வேண்டும் என்பதையும் நீங்கள் மாற்றலாம்.

ஸ்டைலஸை SCSS ஆக மாற்றுவது எப்படி?

படி 1: உங்கள் உள்ளீட்டைத் தேர்ந்தெடுக்கவும். தரவை உள்ளிடவும்.
படி 2: வெளியீட்டு விருப்பங்களை தேர்வு செய்யவும் (விரும்பினால்) வெளியீடு விருப்பங்கள்.
படி 3: வெளியீட்டை உருவாக்கவும்.

ஸ்டைலஸ் டு SCSS மாற்றி எடுத்துக்காட்டுகள்

ஸ்டைலஸ்

.navigation
    ul
        line-height 20px
        color blue
        a
            color red

எஸ்சிஎஸ்எஸ்

.navigation ul {
	line-height: 20px;
	color: #00f;
	a {
		color: #f00;
	}
}