You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by lo...@apache.org on 2012/09/05 14:33:18 UTC
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
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;
}
}