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,14 +5,9 @@
 // @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
 @import (inline) "node_modules/animate.css/animate.css";
 
-* {
+@import 'mobile';
-    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
-}
 
 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;
@@ -22,6 +17,31 @@ body {
   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;