説明なし
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

_mixins.scss 838B

1234567891011121314151617181920212223242526272829303132333435363738
  1. @mixin transition($time) {
  2. transition: all $time;
  3. }
  4. @mixin transform($value) {
  5. transform: $value;
  6. }
  7. @mixin border-radius($value) {
  8. border-radius: $value;
  9. }
  10. // Placeholder Mixins
  11. @mixin placeholder {
  12. &::placeholder {
  13. @content;
  14. }
  15. }
  16. // media queries
  17. $units: 1px !default;
  18. @mixin max-screen($res-first, $res-last: $res-first) {
  19. @if $res-first == $res-last {
  20. @media screen and (max-width: if(unitless($res-first), $res-first*$units, $res-first)) {
  21. @content;
  22. }
  23. } @else if $res-first < $res-last {
  24. @media screen and (min-width: if(unitless($res-first), $res-first*$units, $res-first)) and (max-width: if(unitless($res-last), $res-last*$units, $res-last)) {
  25. @content;
  26. }
  27. }
  28. }
  29. @mixin min-screen($res) {
  30. @media screen and (min-width: if(unitless($res), $res*$units, $res)) {
  31. @content;
  32. }
  33. }