Tiontaire SCSS go CSS

Input data
bfotool loadding
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Output data
bfotool loadding
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Tiontaire CSS go SCSS is simplí

Ligeann an uirlis ar líne saor in aisce seo duit comhad CSS a thiontú ina chomhad SCSS. Just a ghreamú do CSS san fhoirm thíos agus déanfar é a thiontú go SCSS láithreach Ní gá aon bhogearraí a íoslódáil nó a shuiteáil. Saor

Conas CSS a Thiontú go SCSS?

Céim 1: Roghnaigh do ionchur. Iontráil Sonraí.
Céim 2: Roghnaigh roghanna aschur (roghnach) Roghanna Aschuir.
Céim 3: Gin aschur.

Samplaí de thiontairí CSS go 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;
		}
	}
}
 
Cabhraíonn CSS go SCSS le formáid stíl CSS a thiontú go formáid stíl SCSS . Is bealach an-simplí agus éasca é CSS a athrú agus a roinnt le sonraí SCSS.