hairline.less 675 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @import './var';
  2. @import './mixins/hairline';
  3. [class*='van-hairline'] {
  4. &::after {
  5. .hairline();
  6. }
  7. }
  8. .van-hairline {
  9. &,
  10. &--top,
  11. &--left,
  12. &--right,
  13. &--bottom,
  14. &--surround,
  15. &--top-bottom {
  16. position: relative;
  17. }
  18. &--top::after {
  19. border-top-width: @border-width-base;
  20. }
  21. &--left::after {
  22. border-left-width: @border-width-base;
  23. }
  24. &--right::after {
  25. border-right-width: @border-width-base;
  26. }
  27. &--bottom::after {
  28. border-bottom-width: @border-width-base;
  29. }
  30. &,
  31. &-unset {
  32. &--top-bottom::after {
  33. border-width: @border-width-base 0;
  34. }
  35. }
  36. &--surround::after {
  37. border-width: @border-width-base;
  38. }
  39. }