14 lat temu · 48b8f7d5f3
--- a/examples/test/app/sections/aside.html
+++ b/examples/test/app/sections/aside.html
@@ -1,4 +1,4 @@
 
				-<aside id="kitchen-sink-scroll" class="scrollable">
			
 
				+<aside id="kitchen-sink-scroll" class="scrollable current">
			
 
				     <div>
			
 
				         <div class="title">Select a option</div>
			
 
				         <a href="#nav-1" data-target="article" class="current" data-icon="clock">Alarm</a>
			
--- a/examples/test/index.html
+++ b/examples/test/index.html
@@ -39,10 +39,10 @@
 
				 <body class="app">
			
 
				 
			
 
				 
			
 
				-    <section id="test-1" class="pop">
			
 
				+    <section id="test-1" class="pop aside">
			
 
				         <header class="extended">
			
 
				             <nav class="onleft">
			
 
				-                <a href="#kitchen-sink-scroll" data-target="aside" data-icon="user"></a>
			
 
				+                <a href="#kitchen-sink-scroll" data-target="aside" class="autohide" data-icon="user"></a>
			
 
				             </nav>
			
 
				             <div class="onleft">
			
 
				                 <span class="title with-subtitle">Javi Jiménez Villar</span>
			
--- a/src/stylesheets/css/Lungo.layout.aside.css
+++ b/src/stylesheets/css/Lungo.layout.aside.css
--- a/src/stylesheets/css/Lungo.theme.default.css
+++ b/src/stylesheets/css/Lungo.theme.default.css
@@ -110,7 +110,8 @@ aside a {
 
				   border-bottom: 1px inset #222;
			
 
				   border-top: 1px inset rgba(255, 255, 255, 0.1);
			
 
				 }
			
 
				-aside a.current {
			
 
				+aside a.current,
			
 
				+aside a .icon {
			
 
				   color: #ffffff;
			
 
				 }
			
 
				 aside a .icon {
			
--- a/src/stylesheets/less/Lungo.layout.aside.less
+++ b/src/stylesheets/less/Lungo.layout.aside.less
@@ -52,7 +52,7 @@ aside {
 
				 		height: 40px;
			
 
				 
			
 
				 		font-size: 14px;
			
 
				-    	font-weight: bold;
			
 
				+    	//font-weight: bold;
			
 
				 		line-height: 40px;
			
 
				 		overflow: hidden;
			
 
				 		white-space: nowrap;
			
@@ -93,7 +93,9 @@ aside .anchor .bubble {
 
				 	}
			
 
				 
			
 
				 	@media handheld, only screen and (min-width: 768px) {
			
 
				-		[data-target="aside"] { display: none !important; }
			
 
				+		.autohide[data-target="aside"] { 
			
 
				+			display: none !important; 
			
 
				+		}
			
 
				 
			
 
				 		section.aside {
			
 
				 			width: auto !important;
			
--- a/src/stylesheets/less/Lungo.theme.default.less
+++ b/src/stylesheets/less/Lungo.theme.default.less
@@ -128,9 +128,7 @@ header nav {
 
				 aside {
			
 
				 	color: #9faab1;
			
 
				 	
			
 
				-    & .title {
			
 
				-    	background: #252525;
			
 
				-    		}
			
 
				+    & .title { background: #252525; }
			
 
				 
			
 
				     & a {
			
 
				     	color: #9faab1;
			
@@ -140,7 +138,7 @@ aside {
 
				 	    border-bottom: 1px inset #222;
			
 
				 		border-top: 1px inset rgba(255,255,255,0.1);
			
 
				 
			
 
				-		&.current {
			
 
				+		&.current, & .icon {
			
 
				     		//background: #1c1c1c;
			
 
				 			//box-shadow: inset 0px 0px 8px #101010;
			
 
				 			//border-top: 1px inset #1c1c1c;
			
@@ -412,7 +410,6 @@ input[type="range"] {
 
				 	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
			
 
				 	font-weight: bold !important;
			
 
				 	
			
 
				-	//border: solid 1px @white;
			
 
				 	box-shadow: 0 0 6px #000;	
			
 
				 	
			
 
				 	&.count { background: @background-main; }