Quick documentation for Sybrenium
Sybrenium.css is a class contains core components of Sybrenium.
Block: Works like container
Eg: class="block"
Have a play around with the borders
| Code | Demo |
|---|---|
| class="resize" | resize |
| class="bdr" | bdr |
| class="border-dotted" | border-dotted |
| class="bdr border-dotted" | bdr border-dotted |
| class="bdr border-dashed-xs" | bdr border-dashed-xs |
| class="bdr border-solid-sm" | bdr border-solid-sm |
| class="bdr border-double-lg" | bdr border-double-lg |
| class="bdr border-groove" | bdr border-groove |
| class="bdr border-ridge" | bdr border-ridge |
| class="bdr border-inset" | bdr border-inset |
| class="bdr border-outset" | bdr border-outset |
| class="bdr border-none" | bdr border-none |
| class="bdr border-hidden" | bdr border-hidden |
| class="bdr mix-border" | bdr mix-border |
| class="bdr border-dashed-xs round-border-5" | bdr border-dashed-xs round-border-5 |
| class="bdr border-dashed-xs round-border-25" | bdr border-dashed-xs round-border-25 |
Note: There is only two rounded borders available "round-border-5" & "round-border-25"
Have a smooth end up with your content
| Code | Demo |
|---|---|
| class="dotted-linebreak" | See in Action |
| class="dashed-linebreak" | See in Action |
| class="solid-linebreak" | See in Action |
| class="double-linebreak" | See in Action |
| class="groove-linebreak" | See in Action |
| class="ridge-linebreak" | See in Action |
| class="inset-linebreak" | See in Action |
| class="outset-linebreak" | See in Action |
| Code | Demo |
|---|---|
| class="bold" | bold |
| class="italic" | italic |
| class="underline" | border |
| class="overline" | overline |
| class="strikeout" | strikeout |
| class="ruled" | ruled |
| class="center" | center |
| class="center-all" | center-all |
| class="transparent" | transparent |
| class="glow" class="glow green" | glowglow |
| class="bdr shadow" | bdr shadow |
| class="text-shadow" | text-shadow |
| class="bdr box-shadow" | bdr box-shadow |