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