add footer
This commit is contained in:
parent
b0270cc98b
commit
bd78b8e4d7
8 changed files with 92 additions and 5 deletions
53
imports/ui/components/Footer/Footer.scss
Normal file
53
imports/ui/components/Footer/Footer.scss
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
@import '../../stylesheets/mixins';
|
||||
@import '../../stylesheets/colors';
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.Footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background-color: #fff;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
padding: 20px 0;
|
||||
|
||||
p {
|
||||
color: $gray-light;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
float: left;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $gray-light;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
.Footer ul li:first-child {
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue