rishabhsrao/voxel

@mixin voxel-layout__page--with-transitions() {
  @include transition-duration($voxel-layout__page__transition-duration);
  @include transition-property($voxel-layout__page__transition-property);
  @include transition-timing-function($voxel-layout__page__transition-timing-function);
}

@mixin voxel-layout__page--inactive--with-filters() {
  @include filter(blur($voxel-layout__page__blur));
}

@mixin voxel-layout__content() {
  margin-left: auto;
  margin-right: auto;
  max-width: $voxel-layout__content__max-width;
  padding-left: $voxel-layout__content__padding--horizontal;
  padding-right: $voxel-layout__content__padding--horizontal;
}

@mixin voxel-layout__image() {
  display: block;
  margin-bottom: $voxel-layout__image__margin--vertical;
  max-width: 100%;
}