Commit f55cea70 authored by Павел Щеглов's avatar Павел Щеглов
Browse files

Добавлен sticky-footer

parent b9ed29d1
......@@ -41,7 +41,7 @@ const paths = {
gulp.task('styles', function () {
return gulp.src(paths.styles.input)
.pipe(sass().on('error', sass.logError))
.pipe(sass({includePaths: require('node-normalize-scss').includePaths}).on('error', sass.logError))
.pipe(autoprefixer({browsers: ['> 1%'], cascade: false}))
.pipe(cssnano())
.pipe(gulp.dest(paths.styles.output));
......
@import "normalize"
@import "lib/media"
\ No newline at end of file
@import "lib/mixins"
@import "lib/media"
+sticky-footer(50px)
\ No newline at end of file
=clearfix
&:after
content: ""
display: table
clear: both
=sticky-footer($footer-height, $wrapper-selector: unquote("#wrapper"), $container-selector: unquote("#container"), $footer-selector: unquote("#footer"))
html, body
height: 100%
body
margin: 0
padding: 0
#{$wrapper-selector}
min-height: 100%
height: auto !important
height: 100%
margin-bottom: -$footer-height
#{$container-selector}
padding: 0 0 $footer-height 0
#{$footer-selector}
height: $footer-height
\ No newline at end of file
......@@ -9,6 +9,13 @@
<link rel="stylesheet" href="./stylesheets/application.css">
</head>
<body>
<!-- @@placeholder = content -->
<div class="wrapper" id="wrapper">
<div id="container">
<!-- @@placeholder = content -->
</div>
</div>
<div class="wrapper no-shadow">
Footer
</div>
</body>
</html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment