/*
* @Author: zhongjiahao
* @Date:   2016-08-03 15:48:17
* @Last Modified by:   zhongjiahao
* @Last Modified time: 2016-11-10 18:14:31
*/


/*
  clearfix
 */

.f-cf {
  @include f-cf();
}


/*
  floatleft
 */

.f-fl {
  float: left;
}


/*
  floatright
 */

.f-fr {
  float: right;
}


/*
  display inlineblock
 */

.f-dib {
  display: inline-block;
}


/*
    display inline
 */

.f-di {
  display: inline;
}

/*
  textaligin left
 */

.f-tal {
  text-align: left;
}

/*
  textaligin right
 */

.f-tar {
  text-align: right;
}



/*
  textaligin center
 */

.f-tac {
  text-align: center;
}


/*
  verticalalign middle
 */

.f-vam {
  vertical-align: middle;
}


/*
  display block
 */

.f-db {
  display: block;
}


/*
  display none
 */

.f-dn {
  display: none;
}


/*
  overflow hidden
 */

.f-oh {
  overflow: hidden;
}


/*
  assistive text
 */

.f-assistive-text {
  position: absolute!important;
  margin: -1px!important;
  border: 0!important;
  padding: 0!important;
  width: 1px!important;
  height: 1px!important;
  overflow: hidden!important;
  clip: rect(0 0 0 0)!important;
}


/*
  highlight text
 */

.f-highlight-text {
  height: inherit;
  font-family: inherit;
  font-style: inherit;
  background: rgba(228, 166, 0, .2);
  border-radius: 2px;
}


/*
  padding
*/

.f-p-5 {
  @include rem(padding, 5);
}

.f-p-10 {
  @include rem(padding, 10);
}

.f-p-15 {
  @include rem(padding, 15);
}

.f-p-20 {
  @include rem(padding, 20);
}


/*
  padding left
*/

.f-pl-5 {
  @include rem(padding-left, 5);
}

.f-pl-10 {
  @include rem(padding-left, 10);
}

.f-pl-15 {
  @include rem(padding-left, 15);
}

.f-pl-20 {
  @include rem(padding-left, 20);
}


/*
  padding right
*/

.f-pr-5 {
  @include rem(padding-right, 5);
}

.f-pr-10 {
  @include rem(padding-right, 10);
}

.f-pr-15 {
  @include rem(padding-right, 15);
}

.f-pr-20 {
  @include rem(padding-right, 20);
}


/*
  padding top
*/

.f-pt-5 {
  @include rem(padding-top, 5);
}

.f-pt-10 {
  @include rem(padding-top, 10);
}

.f-pt-15 {
  @include rem(padding-top, 15);
}

.f-pt-20 {
  @include rem(padding-top, 20);
}


/*
  padding bottom
*/

.f-pb-5 {
  @include rem(padding-bottom, 5);
}

.f-pb-10 {
  @include rem(padding-bottom, 10);
}

.f-pb-15 {
  @include rem(padding-bottom, 15);
}

.f-pb-20 {
  @include rem(padding-bottom, 20);
}


/*
  margin
*/

.f-m-5 {
  @include rem(margin, 5);
}

.f-m-10 {
  @include rem(margin, 10);
}

.f-m-15 {
  @include rem(margin, 15);
}

.f-m-20 {
  @include rem(margin, 20);
}


/*
  margin left
*/

.f-ml-5 {
  @include rem(margin-left, 5);
}

.f-ml-10 {
  @include rem(margin-left, 10);
}

.f-ml-15 {
  @include rem(margin-left, 15);
}

.f-ml-20 {
  @include rem(margin-left, 20);
}


/*
  margin right
*/

.f-mr-5 {
  @include rem(margin-right, 5);
}

.f-mr-10 {
  @include rem(margin-right, 10);
}

.f-mr-15 {
  @include rem(margin-right, 15);
}

.f-mr-20 {
  @include rem(margin-right, 20);
}


/*
  margin top
*/

.f-mt-5 {
  @include rem(margin-top, 5);
}

.f-mt-10 {
  @include rem(margin-top, 10);
}

.f-mt-15 {
  @include rem(margin-top, 15);
}

.f-mt-20 {
  @include rem(margin-top, 20);
}


/*
  margin bottom
*/

.f-mb-5 {
  @include rem(margin-bottom, 5);
}

.f-mb-10 {
  @include rem(margin-bottom, 10);
}

.f-mb-15 {
  @include rem(margin-bottom, 15);
}

.f-mb-20 {
  @include rem(margin-bottom, 20);
}