/ mixins.import.less
mixins.import.less
1 // position 2 // .left { 3 // float: left; 4 // text-align: left; 5 // } 6 7 // .absolute-left { 8 // position: absolute; 9 // left: 0; 10 // } 11 12 // .right { 13 // float: right; 14 // text-align: right; 15 // } 16 // .absolute-right { 17 // position: absolute; 18 // right: 0; 19 // } 20 21 // .center { 22 // text-align: center; 23 // } 24 25 26 .dapp-clear-fix { 27 clear: both; 28 } 29 30 .dapp-overflow { 31 overflow-y: auto; 32 overflow-x: hidden; 33 -webkit-overflow-scrolling: touch; 34 } 35 36 .dapp-shorten-text { 37 display: inline-block; 38 -o-text-overflow: ellipsis; 39 text-overflow: ellipsis; 40 overflow: hidden; 41 white-space: nowrap; 42 max-width: 100%; 43 } 44 45 .dapp-button-reset { 46 background: none; 47 border: 0; 48 padding: 0; 49 margin: 0; 50 .box-sizing(content-box); 51 52 &:hover, 53 &:focus { 54 outline: 0; 55 } 56 } 57 58 .dapp-shadow-none { 59 .box-shadow(0 0 0 rgba(0,0,0,0)); 60 } 61 .dapp-shadow-small { 62 .box-shadow(0 0px 1px rgba(0,0,0,0.3)); 63 } 64 .dapp-shadow-medium { 65 .box-shadow(0 1px 4px rgba(0,0,0,0.3)); 66 } 67 .dapp-shadow-large { 68 .box-shadow(0 1px 16px rgba(0,0,0,0.3)); 69 } 70 71 72 .dapp-horizontal-menu, 73 .dapp-vertical-menu { 74 padding: 0; 75 margin: 0; 76 77 list-style: none; 78 } 79 .dapp-horizontal-menu { 80 > li { 81 display: inline-block; 82 padding: 0; 83 margin: 0; 84 } 85 } 86 .dapp-vertical-menu { 87 > li { 88 display: block; 89 padding: 0; 90 margin: 0; 91 } 92 } 93 94 95 // ANIMATIONS 96 .cubic-bezier { 97 // .transition-timing-function(cubic-bezier(0,0,.58,1)); 98 .transition-timing-function(cubic-bezier(.15,.3,.1,1)); 99 100 &.animate { 101 // .transition-timing-function(cubic-bezier(.42,0,1,1)); 102 .transition-timing-function(cubic-bezier(.5,.1,0.2,1)); 103 } 104 }