grid.scss 626 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .cl-grid {
  2. box-sizing: border-box;
  3. &::after,
  4. &::before {
  5. content: "";
  6. display: table;
  7. }
  8. &::after {
  9. clear: both;
  10. }
  11. &-item {
  12. float: left;
  13. box-sizing: border-box;
  14. position: relative;
  15. }
  16. &--border {
  17. border: 2rpx solid $cl-color-default;
  18. border-bottom: 0;
  19. border-right: 0;
  20. .cl-grid-item {
  21. &::before,
  22. &::after {
  23. content: "";
  24. position: absolute;
  25. display: block;
  26. background-color: $cl-color-default;
  27. }
  28. &::before {
  29. bottom: 0;
  30. left: 0;
  31. height: 2rpx;
  32. width: 100%;
  33. }
  34. &::after {
  35. right: 0;
  36. top: 0;
  37. height: 100%;
  38. width: 2rpx;
  39. }
  40. }
  41. }
  42. }