CSS To SASS Converter

Input data
bfotool loadding
Output data
bfotool loadding

CSS to SASS converter simplest

This free online tool lets you convert a CSS file into a SASS file.Just paste your CSS in the form below and it will instantly get converted to SASS No need to download or install any software. Free

How to Convert CSS to SASS ?

Step 1: Select your input. Enter Data.
Step 2: Choose output options (optional) Output Options.
Step 3: Generate output.

CSS to SASS converter examples

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 helps convert CSS style format to SASS style format . It's very simple and easy way to transform and share CSS to SASS data
Best and Secure CSS to SASS works well in Windows, Mac, Linux, Chrome, Firefox, Safari and Edge.