css cleanup

Author: maxcom

src/main/webapp/sass/_base.scss

@@ -55,9 +55,13 @@ pre {
 
 #sitetitle {
   padding-left: 0.5rem;
+  font-size: 1.6em;
+  margin-right: 0;
 
   @include respond-to(tablet-and-desktops) {
     padding-left: 1.5rem;
+    float: left;
+    font-size: 2em;
   }
 }
 

src/main/webapp/sass/_responsive.scss

@@ -107,12 +107,6 @@
         text-align: left;
     }
 
-    #sitetitle {
-        font-size: 1.6em;
-        float: none;
-        margin-right: 0;
-    }
-
     #commentForm textarea {
         height: 10em;
     }

src/main/webapp/sass/tango/_style.scss

@@ -59,11 +59,12 @@ p {
   font-weight: 600;
   font-family: "Open Sans", sans-serif;
   padding-top: 0.5rem;
-  font-size: 2em;
   display: block;
-  float: left;
   padding-right: 0.5em;
-  margin-right: 0.5em;
+
+  @include respond-to(tablet-and-desktops) {
+    margin-right: 0.5em;
+  }
 
   a {
     color: $site_title_color;

src/main/webapp/sass/waltz/_style.scss

@@ -62,11 +62,12 @@ p {
   font-weight: 600;
   font-family: "Open Sans", sans-serif;
   padding-top: 0.5rem;
-  font-size: 2em;
   display: block;
-  float: left;
   padding-right: 0.5em;
-  margin-right: 0.5em;
+
+  @include respond-to(tablet-and-desktops) {
+    margin-right: 0.5em;
+  }
 
   a {
     text-decoration: none;

src/main/webapp/sass/white2/_style.scss

@@ -158,13 +158,15 @@ blockquote {
 }
 
 #sitetitle {
-    font-size: 2em;
     font-weight: bold;
-    margin-right: 1em;
     display: block;
-    float: left;
     text-decoration: none;
     color: $site_title_color !important;
+
+    @include respond-to(tablet-and-desktops) {
+      padding-left: 0.2em;
+      margin-right: 1em;
+    }
 }
 
 #loginGreating {

src/main/webapp/sass/zomg_ponies/_style.scss

@@ -107,15 +107,18 @@ a:hover {
 }
 
 #sitetitle {
-  font-size: 32px;
   font-weight: bold;
   margin-right: 20px;
   text-decoration: none;
   display: inline-block;
-  float: left;
   color: $header_color;
   padding-top: 0;
   padding-left: 0;
+
+  @include respond-to(tablet-and-desktops) {
+    margin-right: 20px;
+    font-size: 32px;
+  }
 }
 
 #twilight_logo {