option-group.scss 620 B

123456789101112131415161718192021222324252627282930313233
  1. @use 'sass:map';
  2. @use 'mixins/mixins' as *;
  3. @use 'common/var' as *;
  4. @include b(select-group) {
  5. $gap: 20px;
  6. margin: 0;
  7. padding: 0;
  8. @include e(wrap) {
  9. position: relative;
  10. list-style: none;
  11. margin: 0;
  12. padding: 0;
  13. }
  14. @include e(title) {
  15. box-sizing: border-box;
  16. padding: 0 $gap;
  17. font-size: map.get($select-group, 'font-size');
  18. color: map.get($select-group, 'text-color');
  19. line-height: map.get($select-group, 'height');
  20. overflow: hidden;
  21. text-overflow: ellipsis;
  22. white-space: nowrap;
  23. }
  24. & .#{$namespace}-select-dropdown__item {
  25. padding-left: $gap;
  26. }
  27. }