_mixins.scss 495 B

123456789101112131415161718192021
  1. @import './mixins/editing';
  2. @import './mixins/fluid-layout';
  3. @import './mixins/share-link';
  4. @mixin apply-navigation-transition() {
  5. transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  6. transition-duration: 300ms;
  7. }
  8. @mixin grw-skeleton-text($font-size, $line-height) {
  9. height: $line-height;
  10. padding: (($line-height - $font-size) * 0.5) 0;
  11. }
  12. @mixin grw-skeleton-h3 {
  13. @include grw-skeleton-text(21px, 30px);
  14. }
  15. @mixin grw-skeleton-h5 {
  16. @include grw-skeleton-text(16px, 18px);
  17. }