tildes/tildes/scss/_mixins.scss

// Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later

// shrinks a font size by 0.1rem on mobile screen sizes
@mixin font-shrink-on-mobile($base-size) {
  font-size: $base-size - 0.1rem;
  @media (min-width: $size-md) {
    font-size: $base-size;
  }
}


// makes sure the element is the "minimum touch size" on mobile
@mixin min-touch-size() {
  min-width: $min-touch-size;
  min-height: $min-touch-size;
  @media (min-width: $size-md) {
    min-width: 0;
    min-height: 0;
  }
}