Commit f41f6181 authored by Chad Woolley's avatar Chad Woolley

WIP - comment unused css to fix lint problem

parent c475e808
Pipeline #118058944 passed with stages
in 15 minutes and 20 seconds
......@@ -7,84 +7,84 @@
}
/* From https://codepen.io/FezVrasta/pen/vWXQdq */
#pop {
transition: transform 0.2s ease-in-out;
}
#pop .popper {
background-image: linear-gradient(
to bottom,
rgba(49, 49, 47, 0.99),
#262625
);
background-repeat: repeat-x;
border-radius: 5px;
padding: 0 10px;
color: white;
line-height: 44px;
display: inline-block;
opacity: 0;
pointer-events: none;
}
#pop .popper--visible {
pointer-events: auto;
animation: pop-upwards 180ms forwards linear;
animation-delay: 0.2s;
transition: opacity 0s linear 0.2s;
}
#pop[x-placement="top"] {
margin-bottom: 7px;
}
#pop[x-placement="bottom"] {
margin-top: 7px;
}
#pop[x-placement="bottom"] .popper {
background-image: linear-gradient(to top, rgba(49, 49, 47, 0.99), #262625);
}
[x-arrow] {
position: absolute;
width: 14px;
height: 14px;
background-color: #262625;
transform: rotate(45deg);
z-index: -1;
}
[x-placement="top"] [x-arrow] {
margin-bottom: -7px;
bottom: 0;
}
[x-placement="bottom"] [x-arrow] {
margin-top: -7px;
top: 0;
}
@keyframes pop-upwards {
0% {
transform: matrix(0.97, 0, 0, 1, 0, 12);
opacity: 0;
}
20% {
transform: matrix(0.99, 0, 0, 1, 0, 2);
opacity: 0.7;
}
40% {
transform: matrix(1, 0, 0, 1, 0, -1);
opacity: 1;
}
70% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
//#pop {
// transition: transform 0.2s ease-in-out;
//}
//#pop .popper {
// background-image: linear-gradient(
// to bottom,
// rgba(49, 49, 47, 0.99),
// #262625
// );
// background-repeat: repeat-x;
// border-radius: 5px;
// padding: 0 10px;
// color: white;
// line-height: 44px;
// display: inline-block;
// opacity: 0;
// pointer-events: none;
//}
//#pop .popper--visible {
// pointer-events: auto;
// animation: pop-upwards 180ms forwards linear;
// animation-delay: 0.2s;
// transition: opacity 0s linear 0.2s;
//}
//#pop[x-placement="top"] {
// margin-bottom: 7px;
//}
//#pop[x-placement="bottom"] {
// margin-top: 7px;
//}
//#pop[x-placement="bottom"] .popper {
// background-image: linear-gradient(to top, rgba(49, 49, 47, 0.99), #262625);
//}
//
//[x-arrow] {
// position: absolute;
// width: 14px;
// height: 14px;
// background-color: #262625;
// transform: rotate(45deg);
// z-index: -1;
//}
//
//[x-placement="top"] [x-arrow] {
// margin-bottom: -7px;
// bottom: 0;
//}
//
//[x-placement="bottom"] [x-arrow] {
// margin-top: -7px;
// top: 0;
//}
//
//
//@keyframes pop-upwards {
// 0% {
// transform: matrix(0.97, 0, 0, 1, 0, 12);
// opacity: 0;
// }
//
// 20% {
// transform: matrix(0.99, 0, 0, 1, 0, 2);
// opacity: 0.7;
// }
//
// 40% {
// transform: matrix(1, 0, 0, 1, 0, -1);
// opacity: 1;
// }
//
// 70% {
// transform: matrix(1, 0, 0, 1, 0, 0);
// opacity: 1;
// }
//
// 100% {
// transform: matrix(1, 0, 0, 1, 0, 0);
// opacity: 1;
// }
//}
//
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment