From fb845f0bf5887103be99e1fb93bdbad7d272c72d Mon Sep 17 00:00:00 2001
From: Anika Henke <anika@selfthinker.org>
Date: Sat, 3 Aug 2013 12:05:54 +0100
Subject: lessified pagetools items, added mixins simplify maintenance

---
 lib/tpl/dokuwiki/css/pagetools.less | 313 +++++++-----------------------------
 1 file changed, 54 insertions(+), 259 deletions(-)

(limited to 'lib/tpl/dokuwiki/css')

diff --git a/lib/tpl/dokuwiki/css/pagetools.less b/lib/tpl/dokuwiki/css/pagetools.less
index b65e6fc0d..633686bb3 100644
--- a/lib/tpl/dokuwiki/css/pagetools.less
+++ b/lib/tpl/dokuwiki/css/pagetools.less
@@ -163,262 +163,57 @@
 
 /*____________ all available icons in sprite ____________*/
 
-#dokuwiki__pagetools ul li a.edit:before {
-    margin-top: -90px;
-}
-#dokuwiki__pagetools ul li a.edit {
-    background-position: right -90px;
-}
-#dokuwiki__pagetools ul li a.edit:hover,
-#dokuwiki__pagetools ul li a.edit:active,
-#dokuwiki__pagetools ul li a.edit:focus {
-    background-position: right -135px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.edit {
-    background-position: left -90px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.edit:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.edit:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.edit:focus {
-    background-position: left -135px;
-}
-
-#dokuwiki__pagetools ul li a.create:before {
-    margin-top: -180px;
-}
-#dokuwiki__pagetools ul li a.create {
-    background-position: right -180px;
-}
-#dokuwiki__pagetools ul li a.create:hover,
-#dokuwiki__pagetools ul li a.create:active,
-#dokuwiki__pagetools ul li a.create:focus {
-    background-position: right -225px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.create {
-    background-position: left -180px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.create:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.create:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.create:focus {
-    background-position: left -225px;
-}
-
-#dokuwiki__pagetools ul li a.show {
-    background-position: right -360px;
-}
-#dokuwiki__pagetools ul li a.show:before {
-    margin-top: -360px;
-}
-#dokuwiki__pagetools ul li a.show:hover,
-#dokuwiki__pagetools ul li a.show:active,
-#dokuwiki__pagetools ul li a.show:focus {
-    background-position: right -405px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.show {
-    background-position: left -360px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.show:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.show:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.show:focus {
-    background-position: left -405px;
-}
-
-#dokuwiki__pagetools ul li a.source {
-    background-position: right -450px;
-}
-#dokuwiki__pagetools ul li a.source:before {
-    margin-top: -450px;
-}
-#dokuwiki__pagetools ul li a.source:hover,
-#dokuwiki__pagetools ul li a.source:active,
-#dokuwiki__pagetools ul li a.source:focus {
-    background-position: right -495px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.source {
-    background-position: left -450px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.source:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.source:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.source:focus {
-    background-position: left -495px;
-}
-
-#dokuwiki__pagetools ul li a.draft {
-    background-position: right -270px;
-}
-#dokuwiki__pagetools ul li a.draft:before {
-    margin-top: -270px;
-}
-#dokuwiki__pagetools ul li a.draft:hover,
-#dokuwiki__pagetools ul li a.draft:active,
-#dokuwiki__pagetools ul li a.draft:focus {
-    background-position: right -315px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.draft {
-    background-position: left -270px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.draft:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.draft:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.draft:focus {
-    background-position: left -315px;
-}
-
-#dokuwiki__pagetools ul li a.revs {
-    background-position: right -630px;
-}
-#dokuwiki__pagetools ul li a.revs:before {
-    margin-top: -630px;
-}
-#dokuwiki__pagetools ul li a.revs:hover,
-#dokuwiki__pagetools ul li a.revs:active,
-#dokuwiki__pagetools ul li a.revs:focus,
-.mode_revisions #dokuwiki__pagetools ul li a.revs {
-    background-position: right -675px;
-}
-.mode_revisions #dokuwiki__pagetools ul li a.revs:before {
-    margin-top: -675px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.revs {
-    background-position: left -630px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.revs:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.revs:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.revs:focus,
-[dir=rtl] .mode_revisions #dokuwiki__pagetools ul li a.revs {
-    background-position: left -675px;
-}
-
-#dokuwiki__pagetools ul li a.backlink {
-    background-position: right -720px;
-}
-#dokuwiki__pagetools ul li a.backlink:before {
-    margin-top: -720px;
-}
-#dokuwiki__pagetools ul li a.backlink:hover,
-#dokuwiki__pagetools ul li a.backlink:active,
-#dokuwiki__pagetools ul li a.backlink:focus,
-.mode_backlink #dokuwiki__pagetools ul li a.backlink {
-    background-position: right -765px;
-}
-.mode_backlink #dokuwiki__pagetools ul li a.backlink:before {
-    margin-top: -765px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.backlink {
-    background-position: left -720px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.backlink:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.backlink:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.backlink:focus,
-[dir=rtl] .mode_backlink #dokuwiki__pagetools ul li a.backlink {
-    background-position: left -765px;
-}
-
-#dokuwiki__pagetools ul li a.top {
-    background-position: right -900px;
-}
-#dokuwiki__pagetools ul li a.top:before{
-    margin-top: -900px;
-}
-#dokuwiki__pagetools ul li a.top:hover,
-#dokuwiki__pagetools ul li a.top:active,
-#dokuwiki__pagetools ul li a.top:focus {
-    background-position: right -945px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.top {
-    background-position: left -900px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.top:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.top:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.top:focus {
-    background-position: left -945px;
-}
-
-#dokuwiki__pagetools ul li a.revert {
-    background-position: right -540px;
-}
-#dokuwiki__pagetools ul li a.revert:before {
-    margin-top: -540px;
-}
-#dokuwiki__pagetools ul li a.revert:hover,
-#dokuwiki__pagetools ul li a.revert:active,
-#dokuwiki__pagetools ul li a.revert:focus,
-.mode_revert #dokuwiki__pagetools ul li a.revert {
-    background-position: right -585px;
-}
-.mode_revert #dokuwiki__pagetools ul li a.revert:before {
-    margin-top: -540px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.revert {
-    background-position: left -540px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.revert:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.revert:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.revert:focus,
-[dir=rtl] .mode_revert #dokuwiki__pagetools ul li a.revert {
-    background-position: left -585px;
-}
-
-#dokuwiki__pagetools ul li a.subscribe {
-    background-position: right -810px;
-}
-#dokuwiki__pagetools ul li a.subscribe:before {
-    margin-top: -810px;
-}
-#dokuwiki__pagetools ul li a.subscribe:hover,
-#dokuwiki__pagetools ul li a.subscribe:active,
-#dokuwiki__pagetools ul li a.subscribe:focus,
-.mode_subscribe #dokuwiki__pagetools ul li a.subscribe {
-    background-position: right -855px;
-}
-.mode_subscribe #dokuwiki__pagetools ul li a.subscribe:before {
-    margin-top: -855px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.subscribe {
-    background-position: left -810px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.subscribe:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.subscribe:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.subscribe:focus,
-[dir=rtl] .mode_subscribe #dokuwiki__pagetools ul li a.subscribe {
-    background-position: left -855px;
-}
-
-#dokuwiki__pagetools ul li a.mediaManager {
-    background-position: right -990px;
-}
-#dokuwiki__pagetools ul li a.mediaManager:before {
-    margin-top: -990px;
-}
-#dokuwiki__pagetools ul li a.mediaManager:hover,
-#dokuwiki__pagetools ul li a.mediaManager:active,
-#dokuwiki__pagetools ul li a.mediaManager:focus {
-    background-position: right -1035px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.mediaManager {
-    background-position: left -990px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:focus {
-    background-position: left -1035px;
-}
-
-#dokuwiki__pagetools ul li a.back {
-    background-position: right -1080px;
-}
-#dokuwiki__pagetools ul li a.back:before {
-    margin-top: -1080px;
-}
-#dokuwiki__pagetools ul li a.back:hover,
-#dokuwiki__pagetools ul li a.back:active,
-#dokuwiki__pagetools ul li a.back:focus {
-    background-position: right -1125px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.back {
-    background-position: left -1080px;
-}
-[dir=rtl] #dokuwiki__pagetools ul li a.back:hover,
-[dir=rtl] #dokuwiki__pagetools ul li a.back:active,
-[dir=rtl] #dokuwiki__pagetools ul li a.back:focus {
-    background-position: left -1125px;
-}
+@pagetools_icon_space: -90px;
+
+.pagetools-item(@action, @position) {
+    @position-active: (@position+0.5);
+
+    #dokuwiki__pagetools ul li a.@{action} {
+        background-position: right @pagetools_icon_space * @position;
+
+        &:before {
+            margin-top: @pagetools_icon_space * @position;
+        }
+        &:hover,
+        &:active,
+        &:focus {
+            background-position: right @pagetools_icon_space * @position-active;
+        }
+    }
+    [dir=rtl] #dokuwiki__pagetools ul li a.@{action} {
+        background-position: left @pagetools_icon_space * @position;
+
+        &:hover,
+        &:active,
+        &:focus {
+            background-position: left @pagetools_icon_space * @position-active;
+        }
+    }
+}
+.pagetools-item-highlight(@action, @position, @mode) {
+    .pagetools-item(@action, @position);
+    @position-active: (@position+0.5);
+
+    .mode_@{mode} #dokuwiki__pagetools ul li a.@{action} {
+        background-position: right @pagetools_icon_space * @position-active;
+        &:before {
+            margin-top: @pagetools_icon_space * @position-active;
+        }
+    }
+    [dir=rtl] .mode_@{mode} #dokuwiki__pagetools ul li a.@{action} {
+        background-position: left @pagetools_icon_space * @position-active;
+    }
+}
+
+.pagetools-item(edit, 1);
+.pagetools-item(create, 2);
+.pagetools-item(show, 4);
+.pagetools-item(source, 5);
+.pagetools-item(draft, 3);
+.pagetools-item-highlight(revs, 7, revisions);
+.pagetools-item-highlight(backlink, 8, backlink);
+.pagetools-item(top, 10);
+.pagetools-item-highlight(revert, 6, revert);
+.pagetools-item-highlight(subscribe, 9);
+.pagetools-item(mediaManager, 11);
+.pagetools-item(back, 12);
-- 
cgit v1.2.3


