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

New media query for [data-target="aside"]

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

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

@@ -19,10 +19,11 @@ nav a{display:inline-block;padding:0 6px;height:inherit;float:left;font-size:2.0
 nav a abbr{position:relative;bottom:3px;margin-left:2px;display:none;font-size:0.5em;font-weight:bold;}
 nav a abbr{position:relative;bottom:3px;margin-left:2px;display:none;font-size:0.5em;font-weight:bold;}
 nav a.current abbr{display:inline;}
 nav a.current abbr{display:inline;}
 nav a.current{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
 nav a.current{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
+[data-target="aside"]{display:none !important;}
 aside{position:absolute;top:0px;bottom:0px;width:256px;height:auto;padding-top:40px;}
 aside{position:absolute;top:0px;bottom:0px;width:256px;height:auto;padding-top:40px;}
 aside a{display:block;width:244px;height:40px;padding:0 6px;font-size:1.1em;font-weight:bold;line-height:40px;}
 aside a{display:block;width:244px;height:40px;padding:0 6px;font-size:1.1em;font-weight:bold;line-height:40px;}
 aside a .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 .icon{width:28px;height:28px;float:left;margin:8px 6px 0 0;font-size:1.9em;line-height:1.0em;text-align:center;}
-@media handheld, only screen and (max-width: 768px){article{-webkit-transition:left 0.3s ease-in-out;} aside{width:0px;} aside.show{width:256px;}}article{position:absolute;width:100%;height:auto;top:0px;bottom:0px;display:block;z-index:0;opacity:0;}
+@media handheld, only screen and (max-width: 768px){article{-webkit-transition:left 0.3s ease-in-out;} [data-target="aside"]{display:inline !important;} aside{width:0px;} aside.show{width:256px;}}article{position:absolute;width:100%;height:auto;top:0px;bottom:0px;display:block;z-index:0;opacity:0;}
 article.current{z-index:1;opacity:1;}
 article.current{z-index:1;opacity:1;}
 .toolbar{height:48px;line-height:44px;display:block;}
 .toolbar{height:48px;line-height:44px;display:block;}
 .toolbar a{float:left;padding:0;font-size:2.0em;}
 .toolbar a{float:left;padding:0;font-size:2.0em;}

+ 0 - 12
src/stylesheets/css/Lungo.theme.default.css

@@ -181,16 +181,4 @@ input:focus, textarea:focus, select:focus {
   background-clip: padding-box;
   background-clip: padding-box;
 }
 }
 /* @end */
 /* @end */
-/* @group .counter (BETA) */
-.counter {
-  background: #ee2c23;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-  -webkit-background-clip: padding-box;
-  -moz-background-clip: padding;
-  background-clip: padding-box;
-  color: #fff;
-}
-/* @end */
 /* @end */
 /* @end */

+ 8 - 0
src/stylesheets/less/Lungo.layout.less

@@ -136,6 +136,10 @@ nav a.current {
 /* @end */
 /* @end */
 
 
 /* @group <aside> */
 /* @group <aside> */
+[data-target="aside"]{
+	display: none !important;
+}
+
 aside {
 aside {
 	position: absolute;
 	position: absolute;
 	top: 0px; 
 	top: 0px; 
@@ -173,6 +177,10 @@ aside a .icon {
     	-webkit-transition: left 0.3s ease-in-out;
     	-webkit-transition: left 0.3s ease-in-out;
 	}
 	}
 	
 	
+	[data-target="aside"]{
+		display: inline !important;
+	}
+	
 	aside {
 	aside {
     	width: 0px;
     	width: 0px;
 	}
 	}

+ 0 - 10
src/stylesheets/less/Lungo.theme.default.less

@@ -206,14 +206,4 @@ input:focus, textarea:focus, select:focus {
 	.border-radius(0 2px 2px 0);
 	.border-radius(0 2px 2px 0);
 }
 }
 /* @end */
 /* @end */
-	
-
-
-/* @group .counter (BETA) */
-.counter{
-	background: #ee2c23;
-	.border-radius(2px);
-	color: #fff;
-}
-/* @end */
 /* @end */
 /* @end */