SCSS to CSS Converter
Compile SCSS stylesheets to clean CSS instantly in your browser.
Compile
Copy CSS
Clear
SCSS Input
$primary: #3b82f6; $radius: 8px; @mixin flex-center { display: flex; align-items: center; justify-content: center; } .card { border-radius: $radius; border: 1px solid lighten($primary, 30%); .card-body { @include flex-center; padding: 1rem; } &:hover { box-shadow: 0 4px 12px rgba($primary, 0.2); } }
CSS Output
Need uptime monitoring?
AlertsDock