spawntree
/
washnroll
2
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
1 Branch
7.5 MiB
 
 
 
Tree: 9643f1b44f
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '9643f1b44f'
${ noResults }
washnroll/files/wash-n-roll/internal/scss/layout/_footer.scss

107 lines
2.3 KiB
Raw Blame History 

  1. footer {

  2.   border-top: 4rem solid #fff;

  3.   background: #5C5B5B;

  4.   color: #fff;

  5. 

  6.   .inside {

  7.     @include make-container();

  8.     max-width: 1280px;

  9.     position: relative;

  10.     display: flex;

  11.     justify-content: space-between;

  12.     padding: 70px 0 45px 0;

  13.     font-weight: 300;

  14. 

  15.     h3 {

  16.       font-size: size(24);

  17.       line-height: size(29);

  18.       padding-bottom: 1.5rem;

  19.       font-family: 'Lato', sans-serif;

  20.     }

  21.     .mod_navigation {

  22.       width: 50%;

  23. 

  24.       ul {

  25.         

  26.         li {

  27.           font-size: size(18);

  28.           line-height: size(22);

  29.           padding: 0 0 12px 0;

  30.           a {

  31.             display: inline-block;

  32.             padding: 5px 0;

  33.             font-size: size(16);

  34.             text-decoration: none;

  35.             color: #fff;

  36.             &:hover {

  37.               text-decoration: underline;

  38.             }

  39.           }

  40.         }

  41.       }

  42.     }

  43.   }

  44.   .social-media {

  45.     display: flex;

  46.     justify-content: flex-start;

  47.     position: absolute;

  48.     left: 50%;

  49.     bottom: 65px;

  50.     li {

  51.       padding: 0 1.5rem 0 0;

  52.     }

  53.     a {

  54.       display: block;

  55.       width: 42px;

  56.       height: 42px;

  57.       font-size: 1px;

  58.       line-height: 1px;

  59.       text-indent: -9999px;

  60.     }

  61.     .fb {

  62.       a {

  63.         background: transparent url("../images/logos/sm-logo-facebook.svg") no-repeat left top;

  64.         background-size: 100% auto;

  65.       }

  66.     }

  67.     .ig {

  68.       a {

  69.         background: transparent url("../images/logos/sm-logo-instagram.svg") no-repeat left top;

  70.         background-size: 100% auto;

  71.       }

  72.     }

  73.   }

  74. 

  75.   //.social-media {

  76.   //  display: flex;

  77.   //  margin: 0 0 10px 0;

  78.   //  padding: 0;

  79.   //

  80.   //  li {

  81.   //    margin: 0 10px;

  82.   //    padding: 0;

  83.   //    list-style-type: none;

  84.   //

  85.   //    a {

  86.   //      font-size: size(26);

  87.   //      line-height: 0;

  88.   //      text-align: center;

  89.   //      width: 36px;

  90.   //      height: 36px;

  91.   //      color: $secondary;

  92.   //      border: 1px solid $secondary;

  93.   //      display: flex;

  94.   //      justify-content: center;

  95.   //      align-items: center;

  96.   //      border-radius: 5px;

  97.   //      transition: 0.2s;

  98.   //

  99.   //      &:hover {

  100.   //        background: $secondary;

  101.   //        color: #fff;

  102.   //      }

  103.   //    }

  104.   //  }

  105.   //}

  106. }