github.com/yoctocloud/packer@v0.6.2-0.20160520224004-e11a0a18423f/website/source/assets/stylesheets/_footer.scss (about) 1 #footer{ 2 background-color: $black; 3 padding: 20px 0; 4 5 &.white{ 6 background-color: $black; 7 .footer-links{ 8 li > a { 9 @include project-footer-a-subpage-style(); 10 } 11 } 12 } 13 14 .footer-links{ 15 li > a { 16 @include project-footer-a-style(); 17 } 18 } 19 20 .hashicorp-project{ 21 margin-top: 24px; 22 &:hover{ 23 svg{ 24 .svg-bg-line{ 25 opacity: .4; 26 } 27 } 28 } 29 } 30 31 .pull-right{ 32 padding-right: 15px; 33 } 34 } 35 36 body{ 37 &.page-Community{ 38 .edit-page-link{ 39 position: absolute; 40 top: -70px; 41 right: 30px; 42 } 43 } 44 } 45 46 .edit-page-link{ 47 position: absolute; 48 top: -150px; 49 right: 30px;; 50 51 a{ 52 text-transform: uppercase; 53 color: $black; 54 font-size: 13px; 55 } 56 } 57 58 @media (min-width: 1500px) { 59 .edit-page-link{ 60 top: -56px; 61 } 62 } 63 64 @media (max-width: 768px) { 65 #footer{ 66 padding: 20px 0 80px; 67 text-align: center; 68 69 .footer-hashi{ 70 display: block; 71 float: none !important; 72 .hashicorp-project{ 73 margin-left: -30px; 74 } 75 } 76 77 ul{ 78 display: block; 79 width: 100%; 80 li{ 81 display: block; 82 float: none; 83 } 84 85 &.external-links{ 86 li{ 87 a{ 88 padding-left: 0 !important; 89 margin-left: -14px; 90 } 91 svg{ 92 position: relative; 93 left: 0; 94 top: 2px; 95 margin-top: 0; 96 margin-right: 4px; 97 } 98 } 99 } 100 } 101 } 102 }