SiteKrafter PRO Framework
Fluid Text
Fluid Text sk
Paragraph text (70ch) sk-content
Richtext richtext
Line Through cross-out
Letter Spacing 2px letter-spacing
Italic italic
Align Left left
Align Right right
Align Center center
Custom Fluid Text
Text Primary Color text-pri
Text Accent Color text-acc
xSmall Text text-xs
Small Text text-s
Medium Text text-m
Large Text text-l
xLarge Text text-xl
2xLarge Text text-2xl
Custom Fluid Headings
Small Headings heading-s
Medium Headings heading-m
Large Heading heading-l
xLarge Heading heading-xl
2xLarge Heading heading-2xl
3xLarge Heading heading-3xl
Font Weights
Font Weight 100 font-100
Font Weight 200 font-200
Font Weight 300 font-300
Font Weight 400 font-400
Font Weight 500 font-500
Font Weight 600 font-600
Font Weight 700 font-700
Font Weight 800 font-800
Font Weight 900 font-900
Background Colors
Main Colors
Primary Background bg-pri
Accent Background bg-acc
White Background bg-white
Black Background bg-black
Neutral Colors
Background Grey 50 bg-gray-50
Background Grey 100 bg-gray-100
Background Grey 200 bg-gray-200
Background Grey 300 bg-gray-300
Background Grey 400 bg-gray-400
Background Grey 500 bg-gray-500
Background Grey 600 bg-gray-600
Background Grey 700 bg-gray-700
Background Grey 800 bg-gray-800
Background Grey 900 bg-gray-900
Notices
Notice notice
Warning warning
Success success
Error error
Hover
Dark Hoverhover-dark
Opacity Hover hover-opacity
Boarder Hover hover-boarder
Scale Hover hover-scale
Glow Hover hover-glow
Buttons
Primary Button button
Button Hover button:hover
Button Secondary button-sec
Button Secondarybutton-sec:hover
Button Outline button-outline
Outline Hover button-outline:hover
Fluid Sections
Full Section sec-full
Small Section sec-s
Medium Section sec-m
Large Section sec-l
Hero Section sec-hero
Fluid Spacing
No Space gap-0
Spacing xSmall gap-xs
Spacing Small gap-s
Spacing Medium gap-s
Spacing Large gap-l
Spacing xLarge gap-xl
Fluid Margins
Margin Top xSmall mt-xs
Margin Buttom xSmall mb-xs
Margin Top Small mt-s
Margin Buttom Small mb-s
Margin Top Medium mt-m
Margin Buttom Medium mb-m
Margin Top Large mt-l
Margin Buttom Large mb-l
Margin Top xLarge mt-xl
Margin Buttom xLarge mb-xl
Fluid Padding
No Padding no-padding
Padding xSmall pad-xs
Padding Small pad-s
Padding Medium pad-m
Padding Large pad-l
Padding xLarge pad-xl
Boarder Radius
Boarder Radius xSmall rad-xs
Boarder Radius Small rad-s
Boarder Radius Medium rad-m
Boarder Radius Large rad-l
Boarder Radius xLarge rad-xl
Boarder Radius Pill rad-full
Shadows
Small Shadow shadow-s
Medium Shadow shadow-m
Large Shadow shadow-l
xLarge Shadow shadow-xl
Inset Shadow shadow-inset
Grid
Display Grid grid
Auto Grid grid-auto
1 Column grid-cols-1
2 Column grid-cols-2
3 Column grid-cols-3
4 Column grid-cols-4
5 Column grid-cols-5
6 Column grid-cols-6
2 Column Span col-span-2
3 Column Span col-span-3
4 Column Span col-span-4
5 Column Span col-span-5
6 Column Span col-span-6
Column Span Full col-span-full
2 Row Span row-span-2
3 Row Span row-span-3
4 Row Span row-span-4
5 Row Span row-span-5
6 Row Span row-span-6
Row Span Full row-span-full
Flexbox
Auto Flexbox flexbox
Display Flex flex
Flex Direction Row flex-row
Flex Direction Column flex-column
Justify Center justify-center
Flex Wrap flex-wrap
Fles No Wrap flex-wrap