| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- /* Cell Component */
- /* Header Component */
- /* Button Component */
- /* Tab Item Component */
- /* Tabbar Component */
- /* Navbar Component */
- /* Checklist Component */
- /* Radio Component */
- /* z-index */
- .mint-cell {
- background-color:#fff;
- box-sizing:border-box;
- color:inherit;
- min-height:48px;
- display:block;
- overflow:hidden;
- position:relative;
- text-decoration:none;
- }
- .mint-cell img {
- vertical-align:middle;
- }
- .mint-cell:first-child .mint-cell-wrapper {
- background-origin:border-box;
- }
- .mint-cell:last-child {
- background-image:-webkit-linear-gradient(bottom, #d9d9d9, #d9d9d9 50%, transparent 50%);
- background-image:linear-gradient(0deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
- background-size:100% 1px;
- background-repeat:no-repeat;
- background-position:bottom;
- }
- .mint-cell-wrapper {
- background-image:-webkit-linear-gradient(top, #d9d9d9, #d9d9d9 50%, transparent 50%);
- background-image:linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
- background-size: 120% 1px;
- background-repeat: no-repeat;
- background-position: top left;
- background-origin: content-box;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- font-size: 16px;
- line-height: 1;
- min-height: inherit;
- overflow: hidden;
- padding: 0 10px;
- width: 100%;
- }
- .mint-cell-mask {}
- .mint-cell-mask::after {
- background-color:#000;
- content:" ";
- opacity:0;
- top:0;
- right:0;
- bottom:0;
- left:0;
- position:absolute;
- }
- .mint-cell-mask:active::after {
- opacity:.1;
- }
- .mint-cell-text {
- vertical-align: middle;
- }
- .mint-cell-label {
- color: #888;
- display: block;
- font-size: 12px;
- margin-top: 6px;
- }
- .mint-cell-title {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
- .mint-cell-value {
- color: #888;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .mint-cell-value.is-link {
- margin-right:24px;
- }
- .mint-cell-left {
- position: absolute;
- height: 100%;
- left: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- .mint-cell-right {
- position: absolute;
- height: 100%;
- right: 0;
- top: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
- .mint-cell-allow-right::after {
- border: solid 2px #c8c8cd;
- border-bottom-width: 0;
- border-left-width: 0;
- content: " ";
- top:50%;
- right:20px;
- position: absolute;
- width:5px;
- height:5px;
- -webkit-transform: translateY(-50%) rotate(45deg);
- transform: translateY(-50%) rotate(45deg);
- }
|