CssHandler

Source code checked in, #94877

Project Collection Service Accounts — Mon, 01 Oct 2012 22:38:35 GMT

Upgrade: New Version of LabDefaultTemplate.xaml. To upgrade your build definitions, please visit the following link: http://go.microsoft.com/fwlink/?LinkId=254563

Source code checked in, #94876

Project Collection Service Accounts — Mon, 01 Oct 2012 22:31:06 GMT

Checked in by server upgrade

Source code checked in, #57274

_TFSSERVICE — Wed, 28 Jul 2010 22:13:23 GMT

Checked in by server upgrade

Updated Wiki: Home

TroyGoode — Tue, 04 May 2010 02:34:24 GMT

DEPRECATED

Deprecated in favor of ".less":

http://www.dotlesscss.com/

Updated Wiki: Home

TroyGoode — Tue, 04 May 2010 02:34:03 GMT

DEPRECATED

Deprecated in favor of .Less:

http://www.dotlesscss.com/

New Post: csshandler does not seem to work

markvt — Wed, 02 Dec 2009 12:59:09 GMT

maybe you guys can change the mainpage to note that IIS needs to send .css files to the csshandler. I think there is more people with this problem (i for example ;))

Source code checked in, #27990

TroyGoode — Sun, 21 Jun 2009 01:49:45 GMT

Added changed made by Lee (easytree@gmail.com) that makes sure the last declaration "wins" when multiple declarations are made using the same key.

New Post: Issue with Comments

JeremyGibson — Wed, 03 Jun 2009 05:40:57 GMT

Hey, nice tool. I was applying to someone else's css code which had empty comments i.e. /**/ in it and csshandler didn't seem to pick up the closing of the comment so skipped a whole chunk of the css file until it found the next closing comment tag. Not sure if anyone is working on it atm but thought you'd like to know.

Created Issue: Use as AXD fails if CSS file is in subdir due to URLEncoding

robvon — Thu, 26 Mar 2009 03:35:58 GMT

When taking the filename from the QueryString, it has been overlooked that the querystring is encoded.

Add the following:
topFile = HttpUtility.UrlDecode(topFile);
This is required to convert the %2F into a "\" if the css file is not in the root directory.
Probably should just be done regardless....

R

New Post: CssHandler and IIS 7.0

gmoothart — Wed, 11 Mar 2009 19:09:44 GMT

I haven't tried it, as we're not running IIS 7.0. I assume that it will, as I haven't heard any complaints about IIS 7 breaking HttpHandlers.

New Post: CssHandler and IIS 7.0

JennyQuinn — Wed, 11 Mar 2009 18:03:08 GMT

Will this CssHandler work the same in iis 7.0? If not, are there any tips for making modifications to it to make it work? Thanks!

NEW POST: csshandler does not seem to work

JennyQuinn — Wed, 23 Apr 2008 21:16:21 GMT

I realized that I didn't update my web.config. Sorry to bother you. Have a good day :)

NEW POST: csshandler does not seem to work

JennyQuinn — Wed, 23 Apr 2008 20:33:57 GMT

Help! I built this on my dev server and it worked after registering with IIS. Then I deployed to my live site, and it doesn't seem to be observing the style sheets even though I registered .css with IIS. The biggest difference on these two environments is that it is a virtual directory on the development and is a full site on the production server. Also I built it on the other machines it works on and it was just copied to this machine. I checked and the csshandler.dll is in the bin directory of the site. Any suggestions? Thanks!

NEW POST: csshandler does not seem to work

JennyQuinn — Fri, 21 Mar 2008 13:53:15 GMT

Gabe,
Thank you so much Gabe, and thanks also to Troy and Rory. It works like a charm, and it's perfect for what I need.
Jenny

NEW POST: csshandler does not seem to work

gmoothart — Thu, 20 Mar 2008 20:21:37 GMT

Jenny,
You probably need to register the .css extension with asp.net, so that it knows how to process it:

1) In IIS, do a right click | Properties on the web site (or virtual directory) you want to enable
2) Click the "configuration" button (on the "home directory" or "virtual directory" tab)
3) Under "Mappings" scroll through the list. If ".css" is not listed, then add it. Limit the verbs to "GET", and set the executable to the full path of your aspnet_isapi.dll. Mine is (for v2.0 of the framework):
C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_isapi.dll

yours should be similar.

HTH,
Gabe

NEW POST: csshandler does not seem to work

JennyQuinn — Thu, 20 Mar 2008 17:45:24 GMT

I guess I didn't mention that it isn't working ;) Thanks!

