|
- .i-tabs {
- display: flex;
- width: 100%;
- height: 42px;
- line-height: 42px;
- box-sizing: border-box;
- position: relative;
- justify-content: space-around;
- align-items: center;
- -webkit-box-align: center;
- background: #fff
- }
-
- .i-tabs::after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 200%;
- height: 200%;
- transform: scale(.5);
- transform-origin: 0 0;
- pointer-events: none;
- box-sizing: border-box;
- border: 0 solid #e9eaec;
- border-bottom-width: 1px
- }
-
- .i-tabs-scroll {
- display: block;
- overflow-x: auto;
- white-space: nowrap;
- box-shadow:0 0 2px 0 rgba(211,211,211,0.50);
- }
-
- .i-tabs-fixed {
- position: fixed;
- top: 0;
- z-index: 2
- }
|