Skip to content

Commit

Permalink
atlrug#42: Fix incompatible mixin in navigation CSS
Browse files Browse the repository at this point in the history
`border-radius` mixin is no longer supported by Bootstrap as of <a
href=“https://github.com/twbs/bootstrap/pull/6342” target=“_blank”>TWBS
Pull 6342: </a>
>Remove .border-radius() and .border-*-*-radius mixins.
>As only Android 2.1, iOS 3.2, and older desktop browsers require a
prefixed version, we've
>removed the base mixin. Since we no longer require prefixes for
independent corners, we've
>dropped those mixins as well. Mixins for a single side, like
.border-left-radius, are still available.
So I just deleted the references in components/navigations.css.scss and
added that file back to the import list in application.css.scss
  • Loading branch information
emilymerwin committed Feb 19, 2014
1 parent 0c37310 commit fff2785
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 2 deletions.
1 change: 1 addition & 0 deletions app/assets/stylesheets/application.css.scss
Original file line number Diff line number Diff line change
Expand Up @@ -14,3 +14,4 @@
@import "components/footer";
@import "components/banner";
@import "components/forms";
@import "components/navigation";
4 changes: 2 additions & 2 deletions app/assets/stylesheets/components/navigation.css.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
a { display: block; text-align: center; }
}
a.btn.btn-navbar { background-image: none; background-color: darken($tan, 30%); border-color: darken($tan, 35%);}
.navbar-inner { position: relative; z-index: 50; border-bottom: 1px solid #c8c2b5; @include border-radius(0); background-image: none; background-color: $tan; @include box-shadow(rgba(#000, 0.02) 0 15px 3px); }
.logo { position: absolute; @include box-shadow(rgba(#000, 0.02) 0 15px 3px);background-color: $tan; @include border-radius(1000px); padding: 0px; position: absolute; top: 3px; left: 45%; z-index: 100; }
.navbar-inner { position: relative; z-index: 50; border-bottom: 1px solid #c8c2b5; background-image: none; background-color: $tan; @include box-shadow(rgba(#000, 0.02) 0 15px 3px); }
.logo { position: absolute; @include box-shadow(rgba(#000, 0.02) 0 15px 3px);background-color: $tan; padding: 0px; position: absolute; top: 3px; left: 45%; z-index: 100; }
.nav>li>a { line-height: 1em; padding: 10px; margin-top: 1.5em; margin-bottom: 1.5em; margin-left: 0.25em; margin-right: 0.25em; }
.nav-links {
a { color: $gray; font-size: 1.2em; border-bottom: 2px solid $tan;
Expand Down

0 comments on commit fff2785

Please sign in to comment.