weui-grid.less 837 B

123456789101112131415161718192021222324252627282930313233343536
  1. @import "../../base/fn.less";
  2. .weui-grids {
  3. border-top: 1rpx solid @weuiGridBorderColor;
  4. border-left: 1rpx solid @weuiGridBorderColor;
  5. overflow: hidden;
  6. }
  7. .weui-grid {
  8. position: relative;
  9. float: left;
  10. padding: 20px 10px;
  11. width: 100% / @weuiGridColumnCount;
  12. box-sizing: border-box;
  13. border-right: 1rpx solid @weuiGridBorderColor;
  14. border-bottom: 1rpx solid @weuiGridBorderColor;
  15. &_active{
  16. background-color: @weuiBgColorActive;
  17. }
  18. }
  19. .weui-grid__icon {
  20. display: block;
  21. width: @weuiGridIconSize;
  22. height: @weuiGridIconSize;
  23. margin: 0 auto;
  24. }
  25. .weui-grid__label {
  26. margin-top: 5px;
  27. display: block;
  28. text-align: center;
  29. color: @weuiTextColorTitle;
  30. font-size: @weuiGridFontSize;
  31. white-space: nowrap;
  32. text-overflow: ellipsis;
  33. overflow: hidden;
  34. }