From cc57a25b03553bd3f5ec9f6339c47c045e236ec1 Mon Sep 17 00:00:00 2001
From: Andreas Gohr <andi@splitbrain.org>
Date: Sat, 3 Aug 2013 16:09:59 +0200
Subject: use only one mixin name for pagetools

less will use the right one based on parameter counts
---
 lib/tpl/dokuwiki/css/pagetools.less | 44 ++++++++++++++++++++++++-------------
 1 file changed, 29 insertions(+), 15 deletions(-)

(limited to 'lib/tpl/dokuwiki/css')

diff --git a/lib/tpl/dokuwiki/css/pagetools.less b/lib/tpl/dokuwiki/css/pagetools.less
index 633686bb3..145287f7a 100644
--- a/lib/tpl/dokuwiki/css/pagetools.less
+++ b/lib/tpl/dokuwiki/css/pagetools.less
@@ -165,6 +165,12 @@
 
 @pagetools_icon_space: -90px;
 
+/**
+ * page tools without highlighting
+ *
+ * @param string @action The action class
+ * @param int @position Position in the page tools
+ */
 .pagetools-item(@action, @position) {
     @position-active: (@position+0.5);
 
@@ -190,19 +196,27 @@
         }
     }
 }
-.pagetools-item-highlight(@action, @position, @mode) {
-    .pagetools-item(@action, @position);
-    @position-active: (@position+0.5);
 
-    .mode_@{mode} #dokuwiki__pagetools ul li a.@{action} {
-        background-position: right @pagetools_icon_space * @position-active;
-        &:before {
-            margin-top: @pagetools_icon_space * @position-active;
-        }
-    }
-    [dir=rtl] .mode_@{mode} #dokuwiki__pagetools ul li a.@{action} {
-        background-position: left @pagetools_icon_space * @position-active;
+/**
+ * page tools with highlighting
+ *
+ * @param string @action The action class
+ * @param int @position Position in the page tools
+ * @param string @mode The mode in which this tool should be highlighted
+ */
+.pagetools-item(@action, @position, @mode) {
+  .pagetools-item(@action, @position);
+  @position-active: (@position+0.5);
+
+  .mode_@{mode} #dokuwiki__pagetools ul li a.@{action} {
+    background-position: right @pagetools_icon_space * @position-active;
+    &:before {
+      margin-top: @pagetools_icon_space * @position-active;
     }
+  }
+  [dir=rtl] .mode_@{mode} #dokuwiki__pagetools ul li a.@{action} {
+    background-position: left @pagetools_icon_space * @position-active;
+  }
 }
 
 .pagetools-item(edit, 1);
