Pārlūkot izejas kodu

Possibility of the default color in buttons with .default class

@soyjavi 14 gadi atpakaļ
vecāks
revīzija
833dd14115

+ 1 - 1
src/attributes/Lungo.Attributes.Data.js

@@ -42,6 +42,6 @@ LUNGO.Attributes.Data = {
     Back: {
         tag: 'back',
         selector: 'header, footer',
-        html: '<a href="#back" data-target="section" class="onleft button"><span class="icon {{value}}"></span></a>'
+        html: '<a href="#back" data-target="section" class="onleft button default"><span class="icon {{value}}"></span></a>'
     }
 };

+ 7 - 1
src/stylesheets/css/Lungo.theme.default.css

@@ -25,7 +25,7 @@ footer {
   text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
 }
 article {
-  background-color: #f9f9f9;
+  background-color: #ededed;
 }
 article .title {
   color: #797979;
@@ -163,6 +163,12 @@ footer .button:active {
   position: relative;
   top: 1px;
 }
+.button.default {
+  background: #5a5a5a;
+}
+.button.default:active, .button.default.active {
+  background: #4b4b4b;
+}
 /* @end */
 /* @group <inputs> */
 input, textarea, select {

+ 7 - 1
src/stylesheets/css/Lungo.theme.pro.css

@@ -27,7 +27,7 @@ footer {
   text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
 }
 article {
-  background-color: #f9f9f9;
+  background-color: #ededed;
 }
 article .title {
   color: #797979;
@@ -165,6 +165,12 @@ footer .button:active {
   position: relative;
   top: 1px;
 }
+.button.default {
+  background: #5a5a5a;
+}
+.button.default:active, .button.default.active {
+  background: #4b4b4b;
+}
 /* @end */
 /* @group <inputs> */
 input, textarea, select {

+ 6 - 1
src/stylesheets/less/Lungo.theme.default.less

@@ -41,7 +41,7 @@ footer {
 }
 
 article {
-	background-color: #f9f9f9;
+	background-color: #ededed;
 
 	& .title {
     	color: #797979;
@@ -192,6 +192,11 @@ aside {
 		position: relative;
 		top:  1px; 
 	}
+	
+	&.default {
+    	background: #5a5a5a;    	
+    	&:active, &.active { background: #4b4b4b; }
+	}
 }
 /* @end */
 

+ 6 - 1
src/stylesheets/less/Lungo.theme.pro.less

@@ -43,7 +43,7 @@ footer {
 }
 
 article { 
-	background-color: #f9f9f9; 
+	background-color: #ededed; 
 	
 	& .title {
     	color: #797979;
@@ -193,6 +193,11 @@ aside {
 		position: relative;
 		top:  1px; 
 	}
+	
+	&.default {
+    	background: #5a5a5a;    	
+    	&:active, &.active { background: #4b4b4b; }
+	}
 }
 /* @end */