_sass/Layout.scss in jekyll-theme-fica-0.1.3 vs _sass/Layout.scss in jekyll-theme-fica-0.1.4

- old
+ new

@@ -17,11 +17,11 @@ @include relative-font-size(1.625); font-weight: 690; letter-spacing: -1px; margin-bottom: 0; float: left; - font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; + font-family: $base-font-family; @include media-query($on-palm) { padding-right: 45px; } @@ -63,23 +63,22 @@ margin-bottom: 0%; font-size: 2.20rem; color: $header-bg-color; text-align: center; font-weight: bold; - font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-family: $base-font-family; padding-bottom: 7px; } .page-header-description { margin-bottom: 0%; padding-bottom: 10px; font-size: 1.2rem; color: $header-bg-color; text-align: center; font-weight: lighter; - font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; - position: relative; + font-family: $base-font-family; animation-name: des_app; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; @keyframes des_app { @@ -89,46 +88,12 @@ 70% {opacity: 70%;} 90% {opacity: 90%;} 100% {opacity: 100%;} } } - - //Side Navigation - .sidenav { - width: 130px; - z-index: 1; - top: 110px; - left: 15px; - background: $menu-bdr-color; - overflow-x: hidden; - padding: 8px 0; - border-radius: 5%; - } - - .sidenav a { - display: list-item; - list-style-type: disc; - list-style-position: inside; - padding: 6px 8px 6px 16px; - font-size: 17px; - color: $link-base-color; - display: block; - } - - .sidenav a:hover { - color: $link-hover-color; - } - - @media screen and (max-height: 450px) { - .sidenav { - padding-top: 15px; - } - .sidenav a { - font-size: 18px; - } - } - + + // Site.nav .site-nav { position: absolute; top: 9px; right: $spacing-unit / 2; background-color: $menu-bdr-color; @@ -180,11 +145,11 @@ line-height: $base-line-height; letter-spacing: 0rem; display: block; padding: 5px 10px; - font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; + font-family: $base-font-family; // Gaps between nav items, but not on the last one &:not(:last-child) { margin-right: 0; } @@ -222,50 +187,18 @@ } margin-left: auto; } } } - /** * Site footer */ .site-footer { background-color: $footer-bg-color; padding: $spacing-unit 0; } - .footer-heading { - @include relative-font-size(1.125); - margin-bottom: $spacing-unit / 2; - } - - .footer-col { - margin-bottom: $spacing-unit / 2; - } - - .footer-col-1, - .footer-col-2 { - width: calc(50% - (#{$spacing-unit} / 2)); - } - - .footer-col-3 { - width: calc(100% - (#{$spacing-unit} / 2)); - } - - @media screen and (min-width: $on-large) { - .footer-col-1 { - width: calc(35% - (#{$spacing-unit} / 2)); - } - - .footer-col-2 { - width: calc(20% - (#{$spacing-unit} / 2)); - } - - .footer-col-3 { - width: calc(45% - (#{$spacing-unit} / 2)); - } - } .Links_footer { list-style: none; color: $link-base-color; width: calc(100% - (#{$spacing-unit} / 2)); padding: 0 ($spacing-unit / 2); @@ -325,17 +258,18 @@ &:hover { color: #f0ffff; text-decoration: none; } } - + @media screen and (min-width: $on-medium) { .footer-col-wrapper { display: flex; } .footer-col { + margin-bottom: $spacing-unit / 2; width: calc(28% - (#{$spacing-unit} / 2)); padding: 0 ($spacing-unit / 2); &:first-child { padding-right: $spacing-unit / 2; @@ -346,10 +280,11 @@ padding-right: 0; padding-left: $spacing-unit / 2; } } .footer-middle { + margin-bottom: $spacing-unit / 2; width: calc(35% - (#{$spacing-unit} / 2)); padding: 0 ($spacing-unit / 2); &:first-child { padding-right: $spacing-unit / 2; @@ -360,10 +295,11 @@ padding-right: 0; padding-left: $spacing-unit / 2; } } .footer-last { + margin-bottom: $spacing-unit / 2; width: calc(35% - (#{$spacing-unit} / 2)); padding: 0 ($spacing-unit / 2); &:first-child { padding-right: $spacing-unit / 2; @@ -501,10 +437,10 @@ width: calc(50% - (#{$spacing-unit} / 2)); } } .btn { - padding: 7px 25px; + padding: 8px 25px; border: none; border-radius: 5px; cursor: pointer; color: $text-color; background-color: $btn-bg-color; \ No newline at end of file