From 9551669822b91d988547c4a3b5d0ef713d1b8780 Mon Sep 17 00:00:00 2001
From: kirsty-hames <kirsty-hames@users.noreply.github.com>
Date: Mon, 7 Sep 2015 16:13:58 +0100
Subject: [PATCH] reverse commit

---
 less/gmcq.less | 175 +++++++++++++++++++++++++------------------------
 1 file changed, 90 insertions(+), 85 deletions(-)

diff --git a/less/gmcq.less b/less/gmcq.less
index f1d065c..cc433ab 100644
--- a/less/gmcq.less
+++ b/less/gmcq.less
@@ -1,63 +1,62 @@
 .gmcq-component {
 
     .gmcq-item {
-        position: relative;
-        width: 50%;
-        margin-bottom: @item-margin-bottom;
-        float: left;
+        position:relative;
+        width:50%;
+        margin-bottom:8px;
+        float:left;
         .dir-rtl & {
-            float: right;
+            float:right;
         }
-
         &.even {
             label {
-                margin-left: 5%;
-                .dir-rtl & {
-                    margin-left: inherit;
-                    margin-right: 5%;
-                }
+                margin-left:5%;
+		        .dir-rtl & {
+		            margin-left:inherit;
+		            margin-right:5%;
+		        }
             }
         }
 
         &.odd {
+
             label {
-                margin-right: 5%;
+                margin-right:5%;
                 .dir-rtl & {
-                    margin-right: inherit;
-                    margin-left: 5%;
+                    margin-right:inherit;
+                    margin-left:5%;
                 }
             }
         }
 
         @media all and (max-width:760px) {
-            width: 100%;
-            &.even, 
-            &.odd {
+            width:100%;
+            &.even, &.odd {
                 label {
-                    margin-left: 0%;
-                    margin-right: 0%;
+                    margin-left:0%;
+                    margin-right:0%;
                 }
             }
         }
     }
 
     .gmcq-item label {
-        color: @item-text-color;
-        display: block;
-        border: @item-border;
-        margin-bottom: @item-margin-bottom;
-        position: relative;
-        z-index: 1;
-        background-color: @item-color;
-        overflow: hidden;
-        cursor: pointer;
+        color:@item-text-color;
+        display:block;
+        border:@item-border;
+        margin-bottom:2px;
+        position:relative;
+        z-index:1;
+        background-color:@item-color;
+        overflow:hidden;
+        cursor:pointer;
 
         img {
-            vertical-align: bottom;
+            vertical-align:bottom;
         }
 
         .gmcq-answer-icon {
-            color: @item-text-color;
+            color:@item-text-color;
             &.radio {
                 width: @icon-size + 2;
                 height: @icon-size + 2;
@@ -66,22 +65,21 @@
                 }
             }
             &.checkbox {
-                border: 3px solid @item-text-color;
-                width: 18px;
-                height: 18px;
-                font-size: 18px;
-                font-weight: bold;
-                border-radius: 2px;
                 &:before {
                     content: " ";
                 }
+                border: 3px solid @item-text-color;
+                width:18px;
+                height:18px;
+                font-size:18px;
+                font-weight: bold;
+                border-radius: 2px;
             }
         }
 
         &.selected {
-            color: @item-text-color-selected;
-            background-color: @item-color-selected;
-
+            color:@item-text-selected-color;
+            background-color:@item-selected-color;
             .gmcq-answer-icon {
                 &.radio {
                     &:before {
@@ -89,127 +87,134 @@
                     }
                 }
                 &.checkbox {
-                    border: @item-border;
-                    border-color: @item-text-color-selected;
-                    width: 18px;
-                    height: 18px;
-                    font-size: 18px;
-                    font-weight: bold;
-                    border-radius: 2px;
                     &:before {
                         content: "\e633";
                     }
+                    border: 3px solid @item-text-selected-color;
+                    width:18px;
+                    height:18px;
+                    font-size:18px;
+                    font-weight: bold;
+                    border-radius: 2px;
                 }
             }
+            .gmcq-item-icon {
+                color:@item-text-selected-color;
+            }
         }
     }
 
     .gmcq-item-inner {
-        padding: @item-padding;
-        padding-left: (@icon-size+(@item-padding-left*2));
+        padding:14px;
+        margin-left:38px;
         .dir-rtl & {
-            margin-left: inherit;
-            padding-right: (@icon-size+(@item-padding-left*2));
+            margin-left:inherit;
+            margin-right:38px;
         }
+        padding-top:19px;
     }
 
     .gmcq-item input {
-        position: absolute;
+        position:absolute;
         top: 25px;
-        left: 25px;
+        left:25px;
         .dir-rtl & {
-            left: inherit;
-            right: 25px;
+            left:inherit;
+            right:25px;
         }
     }
 
     .gmcq-item-checkbox {
-        position: relative;
+        position:relative;
     }
 
     .gmcq-item-state {
-        background: none;
-        position: absolute;
-        width: @icon-size;
-        height: @icon-size;
-        top: 50%;
-        margin-top: -(@icon-size/2);
-        left: 10px;
-        z-index: 0;
+        background:none;
+        position:absolute;
+        left:10px;
         .dir-rtl & {
-            left: inherit;
-            right: 10px;
+            left:inherit;
+            right:10px;
         }
+        width:@icon-size;
+        height:@icon-size;
+        top:50%;
+        margin-top:-(@icon-size/2);
+        z-index:0;
     }
 
     .gmcq-correct-icon {
-        color: @validation-success;
-        display: none;
+        color:@icon-correct-color;
+        display:none;
     }
 
     .gmcq-incorrect-icon {
-        color: @validation-error;
-        display: none;
+        color:@icon-incorrect-color;
+        display:none;
     }
 
     .gmcq-widget {
+
         &.show-user-answer {
             .gmcq-item-icon {
-                display: none;
+                display:none;
             }
             .incorrect {
                 .selected .gmcq-incorrect-icon {
-                    display: block;
+                    display:block;
                 }
             }
             .correct {
                 .selected .gmcq-correct-icon {
-                    display: block;
+                    display:block;
                 }
             }
         }
 
         &.show-correct-answer {
             .gmcq-item-icon {
-                display: none;
+                display:none;
             }
             .selected .gmcq-correct-icon {
-                display: block;
+                display:block;
             }
         }
 
         &.disabled {
             .gmcq-item label.selected.disabled {
-                background-color: @item-color-selected;
-                cursor: default;
+                background-color:@item-selected-color;
+                cursor:default;
             }
             .gmcq-item label.disabled {
-                color: @item-text-color-disabled;
-                background-color: @item-color-disabled;
-                border-color: @item-border-color-disabled;
-                cursor: default;
+                color:@item-text-disabled-color;
+                background-color:@item-disabled-color;
+                border-color:@item-border-disabled-color;
+                cursor:default;
             }
 
             .gmcq-item.correct .selected .state {
-                color: @validation-success;
+                color:@icon-correct-color;
             }
 
             .gmcq-item.incorrect .selected .state {
-                color: @validation-error;
+                color:@icon-incorrect-color;
             }
         }
+
     }
 }
 
 .no-touch {
+
     .gmcq-component {
+
         .gmcq-widget {
             &:not(.disabled) {
                 .gmcq-item label:hover {
-                    color: @item-text-color-hover;
-                    background-color: @item-color-hover;
+                    color:@item-text-hover-color;
+                    background-color:@item-hover-color;
                     .gmcq-item-icon {
-                        color: @item-text-color-hover;
+                        color:@item-text-hover-color;
                     }
                 }
             }