Cleanup LESS

src/js/utils.js

@@ -0,0 +1,9 @@
+jQuery.fn.rotate = function(degrees) {
+  $(this).css({
+    '-webkit-transform' : 'rotate('+ degrees +'deg)',
+    '-moz-transform' : 'rotate('+ degrees +'deg)',
+    '-ms-transform' : 'rotate('+ degrees +'deg)',
+    'transform' : 'rotate('+ degrees +'deg)'
+  });
+  return $(this);
+};

src/less/mobile.less

@@ -0,0 +1,11 @@
+/* Mobile specific styles, mostly suggested by Cordova */
+
+* {
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+body {
+  -webkit-touch-callout: none;
+  -webkit-text-size-adjust: none;
+  -webkit-user-select: none;
+}

src/less/style.less

@@ -5,23 +5,43 @@
 // @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
 @import (inline) "node_modules/animate.css/animate.css";
 
-* {
-    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
-}
+@import 'mobile';
 
 body {
-    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
-    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
-    background-color:#E4E4E4;
-    font-family: 'Roboto' sans-serif;
-    font-size:12px;
-    text-align: center;
-    height:100%;
-    margin:0px;
-    padding:7px;
-    width:100%;
+  background-color:#E4E4E4;
+  font-family: 'Roboto' sans-serif;
+  font-size:12px;
+  text-align: center;
+  height:100%;
+  margin:0px;
+  padding:7px;
+  width:100%;
 }
+/* @group Overrides*/
+p {
+  a {
+    .transition(color 0.4s);
+  }
+}
+
+ol , ul{
+  font-size: inherit;
+  & > li {
+    font-size: inherit
+  }
+}
+/* @end Overrides*/
+
+/* @group Functional Classes*/
+
+a.no-color-change {
+  color: inherit;
+  &:hover {
+    color: inherit;
+  }
+}
+
+/* @end Functional Classes*/
 
 #main {
   height: 100vh;