123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- /**
- * Entry of basic styles
- */
- @import './var.less';
- @import './css-variables.less';
- @import './normalize.less';
- @import './animation.less';
- @import './mixins/clearfix.less';
- @import './mixins/ellipsis.less';
- @import './mixins/hairline.less';
- .van-clearfix {
- .clearfix();
- }
- .van-ellipsis {
- .ellipsis();
- }
- .van-multi-ellipsis--l2 {
- .multi-ellipsis(2);
- }
- .van-multi-ellipsis--l3 {
- .multi-ellipsis(3);
- }
- .van-safe-area-top {
- padding-top: constant(safe-area-inset-top);
- padding-top: env(safe-area-inset-top);
- }
- .van-safe-area-bottom {
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- }
- .van-haptics-feedback {
- cursor: pointer;
- &:active {
- opacity: var(--van-active-opacity);
- }
- }
- [class*='van-hairline'] {
- &::after {
- .hairline();
- }
- }
- .van-hairline {
- &,
- &--top,
- &--left,
- &--right,
- &--bottom,
- &--surround,
- &--top-bottom {
- position: relative;
- }
- &--top::after {
- border-top-width: @border-width-base;
- }
- &--left::after {
- border-left-width: @border-width-base;
- }
- &--right::after {
- border-right-width: @border-width-base;
- }
- &--bottom::after {
- border-bottom-width: @border-width-base;
- }
- &,
- &-unset {
- &--top-bottom::after {
- border-width: @border-width-base 0;
- }
- }
- &--surround::after {
- border-width: @border-width-base;
- }
- }
|