Opacity

Classes related to opacity and hover states.

• .opaci-0 {opacity: 0 }.opaci-5 {opacity: 0.05}.opaci-10 {opacity: 0.10}
  .opaci-20 {opacity: 0.2 }
  .opaci-15 {opacity: 0.15}.opaci-25 {opacity: 0.25}.opaci-50 {opacity: 0.5}
  .opaci-75 {opacity: 0.75}.opaci-30 {opacity: 0.3}.opaci-40 {opacity: 0.4}
  
  .opaci-chov-75,.opaci-chov-50,.opaci-chov-25,.opaci-chov-10,.opaci-chov-5,
  .opaci-chov--75,.opaci-chov--50,.opaci-chov--25,.opaci-chov--10,.opaci-chov--5{
  	cursor: pointer !important;
  }
  .opaci-chov-75:hover , .opaci-hov-75:hover {opacity: 1}  .opaci-hov-75 {opacity: 0.75}
  .opaci-chov-50:hover , .opaci-hov-50:hover {opacity: 1}  .opaci-hov-50 {opacity: 0.5}
  .opaci-chov-25:hover , .opaci-hov-25:hover {opacity: 1}  .opaci-hov-25 {opacity: 0.25}
  .opaci-chov-10:hover , .opaci-hov-10:hover {opacity: 1}  .opaci-hov-10 {opacity: 0.1}
  .opaci-chov-5:hover , .opaci-hov-5:hover {opacity: 0.5}  .opaci-hov-5 {opacity: 0.05}
  .opaci-chov--100:hover , .opaci-hov--100:hover {opacity: 1 }  .opaci-hov--100 {opacity: 1}
  .opaci-chov--75:hover , .opaci-hov--75:hover {opacity: 0.75 }  .opaci-hov--75 {opacity: 1}
  .opaci-chov--50:hover , .opaci-hov--50:hover {opacity: 0.5 }  .opaci-hov--50 {opacity: 1}
  .opaci-chov--25:hover , .opaci-hov--25:hover {opacity: 0.25 }  .opaci-hov--25 {opacity: 1}
  .opaci-chov--10:hover , .opaci-hov--10:hover {opacity: 0.1 }  .opaci-hov--10 {opacity: 1}
  .opaci-chov--5:hover , .opaci-hov--5:hover {opacity: 0.05 }  .opaci-hov--10 {opacity: 1}
  
  .opaci-cahov-75:hover .opaci-cbhov-75, .opaci-ahov-75:hover .opaci-bhov-75 {opacity: 1}
  .opaci-cahov-75 .opaci-cbhov-75, .opaci-ahov-75 .opaci-bhov-75 {opacity: 0.75}
  .opaci-cahov-50:hover .opaci-cbhov-50, .opaci-ahov-50:hover .opaci-bhov-50 {opacity: 1}
  .opaci-cahov-50 .opaci-cbhov-50, .opaci-ahov-50 .opaci-bhov-50 {opacity: 0.5}
  .opaci-cahov-25:hover .opaci-cbhov-25, .opaci-ahov-25:hover .opaci-bhov-25 {opacity: 1}
  .opaci-cahov-25 .opaci-cbhov-25, .opaci-ahov-25 .opaci-bhov-25 {opacity: 0.25}
  .opaci-cahov-10:hover .opaci-cbhov-10, .opaci-ahov-10:hover .opaci-bhov-10 {opacity: 1}
  .opaci-cahov-10 .opaci-cbhov-10, .opaci-ahov-10 .opaci-bhov-10 {opacity: 0.1}
  .opaci-cahov-5:hover .opaci-cbhov-5, .opaci-ahov-5:hover .opaci-bhov-5 {opacity: 1}
  .opaci-cahov-5 .opaci-cbhov-5, .opaci-ahov-5 .opaci-bhov-5 {opacity: 0.05}
  .opaci-cahov-0:hover .opaci-cbhov-0, .opaci-ahov-0:hover .opaci-bhov-0 {opacity: 1}
  .opaci-cahov-0 .opaci-cbhov-0, .opaci-ahov-0 .opaci-bhov-0 {opacity: 0}
  
  .opaci-cahov--75:hover .opaci-cbhov--75, .opaci-ahov--75:hover .opaci-bhov--75 {opacity: 0.75}
  .opaci-cahov--75 .opaci-cbhov--75, .opaci-ahov--75 .opaci-bhov--75 {opacity: 1}
  .opaci-cahov--50:hover .opaci-cbhov--50, .opaci-ahov--50:hover .opaci-bhov--50 {opacity: 0.5}
  .opaci-cahov--50 .opaci-cbhov--50, .opaci-ahov--50 .opaci-bhov--50 {opacity: 1}
  .opaci-cahov--25:hover .opaci-cbhov--25, .opaci-ahov--25:hover .opaci-bhov--25 {opacity: 0.25}
  .opaci-cahov--25 .opaci-cbhov--25, .opaci-ahov--25 .opaci-bhov--25 {opacity: 1}
  .opaci-cahov--10:hover .opaci-cbhov--10, .opaci-ahov--10:hover .opaci-bhov--10 {opacity: 0.1}
  .opaci-cahov--10 .opaci-cbhov--10, .opaci-ahov--10 .opaci-bhov--10 {opacity: 1}
  .opaci-cahov--5:hover .opaci-cbhov--5, .opaci-ahov--5:hover .opaci-bhov--5 {opacity: 0.05}
  .opaci-cahov--5 .opaci-cbhov--5, .opaci-ahov--5 .opaci-bhov--5 {opacity: 1}
  .opaci-cahov--0:hover .opaci-cbhov--0, .opaci-ahov--0:hover .opaci-bhov--0 {opacity: 0}
  .opaci-cahov--0 .opaci-cbhov--0, .opaci-ahov--0 .opaci-bhov--0 {opacity: 1}
  
  .opaci-cahov--75 , .opaci-cahov--75 .opaci-cbhov--75,
  .opaci-cahov--50 , .opaci-cahov--50 .opaci-cbhov--50,
  .opaci-cahov--25 , .opaci-cahov--25 .opaci-cbhov--25,
  .opaci-cahov--10 , .opaci-cahov--10 .opaci-cbhov--10,
  .opaci-cahov--5 , .opaci-cahov--5 .opaci-cbhov--5,
  .opaci-cahov--0 , .opaci-cahov--0 .opaci-cbhov--0 {
  	cursor: pointer;
  }