_notice.scss in magic_stylez-0.0.0.45

- old
+ new

@@ -33,11 +33,20 @@
 	position: fixed;
 	top: $application-notice-top; left: $application-notice-gap; right: $application-notice-gap;
 	z-index: $zindex-application-notice;
 }
 
+@mixin calculate_notice_top( $that-header-height: 50px ) {
+    padding-top: $important-notice-height + $that-header-height;
+    .application_notice { top: $application-notice-top + $important-notice-height + $that-header-height; }
+    &.fixed-sub-nav {
+        padding-top: $important-notice-height + $that-header-height + $subnav-height;
+        .application_notice { top: $application-notice-top + $important-notice-height + $that-header-height + $subnav-height; }
+    }
+}
 
+
 body, #body, #container, .main-content, .main_content {
     
     &.fixed-nav-xs { .application_notice { top: $application-notice-top + $navbar-height-xs; } }
     &.fixed-nav-sm { .application_notice { top: $application-notice-top + $navbar-height-sm; } }
     &.fixed-nav    { .application_notice { top: $application-notice-top + $navbar-height; } }
@@ -48,28 +57,32 @@
         
         padding-top: $important-notice-height;
         
         .application_notice { top: $application-notice-top + $important-notice-height; }
         
-        &.fixed-nav-xs { 
-            padding-top: $important-notice-height + $navbar-height-xs;
-            .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-xs; }
+        &.fixed-nav-xs { @include calculate_notice_top( $navbar-height-xs ); 
+            // padding-top: $important-notice-height + $navbar-height-xs;
+            // .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-xs; }
+            // &.fixed-sub-nav {
+            //     padding-top: $important-notice-height + $navbar-height-xs;
+            //     .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-xs; }
+            // }
         }
-    	&.fixed-nav-sm { 
-    	    padding-top: $important-notice-height + $navbar-height-sm; 
-    	    .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-sm; }
+    	&.fixed-nav-sm { @include calculate_notice_top( $navbar-height-sm );
+    	    // padding-top: $important-notice-height + $navbar-height-sm; 
+    	    // .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-sm; }
     	}
-    	&.fixed-nav    { 
-    	    padding-top: $important-notice-height + $navbar-height; 
-    	    .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height; }
+    	&.fixed-nav    { @include calculate_notice_top( $navbar-height );
+    	    // padding-top: $important-notice-height + $navbar-height; 
+    	    // .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height; }
     	}
-    	&.fixed-nav-lg { 
-    	    padding-top: $important-notice-height + $navbar-height-lg;
-    	    .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-lg; }
+    	&.fixed-nav-lg { @include calculate_notice_top( $navbar-height-lg );
+    	    // padding-top: $important-notice-height + $navbar-height-lg;
+    	    // .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-lg; }
     	}
-    	&.fixed-nav-xl { 
-    	    padding-top: $important-notice-height + $navbar-height-xl; 
-    	    .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-xl; }
+    	&.fixed-nav-xl { @include calculate_notice_top( $navbar-height-xl );
+    	    // padding-top: $important-notice-height + $navbar-height-xl; 
+    	    // .application_notice { top: $application-notice-top + $important-notice-height + $navbar-height-xl; }
     	}
     	
     	.fixed-top, .navbar-fixed-top { top: $important-notice-height; }
         
     }