myfaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From lof...@apache.org
Subject svn commit: r1381159 - /myfaces/tobago/trunk/tobago-theme/tobago-theme-speyside/src/main/less/org/apache/myfaces/tobago/renderkit/html/speyside/standard/style/tobago.less
Date Wed, 05 Sep 2012 12:33:18 GMT
Author: lofwyr
Date: Wed Sep  5 12:33:18 2012
New Revision: 1381159

URL: http://svn.apache.org/viewvc?rev=1381159&view=rev
Log:
TOBAGO-1163: Add some CSS3 features to tobago-theme-speyside 
 - the focused input field should have an inner-shadow

Modified:
    myfaces/tobago/trunk/tobago-theme/tobago-theme-speyside/src/main/less/org/apache/myfaces/tobago/renderkit/html/speyside/standard/style/tobago.less

Modified: myfaces/tobago/trunk/tobago-theme/tobago-theme-speyside/src/main/less/org/apache/myfaces/tobago/renderkit/html/speyside/standard/style/tobago.less
URL: http://svn.apache.org/viewvc/myfaces/tobago/trunk/tobago-theme/tobago-theme-speyside/src/main/less/org/apache/myfaces/tobago/renderkit/html/speyside/standard/style/tobago.less?rev=1381159&r1=1381158&r2=1381159&view=diff
==============================================================================
--- myfaces/tobago/trunk/tobago-theme/tobago-theme-speyside/src/main/less/org/apache/myfaces/tobago/renderkit/html/speyside/standard/style/tobago.less
(original)
+++ myfaces/tobago/trunk/tobago-theme/tobago-theme-speyside/src/main/less/org/apache/myfaces/tobago/renderkit/html/speyside/standard/style/tobago.less
Wed Sep  5 12:33:18 2012
@@ -36,6 +36,13 @@
   box-shadow: inset @shadow, @shadow;
 }
 
+.field-focus-shadow(@color: @focusColor) {
+  -webkit-box-shadow: inset 0px 0px 3px lighten(@color, 20%);
+  -moz-box-shadow: inset 0px 0px 3px lighten(@color, 20%);
+  -o-box-shadow: inset 0px 0px 3px lighten(@color, 20%);
+  box-shadow: inset 0px 0px 3px lighten(@color, 20%);
+}
+
 .transitionBorder(@transition: .5s linear) {
   -webkit-transition: border @transition, -webkit-box-shadow @transition;
   -moz-transition: border @transition, -moz-box-shadow @transition;
@@ -203,7 +210,7 @@
   &:focus {
     outline: none;
     border-color: @focusColor;
-    .box-shadow(0px 0px 1px lighten(@focusColor, 20%));
+    .field-focus-shadow;
   }
 }
 
@@ -234,7 +241,7 @@
   &:focus {
     outline: none;
     border-color: @focusColor;
-    .box-shadow(0px 0px 1px lighten(@focusColor, 20%));
+    .field-focus-shadow;
   }
 }
 
@@ -271,7 +278,7 @@
   &:focus {
     outline: none;
     border-color: @focusColor;
-    .box-shadow(0px 0px 1px lighten(@focusColor, 20%));
+    .field-focus-shadow;
   }
 }
 
@@ -461,7 +468,7 @@ li.tobago-menu-markup-selected {
   &:focus {
     outline: none;
     border-color: @focusColor;
-    .box-shadow(0px 0px 1px lighten(@focusColor, 20%));
+    .field-focus-shadow;
   }
 }
 
@@ -497,7 +504,7 @@ li.tobago-menu-markup-selected {
   &:focus {
     outline: none;
     border-color: @focusColor;
-    .box-shadow(0px 0px 1px lighten(@focusColor, 20%));
+    .field-focus-shadow;
   }
 }
 
@@ -508,7 +515,7 @@ li.tobago-menu-markup-selected {
   &:focus {
     outline: none;
     border-color: @focusColor;
-    .box-shadow(0px 0px 1px lighten(@focusColor, 20%));
+    .field-focus-shadow;
   }
 }
 
@@ -798,7 +805,7 @@ div.tobago-tabGroup-toolBar {
   &:focus {
     outline: none;
     border-color: @focusColor;
-    .box-shadow(0px 0px 1px lighten(@focusColor, 20%));
+    .field-focus-shadow;
   }
 }
 



Mime
View raw message