_variables.scss 997 B

12345678910111213141516171819202122232425262728293031
  1. // 继承
  2. @import "../../../sass/bootstrap/functions";
  3. @import "../../../sass/variables/variables";
  4. @import "../../../sass/bootstrap/variables";
  5. // 按钮定义
  6. @import "../../../sass/bootstrap/mixins";
  7. @import "../theme/colors";
  8. $font-family-sans-serif: Nunito, Montserrat,system-ui,BlinkMacSystemFont,-apple-system,sans-serif;
  9. // 常用阴影颜色
  10. $shadow: 0 2px 4px 0 rgba(0,0,0,.08);
  11. $shadow-100: 0 3px 1px -2px rgba(0,0,0,.05), 0 2px 2px 0 rgba(0,0,0,.05), 0 1px 5px 1px rgba(0,0,0,.05);
  12. $shadow-150: 0 3px 1px -2px rgba(0,0,0,.065), 0 2px 2px 0 rgba(0,0,0,.065), 0 1px 5px 1px rgba(0,0,0,.065);
  13. $shadow-200: 0 3px 1px -2px rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.1), 0 1px 5px 1px rgba(0,0,0,.1);
  14. // 按钮阴影颜色
  15. $btn-white-shadow: $shadow-150;
  16. $btn-shadow: $shadow-100;
  17. $btn-shadow-hover: $shadow-200;
  18. $btn-group-btn-shadow: 0 2px 0 0 rgba(0,0,0,.08);
  19. // 菜单阴影
  20. $menu-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  21. $card-border-radius: .25rem;