ivue-material-plus
Version:
A high quality UI components Library with Vue.js
1 lines • 1.97 kB
CSS
:root{--ivue-picker-radius:2px;--ivue-picker-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2),0 1px 1px 0 rgba(0, 0, 0, 0.14),0 1px 3px 0 rgba(0, 0, 0, 0.12);--ivue-picker-title-padding:16px;--ivue-picker-landscape-title-width:170px}.ivue-picker{border-radius:var(--ivue-picker-radius);contain:layout style;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:top}.ivue-picker-card{position:relative;border-radius:var(--ivue-picker-radius);min-width:0;-webkit-transition:.3s cubic-bezier(.4,0,.2,1);transition:.3s cubic-bezier(.4,0,.2,1);-webkit-box-shadow:var(--ivue-picker-shadow);box-shadow:var(--ivue-picker-shadow)}.ivue-picker-title{border-top-left-radius:var(--ivue-picker-radiu);border-top-right-radius:var(--ivue-picker-radiu);padding:var(--ivue-picker-title-padding);color:var(--ivue-white-color)}.ivue-picker-body{height:auto;overflow:hidden;position:relative;z-index:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ivue-picker-body>div{width:100%}.ivue-picker--fullWidth{display:-webkit-box;display:-ms-flexbox;display:flex}.ivue-picker--landscape .ivue-picker-title{position:absolute;top:0;left:0;height:100%;z-index:1;border-top-right-radius:0;border-bottom-right-radius:0;width:var(--ivue-picker-landscape-title-width)}.ivue-picker--landscape .ivue-picker-body{margin-left:var(--ivue-picker-landscape-title-width)}.ivue-picker-primary{background-color:var(--ivue-primary-color);border-color:var(--ivue-primary-color)}.ivue-picker-fade-enter-active,.ivue-picker-fade-leave-active{-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.ivue-picker-fade-enter-from,.ivue-picker-fade-leave-to{position:absolute;opacity:0}