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

Android : Making Listview full screen -

javascript - Parse JSON from the body of the POST -

javascript - How to Hide Date Menu from Datepicker in yii2 -