listingtree v1.0.4

Sybrenium Initiated

CDN:

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Syber-Lab/Sybrenium@b3baa6cc891a2f05509e004ea588efee7545bdbf/dist/css/main.css">

Classes

Block: Works like container-fluid in Bootstrap

Eg: class=”block”

Border classes

border | Eg: border: helps in making padding border-"style" | Eg: border-dotted border-"style"-“size” | Eg: border-dashed-sm | xs | sm | lg border-none | Eg: border-none border-hidden | Eg: border-hidden

UseCases: (style)

class="border"

class="border-dotted"
class="border-dotted-xs"
class="border-dotted-sm"
class="border-dotted-lg"

class="border-dashed"
class="border-dashed-xs" 
class="border-dashed-sm"
class="border-dashed-lg"

class="border-solid"
class="border-solid-xs" 
class="border-solid-sm" 
class="border-solid-lg" 

class="border-double"
class="border-double-xs" 
class="border-double-sm" 
class="border-double-lg" 

class="border-groove" 
class="border-groove-xs" 
class="border-groove-sm" 
class="border-groove-lg" 

class="border-ridge"
class="border-ridge-xs" 
class="border-ridge-sm" 
class="border-ridge-lg" 
	
class="border-inset"
class="border-inset-xs" 
class="border-inset-sm" 
class="border-inset-lg" 

class="border-outset"
class="border-outset-xs" 
class="border-outset-sm" 
class="border-outset-lg" 

class="border-none"

class="border-hidden"

Line Break classes

“border-style”-linebreak | Eg: dashed-linebreak

Use Cases: (style)

class="dotted-linebreak"
class="dashed-linebreak"
class="solid-linebreak"
class="double-linebreak"
class="groove-linebreak"
class="ridge-linebreak"
class="inset-linebreak"
class="outset-linebreak"

Color classes

class=”color”

UseCases:

class="red"
class="green"
class="yellow"
class="blue"
class="black"
class="white"
class="violet"
class="orchid"
class="silver"
class="gold"
class="maroon"
class="magenta"
class="grey"

Border Colors:

border-"color"

Eg: border-green

UsesCases:

class="border-red"
class="border-green"
class="border-yellow"
class="border-blue"
class="border-black"
class="border-white"
class="border-violet"
class="border-orchid"
class="border-silver"
class="border-gold"
class="border-maroon"
class="border-magenta"
class="border-grey"

Font style classes

1. strikeout
2. underline
3. bold
4. italic
5. ruled
6. overline

Eg: class="strikeout"   	|   strikeout
Eg: class="underline"   	|   underline
Eg: class="bold"   		|   bold
Eg: class="italic"   		|   italic
Eg: class="ruled"   		|   ruled
Eg: class="overline"   		|   overline

Note: strikeout will not work while underline is exist

Cards

card class

1. card
2. quote-card
3. card-hover

Use Case

class="card"
class="card-hover"
class="quote-card"
class="card card-hover"

Examples:

Preview: : ( for code check right click and view page source )

https://yaseen549.github.io/sybrenium-code-review/