aboutsummaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/reindeer/tree/tree.scss
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/tree/tree.scss')
-rw-r--r--WebContent/VAADIN/themes/reindeer/tree/tree.scss28
1 files changed, 14 insertions, 14 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/tree/tree.scss b/WebContent/VAADIN/themes/reindeer/tree/tree.scss
index da3b46dc65..15e7092dd6 100644
--- a/WebContent/VAADIN/themes/reindeer/tree/tree.scss
+++ b/WebContent/VAADIN/themes/reindeer/tree/tree.scss
@@ -1,20 +1,20 @@
-@mixin reindeer-tree($name : v-tree) {
+@mixin reindeer-tree($primaryStyleName : v-tree) {
-.#{$name}-node {
+.#{$primaryStyleName}-node {
background: transparent url(img/arrows.png) no-repeat 6px -10px;
}
-.#{$name}-node-expanded {
+.#{$primaryStyleName}-node-expanded {
background-position: -7px 5px;
}
-.#{$name}-node-caption {
+.#{$primaryStyleName}-node-caption {
margin-left: 16px;
padding-bottom: 1px;
}
-.#{$name}-node span {
+.#{$primaryStyleName}-node span {
padding: 1px 2px;
display: inline-block;
}
-.#{$name}-node-selected span {
+.#{$primaryStyleName}-node-selected span {
background: #4d749f repeat-x;
background-image: url(../common/img/sel-bg.png); /* sprite-ref: verticals; sprite-alignment: repeat */
color: #fff;
@@ -24,31 +24,31 @@
text-shadow: #2b425a 0 1px 0;
display: inline-block;
}
-.#{$name}-node-children {
+.#{$primaryStyleName}-node-children {
padding-left: 16px;
}
-.#{$name}-node-caption.#{$name}-node-focused span{
+.#{$primaryStyleName}-node-caption.#{$primaryStyleName}-node-focused span{
padding-left: 1px;
padding-top: 0px;
padding-bottom: 0px;
}
-.#{$name}-node-focused span{
+.#{$primaryStyleName}-node-focused span{
border: 1px dotted black;
}
/***************************************
* Drag'n'drop styles
***************************************/
-.#{$name} .#{$name}-node-drag-top {
+.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top {
background-position: 6px -11px;
}
-.#{$name} .#{$name}-node-drag-top.#{$name}-node-expanded {
+.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded {
background-position: -7px 4px;
}
-.#{$name}-connectors .#{$name}-node-drag-top,
-.#{$name}-connectors .#{$name}-node-expanded.#{$name}-node-drag-top {
+.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top,
+.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top {
background-position: 2px -53px;
}
-.#{$name}-connectors .#{$name}-node-drag-top.#{$name}-node-leaf {
+.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf {
background-position: 2px 50%;
}