SiteKrafter Framework 5.1.4
Width = 1366px 1rem = 10px
Fluid Text
Fluid Text sk
Paragraph Text sk-content
Uppercase Text uppercase
Lowercase Text lowercase
Text Align Left left
Text Align Right right
Text Align Center center
Text Justify justify
General Fluid Text
xSmall Text text-xsmall
Small Text text-small
Medium Text text-medium
Large Text text-large
xLarge Text text-xlarge
Font Weight
Regular Weight weight-regular
Medium Weight weight-medium
Semi-bold Weight weight-semibold
Bold Weight weight-bold
Custom Fluid Headings
XXLarge Heading heading-xxlarge
XLarge Heading heading-xlarge
Large Heading heading-large
Medium Heading heading-medium
Small Heading heading-small
Notices
General notice notice
Warning notice warning
Error notice error
Success notice success
Flexbox
Activate Flexbox flex
Flex Direction Row flex-row
Flex Direction Column flex-column
Justify Content Center justify-center
Align Items Center align-center
Flexbox Wrap flex-wrap
Flexbox All In One flexbox
Gap Between Items XSmall gap-xsmall
Gap Between Items Small gap-small
Gap Between Items Medium gap-medium
Gap Between Items Large gap-large
Gap Between Items XLarge gap-xlarge
Fluid + Responsive Margins
Top Margin XSmall margin-top-xsmall
Bottom Margin XSmall margin-bottom-xsmall
Top Margin Small margin-top-small
Bottom Margin Small margin-bottom-small
Top Margin Medium margin-top-medium
Bottom Margin Medium margin-bottom-medium
Margin Top Large margin-top-large
Margin Bottom Large margin-bottom-large
Margin Top XLarge margin-top-xlarge
Margin Bottom XLarge margin-bottom-xlarge
Fluid + Responsive Padding
*Note: Padding is for all sides.
XSmall padding padding-xsmall
Small padding padding-small
Medium padding padding-medium
Large padding padding-large
xLarge padding padding-xlarge
Fluid + Responsive Sections
Hero Section hero-section
Large Section large-section
Medium Section medium-section
Small Section small-section
Border Radius
Small Radius radius-small
Medium Radius radius-medium
Large Radius radius-large
Pill radius-pill
Circle radius-circle
Shadows
Small Shadow shadow-small
Medium Shadow shadow-medium
Large Shadow shadow-large
XLarge Shadow shadow-xlarge
Shadow Insert shadow-inset
Transparency
20% Transparent transparent-20
30% Transparent transparent-30
40% Transparent transparent-40
50% Transparent transparent-50
60% Transparent transparent-60
70% Transparent transparent-70