@use "../variables" as var; @use "sass:map"; /// Media query: media type /// @param {String} $type - Media type: all, screen, print, retina. /// @example scss - `@media only screen` equivalent is: /// @include media("screen"); @mixin media($type) { @if $type == "retina" { $type: "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)"; } @else if $type == "screen" or $type == "print" { $type: "only #{$type}"; } @media #{$type} { @content; } } /// Media query: min-width / max-width or min-height / max-height /// @param {String} $from - min size breakpoint. /// @param {String} $until - max size breakpoint. /// @param {String} $kind - width or height. Default: width. /// @example scss - `@media (min-width: "md")` equivalent is: /// @include dimensions("md"); @mixin dimensions($from: null, $until: null, $kind: "width") { $query: ""; @if $from { @if type-of($from) == "string" { $size: map.get(var.$breakpoints, $from); @if $kind == "width" { $query: "(min-width: #{$size})"; } @else if $kind == "height" { $query: "(min-height: #{$size})"; } @else { @error "`$kind` must be either width or height."; } } @else { @error "`$from` must be a string."; } } @if $from and $until { $query: $query + " and "; } @if $until { @if type-of($until) == "string" { $size: map.get(var.$breakpoints, $until); $size: calc(#{$size} - 1px); @if $kind == "width" { $query: $query + "(max-width: #{$size})"; } @else if $kind == "height" { $query: $query + "(max-height: #{$size})"; } @else { @error "`$kind` must be either width or height."; } } @else { @error "`$until` must be a string."; } } @media #{$query} { @content; } } /// Media query: prefers-reduced-motion /// @param {String} $value - Media query value: `no-preference` or `reduce`. /// @example scss - @media (prefers-reduced-motion: "reduce") equivalent is: /// @include motion("reduce"); @mixin motion($value) { @if $value == "no-preference" or $value == "reduce" { @media (prefers-reduced-motion: #{$value}) { @content; } } @else { @error "Allowed values are `no-preference` and `reduce`."; } } /// Media query: any-pointer /// @param {String} $value - Media query value: `fine`, `coarse` or `none`. /// @example scss - @media (any-pointer: "fine") equivalent is: /// @include pointer("fine"); @mixin pointer($value) { @if $value == "fine" or $value == "coarse" or $value == "none" { @media (any-pointer: #{$value}) { @content; } } @else { @error "Allowed values are `fine`, `coarse` and `none`."; } } d78291664b3880caa73ffdae'>root/public/prism/prism-puppet.min.js

blob: 5f21dba657e210e516f415965fc230ac92de133a (plain)