_variables.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132
  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-180: 0 3px 1px -2px rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.08), 0 1px 5px 1px rgba(0,0,0,.08);
  14. $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);
  15. // 按钮阴影颜色
  16. $btn-white-shadow: $shadow-180;
  17. $btn-shadow: $shadow-100;
  18. $btn-shadow-hover: $shadow-200;
  19. $btn-group-btn-shadow: 0 2px 0 0 rgba(0,0,0,.08);
  20. // 菜单阴影
  21. $menu-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  22. $card-border-radius: .25rem;