@@ -210,10 +224,10 @@
 .pagetools-item(show, 4);
 .pagetools-item(source, 5);
 .pagetools-item(draft, 3);
-.pagetools-item-highlight(revs, 7, revisions);
-.pagetools-item-highlight(backlink, 8, backlink);
+.pagetools-item(revs, 7, revisions);
+.pagetools-item(backlink, 8, backlink);
 .pagetools-item(top, 10);
-.pagetools-item-highlight(revert, 6, revert);
-.pagetools-item-highlight(subscribe, 9);
+.pagetools-item(revert, 6, revert);
+.pagetools-item(subscribe, 9, subscribe);
 .pagetools-item(mediaManager, 11);
 .pagetools-item(back, 12);
-- 
cgit v1.2.3


From 681ee01735dac6212c68e1f83538bd0888c9ed0c Mon Sep 17 00:00:00 2001
From: Anika Henke <anika@selfthinker.org>
Date: Sat, 3 Aug 2013 16:07:48 +0100
Subject: corrected comment in pagetools-item() mixin

---
 lib/tpl/dokuwiki/css/pagetools.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'lib/tpl/dokuwiki/css')

diff --git a/lib/tpl/dokuwiki/css/pagetools.less b/lib/tpl/dokuwiki/css/pagetools.less
index 145287f7a..ecb3038c3 100644
--- a/lib/tpl/dokuwiki/css/pagetools.less
+++ b/lib/tpl/dokuwiki/css/pagetools.less
@@ -169,7 +169,7 @@
  * page tools without highlighting
  *
  * @param string @action The action class
- * @param int @position Position in the page tools
+ * @param int @position Position in the page tools sprite
  */
 .pagetools-item(@action, @position) {
     @position-active: (@position+0.5);
@@ -201,7 +201,7 @@
  * page tools with highlighting
  *
  * @param string @action The action class
- * @param int @position Position in the page tools
+ * @param int @position Position in the page tools sprite
  * @param string @mode The mode in which this tool should be highlighted
  */
 .pagetools-item(@action, @position, @mode) {
-- 
cgit v1.2.3