Use prettier for SCSS (#3895)

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / adLocation.scss

diff --git a/wcfsetup/install/files/style/ui/adLocation.scss b/wcfsetup/install/files/style/ui/adLocation.scss
index 90e22aaa23dd56cc364506798f3117cbd55785df..80dc1bb65e2235979939eb27cbc64b337b07afb5 100644 (file)
--- a/wcfsetup/install/files/style/ui/adLocation.scss
+++ b/wcfsetup/install/files/style/ui/adLocation.scss
@@ -7,7 +7,7 @@
                float: right;
                margin-left: 30px;
        }
-       
+
        @include screen-md-down {
                display: none;
        }
@@ -27,9 +27,72 @@
 .wcfAdLocationSidebarTop,
 .wcfAdLocationSidebarBottom {
        text-align: center;
-       
+
        > div {
                display: inline-block;
                text-align: left;
        }
 }
+
+/* placeholder sizes, required for Google AdSense */
+@include screen-lg {
+       .wcfAdLocationLogo .adsbygoogle {
+               // banner
+               height: 60px;
+               width: 468px;
+       }
+}
+
+.wcfAdLocationHeaderContent,
+.wcfAdLocationFooterContent {
+       .adsbygoogle {
+               @include screen-xs {
+                       // mobile leaderboard
+                       height: 50px;
+                       width: 320px;
+               }
+
+               @include screen-sm-up {
+                       // banner
+                       height: 60px;
+                       width: 468px;
+               }
+       }
+}
+
+.wcfAdLocationFooterBottom .adsbygoogle {
+       @include screen-sm {
+               // banner
+               height: 60px;
+               width: 468px;
+       }
+
+       @include screen-md {
+               // leaderboard
+               height: 90px;
+               width: 728px;
+       }
+
+       @include screen-lg {
+               // large leaderboard
+               height: 90px;
+               width: 970px;
+       }
+}
+
+.wcfAdLocationSidebarTop,
+.wcfAdLocationSidebarBottom {
+       .adsbygoogle {
+               @include screen-md-down {
+                       // medium rectangle
+                       height: 250px;
+                       width: 300px;
+               }
+
+               @include screen-lg {
+                       // wide skyscraper
+                       height: 600px;
+                       width: 160px;
+               }
+       }
+}