app/javascript/flavours/glitch/styles/_mixins.scss

   1 @mixin avatar-radius() {
   2   border-radius: $ui-avatar-border-size;
   3   background: transparent no-repeat;
   4   background-position: 50%;
   5   background-clip: padding-box;
   6 }
   7
   8 @mixin avatar-size($size:48px) {
   9   width: $size;
  10   height: $size;
  11   background-size: $size $size;
  12 }
  13
  14 @mixin single-column($media, $parent: '&') {
  15   .auto-columns #{$parent} {
  16     @media #{$media} {
  17       @content;
  18     }
  19   }
  20   .single-column #{$parent} {
  21     @content;
  22   }
  23 }
  24
  25 @mixin limited-single-column($media, $parent: '&') {
  26   .auto-columns #{$parent}, .single-column #{$parent} {
  27     @media #{$media} {
  28       @content;
  29     }
  30   }
  31 }
  32
  33 @mixin multi-columns($media, $parent: '&') {
  34   .auto-columns #{$parent} {
  35     @media #{$media} {
  36       @content;
  37     }
  38   }
  39   .multi-columns #{$parent} {
  40     @content;
  41   }
  42 }
  43
  44 @mixin fullwidth-gallery {
  45   &.full-width {
  46     margin-left: -14px;
  47     margin-right: -14px;
  48     width: inherit;
  49     max-width: none;
  50     height: 250px;
  51     border-radius: 0px;
  52   }
  53 }