Move base.scss

app/assets/stylesheets/_application.scss

@@ -14,7 +14,7 @@
 @import 'flash_messages';
 @import 'sprites';
 @import 'hovercard';
-@import 'new_styles/base';
+@import 'base';
 @import 'new_styles/interactions';
 @import 'spinner';
 @import 'timeago';

app/assets/stylesheets/base.scss

@@ -1,19 +1,21 @@
 body {
   margin-top: $navbar-height;
-  padding : none;
-
-  &.lock {
-    overflow: hidden;
-  }
+  padding: none;
 }
 
-/* Overflow */
-h1, h2, h3, h4, h5, h6,
+// Overflow
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
 p,
 blockquote,
 code,
 pre { word-wrap: break-word; }
-a.tag { word-break: break-all; }
+
+.tag { word-break: break-all; }
 
 .avatar {
   border-radius: 4px;
@@ -30,8 +32,8 @@ a.tag { word-break: break-all; }
 
   &.medium {
     height: auto;
-    width: auto;
     max-width: 75px;
+    width: auto;
   }
 }
 
@@ -39,41 +41,36 @@ a.tag { word-break: break-all; }
   color: inherit;
 }
 
-#back-to-top {
-  display: block;
-  color: white;
-  position: fixed;
-  z-index: 49;
-  right: 54px;
-  bottom: 20px;
-  opacity: 0;
-  font-size: 2.9em;
-  padding: 0 12px 0 12px;
+.back-to-top {
+  background-color: $border-dark-grey;
   border-radius: 10px;
-  background-color: #aaa;
-  &:hover { opacity: 0.85 !important; }
-  &.visible { opacity: 0.5; }
+  bottom: 20px;
+  color: $white;
+  display: block;
+  font-size: 2.9em;
   line-height: 1.5;
+  opacity: 0;
+  padding: 0 12px;
+  position: fixed;
+  right: 54px;
+  z-index: 49;
+
+  &:hover,
+  &.visible:hover {
+    color: $white;
+    opacity: .85;
+  }
+
+  &.visible { opacity: .5; }
 }
 
-/* general purpose classes */
+// general purpose classes
 
 .small-horizontal-spacer {
   min-height: 20px;
 }
 
-.big-horizontal-spacer {
-  height: 50px;
-}
-
-/* responsive */
-@media (max-width: 767px) {
-  body {
-    padding : 0;
-  }
-}
-
-/* badge color */
+// badge color
 .badge-important {
   background-color: $red;
 }

app/views/people/contacts.haml

@@ -23,7 +23,7 @@
             = render partial: 'people/person', locals: hash
         = will_paginate @contacts_of_contact, renderer: WillPaginate::ActionView::BootstrapLinkRenderer
 
-      %a{id:"back-to-top", title:"#{t('layouts.application.back_to_top')}", href:"#"}
+      %a.back-to-top#back-to-top{title: "#{t('layouts.application.back_to_top')}", href: "#"}
         ⇧
 
 -if user_signed_in? && @person

app/views/people/index.html.haml

@@ -37,7 +37,7 @@
 
           = will_paginate(@people)
 
-        %a{id:"back-to-top", title:"#{t('layouts.application.back_to_top')}", href:"#"}
+        %a.back-to-top#back-to-top{title: "#{t('layouts.application.back_to_top')}", href: "#"}
           ⇧
 
     .col-md-4

app/views/people/show.html.haml

@@ -33,7 +33,7 @@
           %span.loader.hidden
             .spinner
 
-      %a{id:"back-to-top", title:"#{t('layouts.application.back_to_top')}", href:"#"}
+      %a.back-to-top#back-to-top{title: "#{t('layouts.application.back_to_top')}", href: "#"}
         ⇧
 
 -if user_signed_in? && @person

app/views/streams/main_stream.html.haml

@@ -57,5 +57,5 @@
 
       = render 'shared/right_sections'
 
-      %a{id:"back-to-top", title:"#{t('layouts.application.back_to_top')}", href:"#"}
+      %a.back-to-top#back-to-top{title: "#{t('layouts.application.back_to_top')}", href: "#"}
         ⇧

app/views/tags/show.haml

@@ -36,5 +36,5 @@
 
     .col-lg-1.visible-lg#right-sidebar-fixed-sub-background
 
-      %a{id:"back-to-top", title:"#{t('layouts.application.back_to_top')}", href:"#"}
+      %a.back-to-top#back-to-top{title: "#{t('layouts.application.back_to_top')}", href: "#"}
         ⇧