Call Us: +7.906.229.2627
Follow Us:
HTML5 template

Docs - Global helpers

There are global modifyers that could be applied to any element. They can remove border or remove padding and margin etc.

  • .pi-clearfix - famous clearfix
  • .pi-no-margin - removes all sides margin
  • .pi-no-margin-top - removes top margin
  • .pi-no-margin-right - removes right margin
  • .pi-no-margin-bottom - removes bottom margin
  • .pi-no-margin-left - removes left margin
  • .pi-margin-sides-5 - makes left and right margin equal to 5px
  • .pi-margin-sides-4 - makes left and right margin equal to 4px
  • .pi-margin-sides-3 - makes left and right margin equal to 3px
  • .pi-margin-sides-2 - makes left and right margin equal to 2px
  • .pi-margin-sides-1 - makes left and right margin equal to 1px
  • .pi-margin-sides-0 - removes left and right margin
  • .pi-padding-top-X - adds X pixels top padding, X can be 10,15,20,30,40,50,60,70,80,90,100,110,120,130,140,150,160,170
  • .pi-padding-bottom-X - adds X pixels bottom padding
  • .pi-padding-top-bottom-X - adds X pixels top and bottom padding
  • .pi-no-padding - removes all sides padding
  • .pi-no-padding-top - removes top padding
  • .pi-no-padding-right - removes right padding
  • .pi-no-padding-bottom - removes bottom padding
  • .pi-no-padding-left - removes left padding
  • .pi-no-border - removes all sides border
  • .pi-no-border-top - removes top border
  • .pi-no-border-right - removes right border
  • .pi-no-border-bottom - removes bottom border
  • .pi-no-border-left - removes left border
  • .pi-no-border-radius - removes border radius
  • .pi-texture - create absolute positioned element that cover parent element, used mostly for creating any backgrounds with repeated patterns.
  • .pi-no-transitions - removes css transitions from element.
  • .pi-pull-right - sets element float:right, that moves element to the right side, and makes so text flow an element.
  • .pi-pull-left - sets element float:left, that moves element to the left side, and makes so text flow an element.
  • .pi-right - the same as .pi-pull-right but adds some margin, used especially for images
  • .pi-left - the same as .pi-pull-left but adds some margin, used especially for images
  • .pi-center - center element horizontally and add some margin at the top and bottom, used especially for images
  • .pi-text-right - sets element text-align to be right
  • .pi-text-left - sets element text-align to be left
  • .pi-text-center - sets element text-align to be center
  • .pi-hide - makes element hidden.
  • .pi-show - makes element visible.
Latest Tweet
Contact Us
  • Address: 557 Cyan Avenue, Suite 65,
    New York, CA 9008
  • Phone: (123) 456-7890
  • Email: hello@pitheme.com
  • Monday - Friday: 9:00 am - 10:00 pm
    Saturday - Sunday: Closed
Say Hey

© 2014. «Aura HTML Theme». All right reserved.