Převodník CSS na SASS

Input data
bfotool loadding
Output data
bfotool loadding

Nejjednodušší převodník CSS na SASS

Tento bezplatný online nástroj vám umožňuje převést soubor CSS na soubor SASS. Stačí vložit váš CSS do níže uvedeného formuláře a okamžitě se převede na SASS Není třeba stahovat ani instalovat žádný software. Volný, uvolnit

Jak převést CSS na SASS?

Krok 1: Vyberte svůj vstup. Zadejte data.
Krok 2: Vyberte možnosti výstupu (volitelné) Možnosti výstupu.
Krok 3: Vygenerujte výstup.

Příklady převodníků CSS na 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 to SASS pomáhá převést formát stylu CSS na formát stylu SASS. Je to velmi jednoduchý a snadný způsob, jak transformovat a sdílet data CSS do SASS
Nejlepší a bezpečné CSS na SASS funguje dobře ve Windows, Mac, Linux, Chrome, Firefox, Safari a Edge.