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

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

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

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

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

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

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;
}

SASS

$color1: #f7f7f7
$color2: #e9ebee
$color3: #222222

.feature-url 
	background: @color1
	text-align: center
	li 
		list-style: none
		display: inline-block
		margin: 2px
		border: 1px solid @color2
		text-align: center
		a 
			padding: 5px
			color: blue
			display: block
			min-width: 70px
			i 
				font-size: 20px
			
			&:hover 
				text-decoration: none
				background: @color2
				color: @color3
		&.active a 
			background: @color2
			color: @color3

CSS ਤੋਂ SASS CSS ਸਟਾਈਲ ਫਾਰਮੈਟ ਨੂੰ SASS ਸਟਾਈਲ ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ। CSS ਨੂੰ SASS ਡੇਟਾ ਵਿੱਚ ਬਦਲਣ ਅਤੇ ਸਾਂਝਾ ਕਰਨ ਦਾ ਇਹ ਬਹੁਤ ਹੀ ਸਰਲ ਅਤੇ ਆਸਾਨ ਤਰੀਕਾ ਹੈ,
ਸਭ ਤੋਂ ਵਧੀਆ ਅਤੇ ਸੁਰੱਖਿਅਤ CSS ਤੋਂ SASS Windows, Mac, Linux, Chrome, Firefox, Safari ਅਤੇ Edge ਵਿੱਚ ਵਧੀਆ ਕੰਮ ਕਰਦਾ ਹੈ।