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