CSS ਤੋਂ SCSS ਪਰਿਵਰਤਕ

CSS ਤੋਂ SCSS ਕਨਵਰਟਰ ਸਭ ਤੋਂ ਸਰਲ

ਇਹ ਮੁਫਤ ਔਨਲਾਈਨ ਟੂਲ ਤੁਹਾਨੂੰ ਇੱਕ CSS ਫਾਈਲ ਨੂੰ ਇੱਕ SCSS ਫਾਈਲ ਵਿੱਚ ਬਦਲਣ ਦਿੰਦਾ ਹੈ। ਬੱਸ ਹੇਠਾਂ ਦਿੱਤੇ ਫਾਰਮ ਵਿੱਚ ਆਪਣੀ CSS ਪੇਸਟ ਕਰੋ ਅਤੇ ਇਹ ਤੁਰੰਤ SCSS ਵਿੱਚ ਬਦਲ ਜਾਵੇਗਾ ਕਿਸੇ ਵੀ ਸੌਫਟਵੇਅਰ ਨੂੰ ਡਾਊਨਲੋਡ ਜਾਂ ਸਥਾਪਿਤ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ। ਮੁਫ਼ਤ

CSS ਨੂੰ SCSS ਵਿੱਚ ਕਿਵੇਂ ਬਦਲਿਆ ਜਾਵੇ?

ਕਦਮ 1: ਆਪਣਾ ਇਨਪੁਟ ਚੁਣੋ। ਡਾਟਾ ਦਰਜ ਕਰੋ।
ਕਦਮ 2: ਆਉਟਪੁੱਟ ਵਿਕਲਪ (ਵਿਕਲਪਿਕ) ਆਉਟਪੁੱਟ ਵਿਕਲਪ ਚੁਣੋ।
ਕਦਮ 3: ਆਉਟਪੁੱਟ ਤਿਆਰ ਕਰੋ।

CSS ਤੋਂ SCSS ਕਨਵਰਟਰ ਉਦਾਹਰਨਾਂ

CSS

.feature-url {
    background: #f7f7f7;
    text-align: center;
}
.feature-url li {
    list-style: none;
    display: inline-block;
    margin: 2px;
    border: 1px solid #e9ebee;
    text-align: center;
}
.feature-url li a {
    padding: 5px;
    color: blue;
    display: block;
    min-width: 70px;
}
.feature-url li a i {
    font-size: 20px;
}
.feature-url li a:hover {
    text-decoration: none;
    background: #e9ebee;
    color: #222;
}
.feature-url li.active a {
    background: #e9ebee;
    color: #222;
}

SCSS

.feature-url {
	background: #f7f7f7;
	text-align: center;
	li {
		list-style: none;
		display: inline-block;
		margin: 2px;
		border: 1px solid #e9ebee;
		text-align: center;
		a {
			padding: 5px;
			color: blue;
			display: block;
			min-width: 70px;
			i {
				font-size: 20px;
			}
			&:hover {
				text-decoration: none;
				background: #e9ebee;
				color: #222;
			}
		}
		&.active a {
			background: #e9ebee;
			color: #222;
		}
	}
}

CSS ਤੋਂ SCSS CSS ਸਟਾਈਲ ਫਾਰਮੈਟ ਨੂੰ SCSS ਸਟਾਈਲ ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ। CSS ਨੂੰ SCSS ਡੇਟਾ ਵਿੱਚ ਬਦਲਣ ਅਤੇ ਸਾਂਝਾ ਕਰਨ ਦਾ ਇਹ ਬਹੁਤ ਸਰਲ ਅਤੇ ਆਸਾਨ ਤਰੀਕਾ ਹੈ।