Миксины SCSS (sass)

Миксины SCSS (sass)

Представляю набор собственных миксинов для препроцессора SASS. Эти миксины используются в повседневной жизни верстальщика. Вы сможете  всего за пару движений сделать  то, на что у вас уходило уйму времени. Набор постоянно обновляется, поэтому лучше всего подписаться на обновления нашего сайта.

Стилизация placeholder

@mixin placeholder {
  &.placeholder {
    @content
  }
  &:-moz-placeholder {
    @content
  }
  &::-webkit-input-placeholder {
    @content
  }
}

Transition

@mixin transition($property:all,$duration:.4s,$timing:ease-out,$delay:0s) {
  -webkit-transition: $property $duration $timing $delay;
  -moz-transition: $property $duration $timing $delay;
  -o-transition: $property $duration $timing $delay;
  transition: $property $duration $timing $delay;
}

Перевод пикселей в em

@function em($pixels, $context: $browser-context) {
	@return #{$pixels/$context}em;
}

 

Поделиться:
Подписаться
Уведомление о
0 Ваш комментарий
Inline Feedbacks
Смотреть все комментарии