<NME> nav.scss
<BEF> .navbar-default{
  padding: 5px 0px;
  background-color: transparent;
  border-color: transparent;

  .navbar-brand {
    color: white;
    width: 16em;
    padding: 13.5px 60px;
    &:hover {
      color: white;
    }
    &:focus {
      color: $light-purple;
    }
  }

  ul.navbar-nav > li > a {
    font-size: 10pt;
    color: white;
    &:hover, &:focus {
      color: $light-purple;
    }
  }

  .navbar-toggle {
    color: white;
    &:hover {
      background-color: white;
      color: black;
    }
  }
  .toiletLogo {
      width: 45px;
      height: 45px;
      background: asset-url("logo-100x100.png");
      background-size: 100% 100%;
      position: relative;
      float: left;
      cursor: pointer;
      cursor: pointer;
      top: 2px
  }

  .dropdown-menu > li  {
    &:not(:last-child) {
      border-bottom: 1px solid $light-gray;
    }

    > a {
      white-space: normal;
    }
  }
}

<MSG> css: delete application.css.scss, relocate styles

Moves styles from 'application.css.scss'
to 'common.scss' and 'nav.scss', and deletes 'application.css.scss'

Why this is needed:

This PR is based far back on the develop branch. Some files
have been moved and changed since then.

Applying the patches for this PR from its forking-off point, and then
rebasing, made most of the changes from this PR end up where they were
supposed to go. A couple of changes made to 'application.css.scss'
needed to be moved by hand, so I moved them in this commit.

What had changed since this PR was started:

