Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / popover.scss
index 0c3b9632c5898674ac07c2795f05a28efb9ca234..347546393b22c712c0bf5478fbffd60f3ffec35f 100644 (file)
@@ -1,41 +1,57 @@
 @keyframes wcfPopover {
-       0%   { visibility: visible; transform: translateY(-20px); opacity: 0; }
-       100% { visibility: visible; transform: translateY(0);     opacity: 1; }
+       0% {
+               visibility: visible;
+               transform: translateY(-20px);
+               opacity: 0;
+       }
+       100% {
+               visibility: visible;
+               transform: translateY(0);
+               opacity: 1;
+       }
 }
 
 @keyframes wcfPopoverOut {
-       0%   { visibility: visible; transform: translateY(0);     opacity: 1; }
-       100% { visibility: hidden;  transform: translateY(-20px); opacity: 0; }
+       0% {
+               visibility: visible;
+               transform: translateY(0);
+               opacity: 1;
+       }
+       100% {
+               visibility: hidden;
+               transform: translateY(-20px);
+               opacity: 0;
+       }
 }
 
 /* outer element containing both the pointer and content element */
 .popover {
-       animation: wcfPopoverOut .3s;
+       animation: wcfPopoverOut 0.3s;
        animation-fill-mode: forwards;
        background-color: $wcfContentBackground;
        border-radius: 2px;
-       box-shadow: 0 2px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        position: absolute;
        top: 0;
        vertical-align: middle;
        visibility: hidden;
        width: 500px !important;
        z-index: 500;
-       
+
        &.active {
-               animation: wcfPopover .3s;
+               animation: wcfPopover 0.3s;
                animation-fill-mode: forwards;
        }
-       
+
        &.forceHide {
                animation: 0;
                visibility: hidden;
        }
-       
+
        > .elementPointer {
                display: none;
        }
-       
+
        @include screen-sm-down {
                display: none;
        }
        border-radius: 3px;
        color: $wcfContentText;
        padding: 15px;
-       
+
        > div {
                max-height: 290px;
                min-height: 36px;
                overflow: hidden;
        }
-       
+
        a {
                color: $wcfContentLink;
-               
+
                &:hover {
                        color: $wcfContentLinkActive;
                }
        }
-       
+
        /* Workaround for the partially active mobile navigation on desktop devices. See #2791 */
        .jsMobileButtonGroupNavigation > .dropdownLabel {
                display: none;