//color opacity @mixin color($color: #777777,$opacity: 1) color: rgba($color, $opacity) //hover-second @mixin hover-second($s:.3s) transition-timing-function: ease transition-duration: $s // transition-property: color,background-color //hover-second @mixin hover-second-o($s:.3s) transition: opacity $s ease //icon @mixin icon($img: icon,$p: 0px 0px,$size: 100px 100px) background-size: $size background-repeat: no-repeat background-image: url($path+$img+".png") background-position: $p @mixin row($l: 1.2em,$r: 2) line-height: $l display: -webkit-box text-overflow : ellipsis -webkit-line-clamp: $r -webkit-box-orient: vertical overflow: hidden max-height: $l*$r @mixin border-radius($r: 3px) -webkit-border-radius: $r border-radius: $r @mixin opacity($o: .8) opacity: $o @mixin effect($y: 100px ,$s: .3s) animation: animationscroll 2s @keyframes animationscroll 0% transform: translateY(0px) 100% transform: translateY($y)