What is meant by @ in css?

Question

I`m trying to manipulate the css of the zimbra, I do not mean a thing, in some style files i found this:

body    {   @ChromeBg@  }

who can explain the usage of @, after and before ChromeBg?

http://stackoverflow.com/questions/3453257/what-is-the-purpose-of-the-symbol-in-css — , Apr 24 '12 at 10:21

score 2 · Accepted Answer · answered Apr 24 '12 at 10:21

2

This is specific to Zimbra, apparently. I hope this explains more:

http://wiki.zimbra.com/wiki/Creating_Themes_Long_Version#Editing_Theme_Substitution_Files

answered Apr 24 '12 at 10:21

Mr Lister

45,515
15
108
150

Well, where i can find the main css of zimbra, i just want to make webclient right to let. – bizzr3 Apr 24 '12 at 10:28
1

The main css? You mean the substitition file? I don't really know. But apparently, you can just add your styles to the `body` rule you have above: `{@ChromeBg@; your style here }` – Mr Lister Apr 24 '12 at 10:34

score 2 · Answer 2 · answered Apr 24 '12 at 11:16

The use of @ differs based on the place it is present...

When @ is present only at front, it is called At-rule.... eg: @import - means it allows u to import one style sheet into another...

When @ is used in both sides of a word, it is a substitution file... eg: @somedata@ - indicates an entry in the substitution file(s) with that name should be placed at that spot in the CSS files..

Hope its useful for u...

score 1 · Answer 3 · answered Apr 24 '12 at 10:21

1

Looks like this is their way to specify variables in CSS. I can see

ChromeBg = background-color:@_BaseColor_@;

at http://wiki.zimbra.com/wiki/Creating_Themes_Long_Version

answered Apr 24 '12 at 10:21

Alexander Pavlov

31,598
5
67
93

score 1 · Answer 4 · answered Apr 24 '12 at 11:42

1

see these two links i am also learning about use of @ in css.

I hope this will help you also :-

http://lesscss.org/

http://sass-lang.com/

answered Apr 24 '12 at 11:42

Shailender Arora

7,674
2
31
35

score 0 · Answer 5 · answered Apr 24 '12 at 10:31

I am sorry i dont know what is this but i got reference link , i am sharing this

http://files.zimbra.com/docs/skins/Themes.html#skinvariables

but we use this like css

it is importing another css file in here

eg - @import url("reset.css");

it is calling font face method

eg- @font-face {}

What is meant by @ in css?

5 Answers5