asp.net mvc - Can I use Sass(css preprocessor) in Visual Studio Express 2013 for web? -
if yes how because
mindscape web workbench , sassystudio (free plug-in) tool not support in vs express free version
and how compile scss css done
install-package sassandcoffee
i got solution
first add via nuget console
install-package sassandcoffee
and in page.cshtml page
<link href="~/content/sassdemo.css?@viewbag.id" rel="stylesheet" type="text/css" />
viewbag.id no need clear cache of browser every time
controller code
public actionresult index() { viewbag.id = datetime.now.tostring("yyyymmddhhmmss"); return view(); }
now run , change variable values colors u see effect in css
sassdemo.scss
$color: red; .a{ width: 100%; } .maindiv { @extend .a; /*extend/inheritance */ /*width: 100%;*/ border: 1px solid $color; height: 200px; padding: 10px; margin-top: 10px; } .childdiv { height: 55px; padding: 5px; width: 130px; background-color: $color; display: inline-block; }
Comments
Post a Comment