Dynamic CSS for ASP.NET MVC?

by

I’d love to be able to run my CSS through Razor

What stops you?

public class CssViewResult : PartialViewResult
{
    public override void ExecuteResult(ControllerContext context)
    {
        context.HttpContext.Response.ContentType = "text/css";
        base.ExecuteResult(context);
    }
}

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return new CssViewResult();
    }
}

and in ~/Views/Home/Index.cshtml:

@{
    var color = "White";
    if (DateTime.Now.Hour > 18 || DateTime.Now.Hour < 8)
    {
        color = "Black";
    }
}
.foo {
    color: @color;
}

Now all that’s left is to include it:

<link href="https://stackoverflow.com/questions/4492748/@Url.Action("index")" rel="stylesheet" type="text/css" />

You can also make the template strongly typed to a view model, write loops, ifs, inclusions, …

More Related Contents:

  1. MVC Bundling and CSS relative URLs
  2. How to reference a .css file on a razor view?
  3. How do I apply a CSS class to Html.ActionLink in ASP.NET MVC?
  4. How do I add a class to an @Html.ActionLink?
  5. How to remove the border highlight on an input text element
  6. Can I set background image and opacity in the same property?
  7. Why do browsers create vendor prefixes for CSS properties?
  8. Why do the :before and :after pseudo-elements require a ‘content’ property?
  9. Make div stay at bottom of page’s content all the time even when there are scrollbars
  10. CSS3’s attr() doesn’t work in major browsers
  11. Preloading CSS Images
  12. relative path to CSS file [closed]
  13. CSS background-size: cover + background-attachment: fixed clipping background images
  14. What does a star-preceded property mean in CSS?
  15. CSS text-transform capitalize on all caps
  16. How to vertically align elements in ?
  17. Spin or rotate an image on hover
  18. import .css file into .less file
  19. Greyscale Background Css Images
  20. Add a CSS class to single code chunks in RMarkdown
  21. CSS opacity and child elements
  22. Good rules for setting up print css? [closed]
  23. Border within border CSS
  24. How to get Floating DIVs inside fixed-width DIV to continue horizontally?
  25. CSS: display:inline-block and positioning:absolute
  26. Newline character sequence in CSS ‘content’ property? [duplicate]
  27. LESS: Unrecognized input error when using Bootstrap
  28. CSS “outline” different behavior behavior on Webkit & Gecko
  29. What are the rules around whitespace in attribute selectors?
  30. Custom CSS being overridden by Bootstrap CSS

Leave a Comment