فهرست منبع

Changes in <aside> element

@soyjavi 14 سال پیش
والد
کامیت
d55580a8f8
2فایلهای تغییر یافته به همراه16 افزوده شده و 12 حذف شده
  1. 3 3
      src/stylesheets/css/Lungo.layout.css
  2. 13 9
      src/stylesheets/less/Lungo.layout.less

+ 3 - 3
src/stylesheets/css/Lungo.layout.css

@@ -24,10 +24,10 @@ aside.show{opacity:1;}
 header~aside{padding-top:40px;}
 footer~aside{padding-bottom:40px;}
 aside~article{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
-aside a{display:block;width:244px;height:40px;padding:0 6px;font-size:1.1em;font-weight:bold;line-height:40px;}
-aside .icon{width:28px;height:28px;float:left;margin:8px 6px 0 0;font-size:1.9em;line-height:1.0em;text-align:center;}
+aside a{display:block;width:244px;height:40px;padding:0 6px;font-size:15px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
+aside .icon{width:24px;float:left;margin:8px 4px 0 0;font-size:24px;line-height:24px;text-align:center;}
 aside .anchor{font-weight:bold;padding:3px 10px 4px;}
-aside .bubble{float:right;margin:12px 4px 0 0;}
+aside .bubble{float:right;font-size:11px;margin:12px 4px 0 0;}
 @media handheld, only screen and (min-width: 768px){[data-target="aside"]{display:none !important;} aside{opacity:1;} aside~article{width:auto !important;left:256px;right:0px !important;}}article{position:absolute;width:inherit;height:inherit;top:0px;bottom:0px;display:block;z-index:0;opacity:0;}
 header~article{top:40px;}
 header.extended~article{top:74px;}

+ 13 - 9
src/stylesheets/less/Lungo.layout.less

@@ -201,19 +201,22 @@ aside {
 		height: 40px;
 		padding: 0 6px;
 	
-		font-size: 1.1em;
-		font-weight: bold;
+		font-size: 15px;
 		line-height: 40px;
-	}
+		overflow: hidden;
+   		white-space: nowrap;
+  		text-overflow: ellipsis;
+  	}
 		aside .icon {
-			width: 28px;
-			height: 28px;
+			width: 24px;
+			//height: 28px;
 			float: left;
-			margin: 8px 6px 0 0;
-	
-		    font-size: 1.9em;
-		    line-height: 1.0em;
+			margin: 8px 4px 0 0;
+		
+			font-size: 24px;
+			line-height: 24px;
 		    text-align: center;
+		    
 		}
 		aside .anchor {
 			font-weight: bold;
@@ -221,6 +224,7 @@ aside {
 		}
 		aside .bubble {
 	    	float: right;
+	    	font-size: 11px;
 			margin: 12px 4px 0 0;
 		}