_base.scss 976 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @charset "utf-8";
  2. @import "susy";
  3. @import "compass/layout/stretching";
  4. @import "compass/css3/border-radius";
  5. @import "compass/css3/background-size";
  6. //@import "memo";
  7. @import "breakpoint";
  8. @import "compass/layout/grid-background";
  9. @import "compass/typography/vertical_rhythm";
  10. @import "compass/css3/transform";
  11. @import "compass/layout";
  12. @import "compass/css3/flexbox";
  13. @import "compass/css3/text-shadow";
  14. @import "compass/typography/text/nowrap";
  15. $corner-radius: 4px;
  16. $susy: (
  17. container: 48em,
  18. columns: 6,
  19. gutters: 1/3
  20. );
  21. $bp-middle: 48em;
  22. $bp-small: 32em;
  23. $bp-tiny: 24em;
  24. @function em($px, $base: $base-font-size) {
  25. @return ($px / $base) * 1em;
  26. }
  27. @mixin text-size-adjust($value: none) {
  28. -webkit-text-size-adjust: $value;
  29. -moz-text-size-adjust: $value;
  30. -ms-text-size-adjust: $value;
  31. }
  32. $link-color: hsl(210, 50, 50);
  33. $abbr-color: scale-lightness(scale-saturation($link-color, 75%), -25%);
  34. $base-font-size: 16px;
  35. $base-line-height: $base-font-size * 1.75;