Csstricks
Docs > Extensions > Plugins > CsstricksBoltWire comes with a simple "CSS Tricks" plugin which basically gives you a handful of handy styles you can use to create some nifty effects. To use it, simply embed these css rules to your page using the embed command and then start using the various classes. Here's how you enable it:
<(embed csstricks head)>
Once enabled you have access to a wide variety of classes you can mix and match. Here are some examples of effects you can achieve:
| <span class="round gray blue uppercase">Some Text</span> | Some Text |
|
| <span class="reverse fancy">More Text</span> | More Text |
|
| <span class="small-caps">Small caps are cool...</span> | Small caps are cool... |
|
| Some <span class="highlight red italics">important</span> text | Some important text |
|
| <div class="warning">Watch out!</div> | Watch out!
|
|
| <div class="important round">Important!</div> | Important!
|
|
| <div class="tip round white bold">A Tip!</div> | A Tip! |
Here's a list of the classes currently included in this css extension. As noted above you can easily mix and match them. And by editing the style sheet (code.embed.csstricks) you can easily add and remove style rules, or fine-tune some of these existing rules to meet your exact needs.
| Capitalization uppercase lowercase capitalize small-caps Styles bold nobold italics noitalics |
Background Colors yellow pink green gray Font Colors black white red blue |
Alignment left right center Added Graphics tip important warning |
Other reverse highlight fancy (a font) rounded (corners) hide (invisible) |