Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
37ee0736 by bootflat
Options

Modify the _footer.scss

1 parent b5921136
Expand all
Inline Side-by-side
Showing 6 changed files with 23 additions and 4 deletions
...@@ -1681,6 +1681,17 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it ...@@ -1681,6 +1681,17 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it
1681 padding: 0 20px; 1681 padding: 0 20px;
1682 width: 20%; 1682 width: 20%;
1683 } 1683 }
1684 @media (max-width: 768px) {
1685 .footer .footer-logo {
1686 margin-bottom: 20px;
1687 }
1688 .footer .footer-logo,
1689 .footer .footer-nav {
1690 float: none;
1691 display: block;
1692 width: 100%;
1693 }
1694 }
1684 .footer .footer-logo { 1695 .footer .footer-logo {
1685 margin-top: -5px; 1696 margin-top: -5px;
1686 height: 32px; 1697 height: 32px;
......
...@@ -28,6 +28,17 @@ $footer-logo-color: $white !default; ...@@ -28,6 +28,17 @@ $footer-logo-color: $white !default;
28 padding: 0 20px; 28 padding: 0 20px;
29 width: 20%; 29 width: 20%;
30 } 30 }
31 @media (max-width: 768px) {
32 #{&}-logo {
33 margin-bottom: 20px;
34 }
35 #{&}-logo,
36 #{&}-nav {
37 float: none;
38 display: block;
39 width: 100%;
40 }
41 }
31 #{&}-logo { 42 #{&}-logo {
32 margin-top: -5px; 43 margin-top: -5px;
33 height: 32px; 44 height: 32px;
......
This diff could not be displayed because it is too large.
...@@ -1793,7 +1793,7 @@ ...@@ -1793,7 +1793,7 @@
1793 <div class="footer"> 1793 <div class="footer">
1794 <div class="container"> 1794 <div class="container">
1795 <div class="clearfix"> 1795 <div class="clearfix">
1796 <div class="footer-logo"><a href="#"><img src="../img/footer-logo.png" />Bootflat</a></div> 1796 <div class="footer-logo"><a href="#"><img src="img/footer-logo.png" />Bootflat</a></div>
1797 <dl class="footer-nav"> 1797 <dl class="footer-nav">
1798 <dt class="nav-title">PORTFOLIO</dt> 1798 <dt class="nav-title">PORTFOLIO</dt>
1799 <dd class="nav-item"><a href="#">Web Design</a></dd> 1799 <dd class="nav-item"><a href="#">Web Design</a></dd>
...@@ -1940,9 +1940,6 @@ ...@@ -1940,9 +1940,6 @@
1940 </div> 1940 </div>
1941 </div> 1941 </div>
1942 </div> 1942 </div>
1943 <script type="text/javascript">
1944 SyntaxHighlighter.all();
1945 </script>
1946 <script> 1943 <script>
1947 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 1944 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1948 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1945 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
......