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

enter image description here

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

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

python - How to remove the Xframe Options header in django? -