@import "./ack-sizes";

.opacity-100 {opacity:1}
.opacity-90 {opacity:0.9}
.opacity-80 {opacity:0.8}
.opacity-75 {opacity:0.75}
.opacity-70 {opacity:0.7}
.opacity-60 {opacity:0.6}
.opacity-50, .opacity-half {opacity:0.5}
.opacity-40 {opacity:0.4}
.opacity-30 {opacity:0.3}
.opacity-25, .opacity-third {opacity:0.25}
.opacity-20 {opacity:0.2}
.opacity-10 {opacity:0.1}
.opacity-0 {opacity:0}

.active-opacity-100:active, .hover-opacity-100:hover {opacity:1}
.active-opacity-90:active, .hover-opacity-90:hover {opacity:0.9}
.active-opacity-80:active, .hover-opacity-80:hover {opacity:0.8}
.active-opacity-75:active, .hover-opacity-75:hover {opacity:0.75}
.active-opacity-70:active, .hover-opacity-70:hover {opacity:0.7}
.active-opacity-60:active, .hover-opacity-60:hover {opacity:0.6}
.active-opacity-50:active, .hover-opacity-50:hover, .active-opacity-half:active, .hover-opacity-half:hover {opacity:0.5}
.active-opacity-40:active, .hover-opacity-40:hover {opacity:0.4}
.active-opacity-30:active, .hover-opacity-30:hover {opacity:0.3}
.active-opacity-25:active, .hover-opacity-25:hover, .active-opacity-third:active, .hover-opacity-third:hover {opacity:0.25}
.active-opacity-20:active, .hover-opacity-20:hover {opacity:0.2}
.active-opacity-10:active, .hover-opacity-10:hover {opacity:0.1}
.active-opacity-0:active, .hover-opacity-0:hover {opacity:0}

.no-a-style, .no-a-style a {color:inherit}
.no-a-style, .no-a-style a, .no-a-style:hover, .no-a-style a:hover {text-decoration:inherit}

.cursor-pointer {cursor:pointer}



/* smooth scrolling for ios (kills touch to top) */
.touch-scroll{-webkit-overflow-scrolling: touch}

.overflow, .overflow-auto {
  @extend .touch-scroll;overflow:auto
}
.overflow-y, .overflow-y-auto {
  @extend .touch-scroll;overflow-y:auto
}
.overflow-x, .overflow-x-auto {
  @extend .touch-scroll;overflow-x:auto
}
.overflow-hidden{overflow:hidden}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-hidden{overflow-y:hidden}


.hide,.hidden,.display-none {display:none}
.visible, .visibility-visible {visibility:visible}
.invisible, .visibility-hidden {visibility:hidden}


.inline-block, .display-inline-block {display:inline-block}
.inline-table, .display-inline-table {display:inline-table}
.block, .display-block, .child-display-block > * {display:block}
.child-last-block > :last-child {display:block}

.rotate-45 {transform:rotate(45deg)}
.rotate-90 {transform:rotate(90deg)}
.rotate-135 {transform:rotate(135deg)}
.rotate-180 {transform:rotate(180deg)}