_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