Changeset 411 for Dev/branches/rest-dojo-ui/client/rft/css/LESS/mixins.less

Timestamp:

10/10/12 17:45:49 (13 years ago)

Author:

tjcschipper

Message:

• LESS is finally ready for use. Some small visual bugs remain.

File:

• Dev/branches/rest-dojo-ui/client/rft/css/LESS/mixins.less (modified) (2 diffs)

Dev/branches/rest-dojo-ui/client/rft/css/LESS/mixins.less

@@ -28 +28 @@
 
 .noMargin () {
-        margin: 0;
+        margin: 0 0 0 0;
 }
 
 .noPadding () {
-        padding: 0;
+        padding: 0 0 0 0;
 }
 //------------------------------------------
 //ICONS
 
-.setIconSize (@size, @b) when (@size =< 24px) {
+.setIconSize (@size, @b) when (@size < 24px) {
         width: @size;
         height: @size;
         margin: ((24px - @size) / 2) 0;
+        .noPadding ();
         background-image: url('images/icons/rftIcons16@{b}.png');
 }
 
-.setIconSize (@size, @b) when (@size > 24px) and (@size < 32) {
-        width: @size;
-        height: @size;
-        margin: 0;
+.setIconSize (@size, @b) when (@size >= 24px) and (@size < 32) {
+        width: 24px;
+        height: 24px;
+        .noMargin ();
+        .noPadding ();
         background-image: url('images/icons/rftIcons24@{b}.png');
 }
 
 .setIconSize (@size, @b) when (@size >= 32px) {
-        width: @size;
-        height: @size;
+        width: 32px;
+        height: 32px;
         margin: 0;
+        .noPadding ();
         background-image: url('images/icons/rftIcons32@{b}.png');
 }
@@ -68 +71 @@
 }
 //------------------------------------------
+
+//Old colour settings
+//TODO: I AM NOT SURE IF THIS ACTUALLY WORKS! THOROUGHLY TEST WHEN APPLIED TO PAGES!!!!
+// Oke, wat. Deze shit is echt niet te snappen. :P Gewoon maar weer de oude meuk erin hangen?
+.blockButtonColorMixin (@color) {
+        .dijitButtonNode {
+                background-color: @@color;
+        }
+
+        &.dijitHover {
+                .dijitButtonNode {
+                        background-color: @text;
+                }
+        }
+        &.dijitActive {
+                .dijitButtonNode {
+                        @colorName: "@{color}_light";
+                        background-color: @@colorName;
+                }
+        }
+
+}