Browse Source

Fix for footer on mobile

development
Godwin 11 years ago
parent
commit
44a6bce08c
  1. 28
      app/assets/stylesheets/sass/_layout.scss
  2. 2
      app/views/shared/_footer.html.haml

28
app/assets/stylesheets/sass/_layout.scss

@ -567,14 +567,26 @@ main {
background-color: $primary-color;
i {
display: inline-block;
border-left: 3px solid;
height: 1em;
vertical-align: middle;
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
display: block;
height: 0.5em
}
.copyright {
margin-top: 2em;
text-align: right;
}
@include breakpoint(medium) {
i {
display: inline-block;
border-left: 3px solid;
height: 1em;
vertical-align: middle;
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
}
}
}

2
app/views/shared/_footer.html.haml

@ -5,6 +5,6 @@
%a{href: '/conferences/'}='Organizations'
%i
%a{href: '/resources/'}='Resources'
.columns.medium-3.large-3.text-right
.columns.medium-3.large-3.copyright
©2014 Bike!Bike!

Loading…
Cancel
Save