You are not logged in.

[Codeschnipsel] WBB variables for CSS declarations

René

Administrator

  • "René" is male
  • "René" started this thread

Posts: 1,590

Location: Berlin

Occupation: KB

  • Send private message
1,695

1

Sunday, January 31st 2010, 1:09pm

WBB variables for CSS declarations

Especially if you're planning on creating a style family it is helpful if you can work with as many variables as possible.
Anybody who has looked at the CSS declarations of WoltLab's style families "Blue Space" and "Volcano-X" knows that the WBB 3 offers the use of CSS variables.
The following table shows some of those variables with a short explanation. This list is not complete.

Variable Description
$page.font$ the font used for the page
$global.images.location$ the images directory defined under "Global"
$page.link.color$ the color for links (for the whole page)
$container1.background.color$ background color for container 1 (similar for container 2-4)
$container.head.background.color$ background color for container head
$page.font.2nd.color$ the second font color (for the whole page)


So if you like to set the background color of container head for the class info, you would write the following CSS code:

Cascading style sheet

 
1

.info {color: $container.head.background.color$ !important;}


You'll find more variables in the WCF documention at WoltLab, starting with chapter Appendices -> Style variables (starting at page 101)

Attention! The WCF-Documentation only refers to WCF 1.0 - some parts may be out-dated.
Kein Support via PN, E-Mail oder Messenger.

Social bookmarks