/**
** Do not edit onthego-styles-helper.css directly always
** use this file otherwise changes will be lost at first compile.
**  ONT CSS Helper
**  a collection of rules to be used any where
**/

/* SET A NUMBER OF CLASSES TO FORCE THE SIZE OF THE ICON */
@for $i from 12 through 96 {
  .ont-icon-#{$i} { font-size:$i + px!important;  }
}

@for $i from 0 through 96 {
  .pad-top-#{$i} { padding-top:$i + px!important;  }
}

@for $i from 0 through 96 {
  .padding-#{$i} { padding:$i + px!important;  }
}

@for $i from 0 through 96 {
  .from-top-#{$i} { margin-top:$i + px!important;  }
}

@for $i from 0 through 96 {
  .pad-bot-#{$i} { padding-bottom:$i + px!important;  }
}

@for $i from 0 through 96 {
  .from-bot-#{$i} { margin-bottom:$i + px!important;  }
}

@for $i from 0 through 1024 {
  .ont-manual-width-#{$i} { width:$i + px!important;  }
}


/* RESET MARGIN AND PADDING FOR ALL OUR ICONS ONLY */
@each $name in (access, cred, layouts, module, types, views, packager, toolset, wpml, bootstrap, conditional){
  [class^="icon-#{$name}"]{
    margin:0;
    padding:0;
  }
}