Просмотр исходного кода

New height for <header> element

@soyjavi 14 лет назад
Родитель
Сommit
96c4784851

+ 2 - 2
src/stylesheets/css/Lungo.layout.article.css

@@ -1,8 +1,8 @@
 article{position:absolute;width:100% !important;height:auto;top:0px;bottom:0px;visibility:hidden;z-index:0;}article.current{visibility:visible;z-index:1;}
 article{position:absolute;width:100% !important;height:auto;top:0px;bottom:0px;visibility:hidden;z-index:0;}article.current{visibility:visible;z-index:1;}
 article .title{font-size:1.1em;margin:0px 0 4px;}article .title .icon{margin-right:4px;}
 article .title{font-size:1.1em;margin:0px 0 4px;}article .title .icon{margin-right:4px;}
 article .text{margin:4px 0 8px;display:block;font-size:0.9em;font-weight:normal;line-height:1.4em;}
 article .text{margin:4px 0 8px;display:block;font-size:0.9em;font-weight:normal;line-height:1.4em;}
-header:not(.extended)~article{top:40px;}
+header:not(.extended)~article{top:42px;}
 header.extended~article{top:75px;}
 header.extended~article{top:75px;}
 footer:not(.toolbar)~article{bottom:40px;}
 footer:not(.toolbar)~article{bottom:40px;}
 footer.toolbar~article{bottom:48px;}
 footer.toolbar~article{bottom:48px;}
-@media handheld, only screen and (min-width: 768px){article.aside{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}}
+@media handheld, only screen and (min-width: 768px){article.aside{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}}

Разница между файлами не показана из-за своего большого размера
+ 8 - 8
src/stylesheets/css/Lungo.layout.css


+ 3 - 1
src/stylesheets/less/Lungo.layout.article.less

@@ -8,6 +8,8 @@
  */
  */
 
 
 @import "mixins.less";
 @import "mixins.less";
+@import "constants.less";
+
 
 
 @defaultTrasition : @easeOutSine;
 @defaultTrasition : @easeOutSine;
 @header_footer_height: 40px;
 @header_footer_height: 40px;
@@ -45,7 +47,7 @@ article {
 	}	
 	}	
 }
 }
 		
 		
-header:not(.extended) ~ article { top: @header_footer_height; }	
+header:not(.extended) ~ article { top: @header-height; }	
 	header.extended ~ article { top: @header_extended_height; }		
 	header.extended ~ article { top: @header_extended_height; }		
 footer:not(.toolbar) ~ article { bottom: @header_footer_height; }
 footer:not(.toolbar) ~ article { bottom: @header_footer_height; }
 	footer.toolbar ~ article { bottom: @footer_toolbar_height; }
 	footer.toolbar ~ article { bottom: @footer_toolbar_height; }

+ 2 - 2
src/stylesheets/less/Lungo.layout.less

@@ -113,7 +113,7 @@ header, footer  {
 	display: block;
 	display: block;
 	
 	
 	z-index: 2;
 	z-index: 2;
-	line-height: 39px;
+	line-height: @header-height;
 }
 }
 
 
 header  {
 header  {
@@ -145,7 +145,7 @@ header .title {
 }
 }
 
 
 section header a.button, section footer a.button  {
 section header a.button, section footer a.button  {
-	margin: 3px 1px 0px;
+	margin: 5px 1px 0px;
 	/*
 	/*
 	&:first-of-type { margin-left: 4px; }	
 	&:first-of-type { margin-left: 4px; }	
 	&:last-child { margin-right: 4px; }
 	&:last-child { margin-right: 4px; }