Questions tagged [google-closure-stylesheet]

Closure Stylesheets is an extension to CSS that adds variables, functions, conditionals, and mixins to standard CSS. The tool also supports minification, linting, RTL flipping, and CSS class renaming.

Closure Stylesheets is an extension to CSS that adds variables, functions, conditionals, and mixins to standard CSS. The tool also supports minification, linting, RTL flipping, and CSS class renaming.

11 questions
2
votes
1 answer

Closure stylesheets css renaming issue

Closure Stylesheets can rename css classes. Example: .class-one { // ... } .class-two { // ... } After compilation the javascript output will be: { 'class' : 'a', 'one' : 'b', 'two' : 'c' } And the css output: .a-b { // ... …
2
votes
1 answer

Is there a way to configure eclipse that it treats gss files like css files?

I want to enable eclipse specific code completion and syntax highlighting for css to files that ends with gss. The gss files are similar to css files. They are called closure-stylesheets. Is there a way to configure eclipse that it treats gss files…
Michael
  • 32,527
  • 49
  • 210
  • 370
2
votes
1 answer

Google Closure Stylesheets parse error with @media only screen

I'm using closure-stylesheets-20111230.jar to combine and minify all my CSS. However it's throwing parsing error with @media only screen and (min-device-width : 320px) on something that looks fine to me. Google closure-stylesheets.jar to parse css:…
Laeeq
  • 403
  • 1
  • 3
  • 14
2
votes
1 answer

How to make css class mapping

Can anybody help me to explain more details about how to use closure stylesheet. I want renaming my css class become more simple For example I have a css file .long-class { font-weight : bold; color : red; } .another-class .and-long { …
cakduro
  • 180
  • 2
  • 13
2
votes
1 answer

How do I use Google Closure Stylesheet renaming with an external Javascript Library such as jQuery?

I'm looking into Google's stylesheet renaming feature and I'm not sure how to rewrite my jquery selectors. I didn't find the doc very clear on that. If I have some code that looks like this:
1
vote
1 answer

String concat in Google Closure stylesheets?

I simply have the code @def WIDTH 50 // will be reused // ... width: @def WIDTH px // incorrect space between I believe CSS doesn't allow the space between # and px which makes this code wrong. But I haven't found a string concat function. Is there…
djechlin
  • 59,258
  • 35
  • 162
  • 290
0
votes
0 answers

Bazel CSS not being served from closure_js_binary

Project structure looks something along the lines of: . ├── UI │ ├── BUILD │ └── app.js └── component ├── BUILD ├── component.soy ├── component.js └── component.gss The app's BUILD file looks like: closure_js_library( name =…
0
votes
1 answer

Removing duplication across Google Stylesheets (GSS) in GWT

Most of my stylesheets (GSS) have the same set of @defmixin statements. I would like to be able to remove the duplication. Is it possible to @include a common GSS stylesheet in some way? Or are there other ways to do this simply? (I mean without…
ᴇʟᴇvᴀтᴇ
  • 12,285
  • 4
  • 43
  • 66
0
votes
1 answer

How can i detect user agent or browser in google closure compiler?

My Complier file is like that cd /d %~dp0 java -jar ../../../../file/css-compiler.jar --pretty-print ^ --allowed-unrecognized-property -khtml-opacity ^ ../source/abc.gss ^ > ../abc.css pause when i am adding following line in order to…
0
votes
1 answer

Compiling closure stylesheets in java (like SoyFileSet)

https://developers.google.com/closure/templates/docs/commands explains how to compile Google stylesheets using command line. I was expecting something like SoyFileSet which I can use to compile Google templates. Is there a class similar class like…
Neo M Hacker
  • 899
  • 7
  • 11
0
votes
1 answer

google stylesheet compiler CSS renaming

Currently, I'm using Closure Compiler just on the javascript file. Now I also want to minify and rename the CSS classes with shorter names. Is there a way to avoid having to rewrite every jquery CSS string-based selector in my .js file (ie.…
frenchie
  • 51,731
  • 109
  • 304
  • 510