CSS: outsource .logo related rules into a new .less file `logo.less'

refs #10009
Icinga · Sep 25, 2015 · ed93569 · ed93569
1 parent cd319f8
commit ed93569
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 29 deletions.
diff --git a/library/Icinga/Web/StyleSheet.php b/library/Icinga/Web/StyleSheet.php
@@ -28,6 +28,7 @@ class StyleSheet
         'css/icinga/pagination.less',
         'css/icinga/selection-toolbar.less',
         'css/icinga/login.less',
+        'css/icinga/logo.less',
         'css/icinga/controls.less'
     );
 

diff --git a/public/css/icinga/layout-structure.less b/public/css/icinga/layout-structure.less
@@ -280,9 +280,6 @@ html {
   }
 
   #login {
-    .logo .image img {
-      width: 70%;
-    }
     .form {
       width: 100%;
       margin: auto;

diff --git a/public/css/icinga/login.less b/public/css/icinga/login.less
@@ -4,37 +4,11 @@
   width: 100%;
   height: 100%;
 
-  .logo {
-    background-color: @colorPetrol;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 60%;
-    border-bottom: 1px solid #d9d9d9d;
-    text-align: center;
-    -webkit-box-shadow: 0 3px 7px -3px #000;
-    -moz-box-shadow: 0 3px 7px -3px #000;
-    box-shadow: 0 3px 7px -3px #000;
-  }
-
-  .image {
-    position: absolute;
-    bottom: 1em;
-    left: 0px;
-    right: 0px;
-    text-align: center;
-  }
-
   .error {
     margin-left:auto;
     margin-right:auto;
   }
 
-  .image img {
-    width: 375px;
-  }
-
   .form {
     position: absolute;
     font-size: 0.9em;

diff --git a/public/css/icinga/logo.less b/public/css/icinga/logo.less
@@ -0,0 +1,33 @@
+/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
+
+.logo {
+  background-color: @colorPetrol;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 60%;
+  border-bottom: 1px solid #d9d9d9d;
+  text-align: center;
+  -webkit-box-shadow: 0 3px 7px -3px #000;
+  -moz-box-shadow: 0 3px 7px -3px #000;
+  box-shadow: 0 3px 7px -3px #000;
+
+  .image {
+    position: absolute;
+    bottom: 1em;
+    left: 0px;
+    right: 0px;
+    text-align: center;
+
+    img {
+      width: 375px;
+    }
+  }
+}
+
+#layout.minimal-layout {
+  .logo .image img {
+    width: 70%;
+  }
+}