Xidipity

Knowledge Base

padding – horizontal
Framework: Horizontal Padding
Xidipity WordPress Theme Knowledge Base Height Content Header Image
auto
 
  • class: pad:hrz_auto
  • css: padding-left: auto;
  •   padding-right: auto;

 

+0.125
 
  • class: pad:hrz+0.125
  • css: padding-left: 0.125rem;
  •   padding-right: 0.125rem;

 

+0.25
 
  • class: pad:hrz+0.25
  • css: padding-left: 0.25rem;
  •   padding-right: 0.25rem;

 

+0.375
 
  • class: pad:hrz+0.375
  • css: padding-left: 0.375rem;
  •   padding-right: 0.375rem;

 

+0.5
 
  • class: pad:hrz+0.5
  • css: padding-left: 0.5rem;
  •   padding-right: 0.5rem;

 

+0.625
 
  • class: pad:hrz+0.625
  • css: padding-left: 0.625rem;
  •   padding-right: 0.625rem;

 

+0.75
 
  • class: pad:hrz+0.75
  • css: padding-left: 0.75rem;
  •   padding-right: 0.75rem;

 

+0.875
 
  • class: pad:hrz+0.875
  • css: padding-left: 0.875rem;
  •   padding-right: 0.875rem;

 

+1
 
  • class: pad:hrz+1
  • css: padding-left: 1rem;
  •   padding-right: 1rem;

 

+1.125
 
  • class: pad:hrz+1.125
  • css: padding-left: 1.125rem;
  •   padding-right: 1.125rem;

 

+1.25
 
  • class: pad:hrz+1.25
  • css: padding-left: 1.25rem;
  •   padding-right: 1.25rem;

 

+1.375
 
  • class: pad:hrz+1.375
  • css: padding-left: 1.375rem;
  •   padding-right: 1.375rem;

 

+1.5
 
  • class: pad:hrz+1.5
  • css: padding-left: 1.5rem;
  •   padding-right: 1.5rem;

 

+1.625
 
  • class: pad:hrz+1.625
  • css: padding-left: 1.625rem;
  •   padding-right: 1.625rem;

 

+1.75
 
  • class: pad:hrz+1.75
  • css: padding-left: 1.75rem;
  •   padding-right: 1.75rem;

 

+1.875
 
  • class: pad:hrz+1.875
  • css: padding-left: 1.875rem;
  •   padding-right: 1.875rem;

 

+2
 
  • class: pad:hrz+2
  • css: padding-left: 2rem;
  •   padding-right: 2rem;

 

0
 
  • class: pad:hrz+0
  • class: pad:hrz0
  • class: pad:hrz-0
  • css: padding-left: 0;
  •   padding-right: 0;

 

-0.125
 
  • class: pad:hrz-0.125
  • css: padding-left: -0.125rem;
  •   padding-right: -0.125rem;

 

-0.25
 
  • class: pad:hrz-0.25
  • css: padding-left: -0.25rem;
  •   padding-right: -0.25rem;

 

-0.375
 
  • class: pad:hrz-0.375
  • css: padding-left: -0.375rem;
  •   padding-right: -0.375rem;

 

-0.5
 
  • class: pad:hrz-0.5
  • css: padding-left: -0.5rem;
  •   padding-right: -0.5rem;

 

-0.625
 
  • class: pad:hrz-0.625
  • css: padding-left: -0.625rem;
  •   padding-right: -0.625rem;

 

-0.75
 
  • class: pad:hrz-0.75
  • css: padding-left: -0.75rem;
  •   padding-right: -0.75rem;

 

-0.875
 
  • class: pad:hrz-0.875
  • css: padding-left: -0.875rem;
  •   padding-right: -0.875rem;

 

-1
 
  • class: pad:hrz-1
  • css: padding-left: -1rem;
  •   padding-right: -1rem;

 

-1.125
 
  • class: pad:hrz-1.125
  • css: padding-left: -1.125rem;
  •   padding-right: -1.125rem;

 

-1.25
 
  • class: pad:hrz-1.25
  • css: padding-left: -1.25rem;
  •   padding-right: -1.25rem;

 

-1.375
 
  • class: pad:hrz-1.375
  • css: padding-left: -1.375rem;
  •   padding-right: -1.375rem;

 

-1.5
 
  • class: pad:hrz-1.5
  • css: padding-left: -1.5rem;
  •   padding-right: -1.5rem;

 

-1.625
 
  • class: pad:hrz-1.625
  • css: padding-left: -1.625rem;
  •   padding-right: -1.625rem;

 

-1.75
 
  • class: pad:hrz-1.75
  • css: padding-left: -1.75rem;
  •   padding-right: -1.75rem;

 

-1.875
 
  • class: pad:hrz-1.875
  • css: padding-left: -1.875rem;
  •   padding-right: -1.875rem;

 

-2
 
  • class: pad:hrz-2
  • css: padding-left: -2rem;
  •   padding-right: -2rem;

 

Abbreviations
 
AbbreviationDefinition
padpadding
+add
subtract
hrzhorizontal

 

Supported media
 
AbbreviationDefinition
all
sm)small
md)medium
lg)large
xl)extra large
Notes
 

All padding classes begin with “pad” and are separated by a colon from it’s value.


  • Since: v1.0.0

 

September 24, 2022