47eae52ea9ff36bbdaa6487221dea94192c2a5c11d0a3343354276001e6225a3ddf771b21dda18c73549c2870c6c9adb2d8395ff93c4f4e8483c0729476424 659 B

1234567891011121314151617181920212223242526272829303132
  1. @import "mixins/mixins";
  2. @import "common/var";
  3. @include b(card) {
  4. border-radius: $--card-border-radius;
  5. border: 1px solid $--card-border-color;
  6. background-color: $--color-white;
  7. overflow: hidden;
  8. color: $--color-text-primary;
  9. transition: 0.3s;
  10. @include when(always-shadow) {
  11. box-shadow: $--box-shadow-light;
  12. }
  13. @include when(hover-shadow) {
  14. &:hover,
  15. &:focus {
  16. box-shadow: $--box-shadow-light;
  17. }
  18. }
  19. @include e(header) {
  20. padding: #{$--card-padding - 2 $--card-padding};
  21. border-bottom: 1px solid $--card-border-color;
  22. box-sizing: border-box;
  23. }
  24. @include e(body) {
  25. padding: $--card-padding;
  26. }
  27. }