'application.css.scss' had its extension changed to just '.scss',
and furthermore, application.scss is now mostly empty, after a recent
reorganization of the stylesheets by hkly (#356).

Resolution:

The styles have been moved out to other files where they fit best.

<DFF> @@ -33,8 +33,9 @@
   .toiletLogo {
       width: 45px;
       height: 45px;
-      background: asset-url("logo-100x100.png");
-      background-size: 100% 100%;
+      background-image: asset-url("logo-100x100.png");
+      background-size: auto 100%;
+      background-repeat: no-repeat;
       position: relative;
       float: left;
       cursor: pointer;

{'commit': 'diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss\ndeleted file mode 100644\nindex af4c80f..0000000\n--- a/app/assets/stylesheets/application.css.scss\n+++ /dev/null\n@@ -1,291 +0,0 @@\n-/*\n- * This is a manifest file that\'ll be compiled into application.css, which will include all the files\n- * listed below.\n- *\n- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,\n- * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.\n- *\n- * You\'re free to add application-wide styles to this file and they\'ll appear at the top of the\n- * compiled file, but it\'s generally better to create a new file per style scope.\n- *\n- *= require framework_and_overrides\n- *= require_self\n- *= require restrooms\n- *= require nav\n- *= require search\n- *= require _mobile\n- *= require top_cities\n- *= require common\n- *= require restrooms/new\n- *= require splash\n- */\n-\n-@import \'refuge_core\';\n-\n-/* IE < 8 */\n-\n-.clearfix:before, .clearfix:after {\n-    content: ".";\n-    display: block;\n-    height: 0;\n-    overflow: hidden;\n-}\n-\n-.clearfix:after {\n-    clear: both;\n-}\n-\n-input {\n-    -webkit-appearance: none;\n-    -webkit-border-radius: 0;\n-    border-radius: 0;\n-}\n-\n-h1 {\n-    padding: 5px;\n-    text-align: center;\n-}\n-\n-.splashcontainer {\n-    margin-top: 0px;\n-}\n-\n-.addForm {\n-    max-width: 720px;\n-    width: 80%;\n-    padding: 1px 0px 0px 10px;\n-    margin: 0 auto;\n-}\n-.addForm input[name=commit], .addForm input[type=button] {\n-    padding: 4px;\n-    float: center;\n-    border: none;\n-    position: relative;\n-    border-radius: $rounded-corners;\n-    background: $light-purple;\n-    cursor: pointer;\n-}\n-.addForm input[name=commit]:hover, .addForm {\n-    background-color: $light-purple;\n-    color: white;\n-}\n-.textItem {\n-    width: 100%;\n-    text-align: center;\n-    font-family: $font-stack;\n-    font-size: 20px;\n-}\n-\n-.toiletLogo {\n-    height: 45px;\n-    background-image: asset-url("logo-100x100.png");\n-    background-size: auto 100%;\n-    background-repeat: no-repeat;\n-    position: relative;\n-    float: left;\n-    cursor: pointer;\n-    top: 2px\n-}\n-.linkbutton {\n-    border: none;\n-    position: relative;\n-    border-radius: $rounded-corners;\n-    padding: 10px;\n-    cursor: pointer;\n-    background-color: $light-purple;\n-    color: #FFFFFF;\n-}\n-.btn.linkbutton:hover{\n-    color:white;\n-}\n-.linkbutton.active, .linkbutton.active:focus{\n-    background-color: $purple;\n-}\n-.whitelinkbutton {\n-    border: none;\n-    position: relative;\n-    float: left;\n-    border-radius: $rounded-corners;\n-    padding: 10px;\n-    margin: 5px;\n-    cursor: pointer;\n-    background-color: #FFFFFF;\n-    color: #000000;\n-}\n-.whitelinkbutton:hover {\n-    background-color: $light-purple;\n-    color: white;\n-}\n-.filter {\n-    float: left;\n-    font-size: 15px;\n-    .toggle {\n-        border-radius: $rounded-corners;\n-        width: 69px;\n-        height: 34px;\n-        padding: 0;\n-        background-size: 138px 34px;\n-        background-color: $dark-purple;\n-        overflow: hidden;\n-        margin: 8px;\n-    }\n-}\n-.filter i.fa{\n-    font-size: 22px;\n-}\n-\n-.filter::after {\n-    content: "Off";\n-}\n-\n-.filter.active::after{\n-    content: "On";\n-}\n-\n-.filter_off {\n-    background-color: $dark-purple;\n-}\n-.filter_on {\n-    background-color: $light-purple;\n-}\n-.mapToggle {\n-    float: right;\n-    border-raidus: $rounded-corners;\n-}\n-.mapToggle.linkbutton {\n-    padding: 8px;\n-}\n-#mapArea {\n-    width: 100%;\n-    height: 400px;\n-}\n-.imgsplash {\n-    width: 600px;\n-    margin-top: 25px;\n-    margin-left: auto;\n-    margin-right: auto;\n-    font-family: $font-stack;\n-    font-weight: bolder;\n-    font-size: 60px;\n-    line-height: 10px;\n-    color: $purple;\n-    text-align: center;\n-    padding-bottom: 30px;\n-}\n-.fontLarge {\n-    font-size: 150px;\n-    line-height: 150px;\n-}\n-\n-footer {\n-    overflow: hidden;\n-    text-align: center;\n-    font-size: 8pt;\n-    color: #41326b;\n-    background-color: #ffffff;\n-}\n-\n-.centerText {\n-    padding: 10px;\n-    text-align: center;\n-}\n-.fadedText {\n-    color: $gray;\n-}\n-.numberCircle {\n-    cursor: pointer;\n-}\n-.mapIconImage {\n-    position: absolute;\n-    top: 0;\n-    left: 0;\n-}\n-.numberCircle .numberCircleText {\n-    line-height: 37px;\n-    color: #FFF;\n-    text-align: center;\n-}\n-.ratingscontainer {\n-    height: 100px;\n-}\n-.markerPopup {\n-    display: none;\n-    position: absolute;\n-    top: -122px;\n-    left: 50%;\n-    margin-left: -195px;\n-    width: 370px;\n-    height: 122px;\n-    background-color: #FFF;\n-    border: 1px solid $purple;\n-    z-index: 1000;\n-    color: #000;\n-}\n-.markerPopup .listItem {\n-    position: static;\n-}\n-.markerPopup .listItemImage {\n-    display: none;\n-}\n-.markerPopup .itemInfo {\n-    left: 10px;\n-}\n-.markerPopup .itemExtraInfo {\n-    top: 0;\n-}\n-.markerPopup .itemRating {\n-    padding: 3px 0;\n-}\n-.itemStreet {\n-    color: #000;\n-}\n-#mapContainer, #list {\n-    overflow: hidden;\n-}\n-.submitRestroomButton {\n-    display: inline-block;\n-    background: asset-url(\'submit.svg\') no-repeat;\n-    width: 150px;\n-    height: 40px;\n-    max-width: 100%;\n-    background-size: 200% auto;\n-    margin-top: 2px;\n-    margin-left: 3px;\n-    background-position: 0 50%;\n-}\n-.submitRestroomButton:hover {\n-    background-position: 100% 50%;\n-}\n-.iconLink {\n-    display: inline-block;\n-    width: 24px;\n-    height: 24px;\n-    margin: 4px;\n-}\n-.icon {\n-    color: $purple;\n-    &.fa-github-square:hover {\n-        color: #808080;\n-    }\n-    &.fa-twitter-square:hover {\n-        color: #5EA9DD;\n-    }\n-    &.fa-facebook-square:hover {\n-        color: #3B5998;\n-    }\n-    &.fa-tumblr-square:hover {\n-        color: #36465D;\n-    }\n-    &.fa-envelope:hover {\n-        color: #BE1E2D;\n-    }\n-}\n-.hiddenText {\n-    display: none;\n-}\n-footer {\n-    margin-top: 15px;\n-}\n-.numberCircle .listItem {\n-    border: none;\n-}\ndiff --git a/app/assets/stylesheets/components/common.scss b/app/assets/stylesheets/components/common.scss\nindex d2c536e..03c4dcb 100644\n--- a/app/assets/stylesheets/components/common.scss\n+++ b/app/assets/stylesheets/components/common.scss\n@@ -119,32 +119,28 @@ footer {\n     margin-top: 15px;\n }\n \n-.icon {\n+.iconLink {\n     display: inline-block;\n-    width: 10px;\n-    height: 10px;\n-    background: {\n-        size: 200% auto;\n-        position: 0 50%;\n-    }\n-    padding: 12px;\n+    width: 24px;\n+    height: 24px;\n     margin: 4px;\n-    &:hover {\n-        background-position: 100% 50%;\n-    }\n-    &.iconGitHub {\n-        background-image: asset-url(\'buttons_github.svg\');\n+}\n+\n+.icon {\n+    color: $purple;\n+    &.fa-github-square:hover {\n+        color: #808080;\n     }\n-    &.iconTwitter {\n-        background-image: asset-url(\'buttons_twitter.svg\');\n+    &.fa-twitter-square:hover {\n+        color: #5EA9DD;\n     }\n-    &.iconFacebook {\n-        background-image: asset-url(\'buttons_facebook.svg\');\n+    &.fa-facebook-square:hover {\n+        color: #3B5998;\n     }\n-    &.iconTumblr {\n-        background-image: asset-url(\'buttons_tumblr.svg\');\n+    &.fa-tumblr-square:hover {\n+        color: #36465D;\n     }\n-    &.iconEmail {\n-        background-image: asset-url(\'buttons_mail.svg\');\n+    &.fa-envelope:hover {\n+        color: #BE1E2D;\n     }\n }\ndiff --git a/app/assets/stylesheets/components/nav.scss b/app/assets/stylesheets/components/nav.scss\nindex 1e02973..2a02232 100644\n--- a/app/assets/stylesheets/components/nav.scss\n+++ b/app/assets/stylesheets/components/nav.scss\n@@ -33,8 +33,9 @@\n   .toiletLogo {\n       width: 45px;\n       height: 45px;\n-      background: asset-url("logo-100x100.png");\n-      background-size: 100% 100%;\n+      background-image: asset-url("logo-100x100.png");\n+      background-size: auto 100%;\n+      background-repeat: no-repeat;\n       position: relative;\n       float: left;\n       cursor: pointer;\n', 'commit_subject': 'css: delete application.css.scss, relocate styles', 'repo_name': 'RefugeRestrooms/refugerestrooms', 'committer': {'name': 'DeeDeeG', 'email': 'a27091bca0cdd19ec24b28a8fc2bcdaf75a60560@users.noreply.github.com', 'time_sec': '1506301912', 'tz_offset': '-240', 'date': {'seconds': '1506301912'}}, 'commit_tree': '847c3b8856fb838e1b82acea0c57770a181856f9', 'commit_message': "css: delete application.css.scss, relocate styles\n\nMoves styles from 'application.css.scss'\nto 'common.scss' and 'nav.scss', and deletes 'application.css.scss'\n\nWhy this is needed:\n\nThis PR is based far back on the develop branch. Some files\nhave been moved and changed since then.\n\nApplying the patches for this PR from its forking-off point, and then\nrebasing, made most of the changes from this PR end up where they were\nsupposed to go. A couple of changes made to 'application.css.scss'\nneeded to be moved by hand, so I moved them in this commit.\n\nWhat had changed since this PR was started:\n\n'application.css.scss' had its extension changed to just '.scss',\nand furthermore, application.scss is now mostly empty, after a recent\nreorganization of the stylesheets by hkly (#356).\n\nResolution:\n\nThe styles have been moved out to other files where they fit best.\n", 'language_name': 'Shell', 'license': 'agpl-3.0', 'hunks': '@@ -33,8 +33,9 @@\n   .toiletLogo {\n       width: 45px;\n       height: 45px;\n-      background: asset-url("logo-100x100.png");\n-      background-size: 100% 100%;\n+      background-image: asset-url("logo-100x100.png");\n+      background-size: auto 100%;\n+      background-repeat: no-repeat;\n       position: relative;\n       float: left;\n       cursor: pointer;\n', 'addition_count': 3, 'deletion_count': 2, 'src_file': 'a/app/assets/stylesheets/components/nav.scss', 'tgt_file': 'b/app/assets/stylesheets/components/nav.scss', 'file_extension': '.scss', 'before_file': '.navbar-default{\n  padding: 5px 0px;\n  background-color: transparent;\n  border-color: transparent;\n\n  .navbar-brand {\n    color: white;\n    width: 16em;\n    padding: 13.5px 60px;\n    &:hover {\n      color: white;\n    }\n    &:focus {\n      color: $light-purple;\n    }\n  }\n\n  ul.navbar-nav > li > a {\n    font-size: 10pt;\n    color: white;\n    &:hover, &:focus {\n      color: $light-purple;\n    }\n  }\n\n  .navbar-toggle {\n    color: white;\n    &:hover {\n      background-color: white;\n      color: black;\n    }\n  }\n  .toiletLogo {\n      width: 45px;\n      height: 45px;\n      background: asset-url("logo-100x100.png");\n      background-size: 100% 100%;\n      position: relative;\n      float: left;\n      cursor: pointer;\n      cursor: pointer;\n      top: 2px\n  }\n\n  .dropdown-menu > li  {\n    &:not(:last-child) {\n      border-bottom: 1px solid $light-gray;\n    }\n\n    > a {\n      white-space: normal;\n    }\n  }\n}\n', 'message': "css: delete application.css.scss, relocate styles\n\nMoves styles from 'application.css.scss'\nto 'common.scss' and 'nav.scss', and deletes 'application.css.scss'\n\nWhy this is needed:\n\nThis PR is based far back on the develop branch. Some files\nhave been moved and changed since then.\n\nApplying the patches for this PR from its forking-off point, and then\nrebasing, made most of the changes from this PR end up where they were\nsupposed to go. A couple of changes made to 'application.css.scss'\nneeded to be moved by hand, so I moved them in this commit.\n\nWhat had changed since this PR was started:\n\n'application.css.scss' had its extension changed to just '.scss',\nand furthermore, application.scss is now mostly empty, after a recent\nreorganization of the stylesheets by hkly (#356).\n\nResolution:\n\nThe styles have been moved out to other files where they fit best.\n", 'author_name': 'DeeDeeG', 'lang': 'scss'}