JennyQuinn wrote:
I have .NET 3.5 framework. I've added the csshandler.dll using the "add existing item" I added the line to the web.config file, and added the variables to the .css file. Could it be a framework issue?

NEW POST: csshandler does not seem to work

JennyQuinn — Thu, 20 Mar 2008 17:38:19 GMT

I have .NET 3.5 framework. I've added the csshandler.dll using the "add existing item" I added the line to the web.config file, and added the variables to the .css file. Could it be a framework issue?

COMMENTED FEATURE: Basic Arithmetic Support

TroyGoode — Sun, 09 Dec 2007 17:34:50 GMT

Add support for basic arithmetic on variables and constants in CSS: addition, subtraction etc.,
Comments: ** Comment from web user: TroyGoode **

The following question was just left on my blog:

"Do you support formulas ?

let's say that i want something like this ( very likely to happen )

.smallBorder { border : solid @borderPx Blue}
.biggerBorder { border : solid @borderPx+1 Blue}"

It sounds like arithmetic support might indeed be a needed feature.

This post (http://community.bartdesmet.net/blogs/bart/archive/2006/10/13/4536.aspx) has information on how to compile and evaluate dynamic expressions, which could be very useful.

UPDATED RELEASE: CssHandler 1.0 (Nov 16, 2007)

Fri, 16 Nov 2007 18:00:43 GMT

*Changes:*
* Fixed bug where two similiarly named variables could cause improper parsing.
* Added support for server-side @import expansion.
* Added support for using the handler as a .axd rather than binding it to *.css.
* Most whitespace is now removed before rendering.
* The @define block is now removed before rendering.
* Upgraded solution & projects to Visual Studio 2005.
* Changed demo website project to the "Web Site" project type instead of "Web Application" so that it can run without IIS. Changed the CssHandler project to the Library project type.
* Made the comments and code a bit easier to read.

UPDATED WIKI: Home

TroyGoode — Fri, 16 Nov 2007 16:58:30 GMT

Project Description
CssHandler is an HttpHandler that processes CSS files, allowing them to be dynamic. It adds variables, support for app-relative urls using the '~' character, server-side processing of the @import directive, and whitespace compression.

Simple Example

Wondering how this works? Here is a quick walkthrough of configuring a new website to use the CssHandler:

Download the latest release assembly (CssHandler.dll) and place it in the /bin/ directory of your website. Then add the following to your web.config (in configuration -> system.web -> httpHandlers):
<add verb="GET" path="*.css" type="CssHandler.CssHandler, CssHandler"/>

If you have no web.config, create a web.config and make it look like this:
<?xml version="1.0"?>
<configuration>
   <system.web>
      <httpHandlers>
         <add verb="GET" path="*.css" type="CssHandler.CssHandler, CssHandler"/>
      </httpHandlers>
   </system.web>
</configuration>

If you do not have a StyleSheet yet, create one. For the sake of this example we will assume you have created a .css file named "theme.css" in a directory named "styles". Reference your stylesheet in your webpage by adding the following to the HTML -> HEAD element:
<link href="~/styles/theme.css" type="text/css" rel="StyleSheet" />

In your stylesheet file, let's create two variables and reference them:
@define{
   bgcolor_light: #99ccff;
   bgcolor_dark: #003366;
   fontcolor: #333333;
}
body{
   background-color: @bgcolor_light;
   color: @fontcolor;
}

Now say we want to have another stylesheet file and we want it to share the same variable definitions as our existing stylesheet. First, create your new stylesheet (we'll call it "forms.css") and add the following to it:
fieldset{
   background-color: @bgcolor_dark;
   color: #ffffff;
}

Finally, we have to reference this second file from the first file. In "theme.css" add the following line:
@import url(/styles/forms.css);

That's it! Now when you pull up the page both .css files will be served as a single css file to the browser. Most whitespace and all comments will have been removed and your @variable references will have been replaced with the declared values. Easy enough.

CssHandler 1.0 Download

New Release, November 2007 by Troy Goode

Perform a server side include via the @import url(blah.css); declaration.
Most whitespace is removed before being sent to client.
Can now reference HttpHandler as an .axd file and pass the css file in as a querystring parameter (eg: CssHandler.axd?styles.css).
The @define{...} block is no longer sent to the client.
Fixed bug involving similiarly named variables.

CssHandler 0.1 Download

Created in March 2004 by Rory Blyth
Uploaded to CodePlex on October 2007 by Gabe Moothart

Create CSS variables using the @define{ variableName: variableValue; } syntax.
Reference CSS variables using the @variableName syntax.
Comments are stripped before being sent to client.
Application relative paths (ex: ~/Images/BG.gif) are resolved to full virtual paths (ex: /Project/Images/BG.gif).