1 @keyframes wcfPopover {
2 0% { visibility: visible; transform: translateY(-20px); opacity: 0; }
3 100% { visibility: visible; transform: translateY(0); opacity: 1; }
6 @keyframes wcfPopoverOut {
7 0% { visibility: visible; transform: translateY(0); opacity: 1; }
8 100% { visibility: hidden; transform: translateY(-20px); opacity: 0; }
11 /* outer element containing both the pointer and content element */
13 animation: wcfPopoverOut .3s;
14 animation-fill-mode: forwards;
15 background-color: $wcfContentBackground;
17 box-shadow: 0 2px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
20 vertical-align: middle;
22 width: 500px !important;
26 animation: wcfPopover .3s;
27 animation-fill-mode: forwards;
39 @include screen-sm-down {
44 /* actual popover content */
46 background-color: $wcfContentBackground;
48 color: $wcfContentText;
58 color: $wcfContentLink;
61 color: $wcfContentLinkActive;