Build (no minified) of *.css

src/stylesheets/css/Lungo.base.css

@@ -1,14 +1,162 @@
-a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;margin:0;outline:0;padding:0;font-size:100%;}
-article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
-audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
-audio:not([controls]){display:none;}
-[hidden]{display:none;}
-html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
-body{margin:0;padding:0;width:100%;height:100%;max-height:100%;overflow:hidden;font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:1.231;-webkit-touch-callout:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;}
-a{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
-a:hover{opacity:1;}
-b,strong{font-weight:bold;}
-img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;font-size:0;}
-table{border-collapse:collapse;border-spacing:0;}
-th,td,caption{vertical-align:top;font-weight:normal;text-align:left;}
-*{margin:0;padding:0;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);}
+/**
+ * Stylesheet
+ *
+ * @namespace Lungo
+ * @class Base
+ *
+ * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
+ */
+a,
+abbr,
+address,
+article,
+aside,
+audio,
+b,
+blockquote,
+body,
+caption,
+cite,
+code,
+dd,
+del,
+dfn,
+dialog,
+div,
+dl,
+dt,
+em,
+fieldset,
+figure,
+footer,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+hgroup,
+hr,
+html,
+i,
+iframe,
+img,
+ins,
+kbd,
+label,
+legend,
+li,
+mark,
+menu,
+nav,
+object,
+ol,
+p,
+pre,
+q,
+samp,
+section,
+small,
+span,
+strong,
+sub,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+time,
+tr,
+ul,
+var,
+video {
+  border: 0;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  font-size: 100%;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+  display: block;
+}
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+audio:not([controls]) {
+  display: none;
+}
+[hidden] {
+  display: none;
+}
+html {
+  height: 100%;
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  overflow: hidden;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  line-height: 1.231;
+  -webkit-touch-callout: none;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-box-align: stretch;
+}
+a {
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+a:hover {
+  opacity: 1;
+}
+b,
+strong {
+  font-weight: bold;
+}
+img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+  vertical-align: middle;
+  font-size: 0;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+th,
+td,
+caption {
+  vertical-align: top;
+  font-weight: normal;
+  text-align: left;
+}
+* {
+  margin: 0;
+  padding: 0;
+  -webkit-user-select: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+}

src/stylesheets/css/Lungo.widgets.button.css

@@ -1,5 +1,64 @@
-a.button{display:inline-block;height:40px;padding:0 8px;color:#fff !important;background:#5a5a5a;font-size:14px;text-align:center;text-decoration:none;line-height:40px;outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}a.button:active,a.button.active{background:#4b4b4b;}
-a.button:disabled,a.button.disabled{background:rgba(255, 255, 255, 0.2);color:#999 !important;}
-a.button .icon{position:relative;top:3px;height:18px;width:18px;font-size:18px;line-height:18px;margin-right:4px;}
-a.button img{top:0px !important;}
-a.button.big{width:100%;padding:0px;margin-bottom:4px;}a.button.big .icon{margin:8px -18px 0 12px;float:left;}
+/**
+ * Stylesheet
+ *
+ * @namespace Lungo.Widgets
+ * @class Button
+ *
+ * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
+ */
+/* DIMENSIONS */
+/* COLORS */
+a.button {
+  display: inline-block;
+  height: 40px;
+  padding: 0 8px;
+  color: #fff !important;
+  background: #5a5a5a;
+  font-size: 14px;
+  text-align: center;
+  text-decoration: none;
+  line-height: 40px;
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+a.button:active,
+a.button.active {
+  background: #4b4b4b;
+}
+a.button:disabled,
+a.button.disabled {
+  background: rgba(255, 255, 255, 0.2);
+  color: #999 !important;
+}
+a.button .icon {
+  position: relative;
+  top: 3px;
+  height: 18px;
+  width: 18px;
+  font-size: 18px;
+  line-height: 18px;
+  margin-right: 4px;
+}
+a.button img {
+  top: 0px !important;
+}
+a.button.big {
+  width: 100%;
+  padding: 0px;
+  margin-bottom: 4px;
+}
+a.button.big .icon {
+  margin: 8px -18px 0 12px;
+  float: left;
+}