purge $secondary-font

master
Aaron N. Brock 4 years ago
parent 6a633781f5
commit cfaf37f62c
  1. 34
      assets/scss/_buttons.scss
  2. 3
      assets/scss/_variables.scss
  3. 85
      assets/scss/components/_footer-section.scss
  4. 2
      layouts/partials/footer.html

@ -8,46 +8,12 @@
// }
// }
// .hire_button{
// background: $primary_color;
// padding: 15px 30px;
// color: #fff;
// text-decoration: none;
// border-radius: 7px;
// font-size: 16px;
// font-family: $secondary-font;
// font-weight: 400;
// border: 1px solid transparent;
// transition: all .3s ease;
// transform: scale(1);
// &:hover{
// background: #425FEE;
// box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
// transform: scale(1.03);
// }
// @include desktop{
// text-align: center;
// }
// }
// Button Override
.btn {
display: inline-block;
padding: 15px 30px;
font-family: $secondary-font;
font-size: 16px;
// background: $primary-color;
border-radius: 7px;
//color: #fff;
// ext-decoration: none;
// border: 1px solid transparent;
// transition: all 0.3s ease;
// transform: scale(1);
// &:hover {
// background: #425fee;
// box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
// transform: scale(1.03);
// }
}
.btn-lg {

@ -11,9 +11,6 @@ $dark-gray: #646569;
$white: #fff;
$black: #000;
// Font Variables
$secondary-font: "Poppins", sans-serif;
//////
////// Bootstrap Variables
//////

@ -1,24 +1,24 @@
.footer{
background: #1B2031;
.footer {
background: #1b2031;
position: relative;
margin-top: 150px;
&__background_shape{
&__background_shape {
position: absolute;
width: 100%;
top: 0;
left: 0;
svg{
svg {
height: 100%;
width: 100%;
path{
path {
fill: $white;
}
}
@include mobile{
@include mobile {
display: none;
}
}
&__cta{
&__cta {
background: $primary-color;
padding: 100px 80px;
border-radius: 20px;
@ -29,21 +29,21 @@
position: relative;
overflow: hidden;
z-index: 5;
.shape-1{
.shape-1 {
position: absolute;
z-index: -1;
transform: rotate(-20deg);
top: -43%;
left: 2%;
animation: moveLeft 5s infinite linear;
svg{
path{
svg {
path {
fill: #ffffff;
opacity: .07;
opacity: 0.07;
}
}
}
.shape-2{
.shape-2 {
position: absolute;
z-index: -1;
transform: rotate(80deg);
@ -52,37 +52,37 @@
width: 235px;
height: 208px;
animation: move_top 3s infinite linear;
svg{
svg {
height: 100%;
width: 100%;
path{
path {
fill: #ffffff;
opacity: .07;
opacity: 0.07;
}
}
}
@include desktop{
@include desktop {
padding: 70px 40px;
}
&_content{
&_content {
width: 60%;
@include desktop{
@include desktop {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
span{
span {
font-size: 20px;
display: block;
line-height: 1;
margin: 0 0 20px 40px;
position: relative;
@include desktop{
@include desktop {
display: inline-block;
}
&::before{
&::before {
position: absolute;
content: '';
content: "";
height: 2px;
width: 20px;
left: -40px;
@ -92,23 +92,23 @@
}
}
}
&_action{
&_action {
width: 40%;
@include desktop{
@include desktop {
width: 100%;
text-align: center;
}
a{
a {
float: right;
@include desktop{
@include desktop {
float: none;
}
}
}
}
&__widget{
&__widget {
padding: 100px 0;
@include desktop{
@include desktop {
text-align: center;
padding: 50px 0;
.footer__widget_address {
@ -122,24 +122,16 @@
// &_address{
// }
}
&__footer{
&__footer {
padding: 50px 0;
border-top: 1px solid rgba(255, 255, 255, .2);
@include desktop{
border-top: 1px solid rgba(255, 255, 255, 0.2);
@include desktop {
text-align: center;
}
&_copy{
p{
color: #fff;
font-size: 16px;
font-family: $secondary-font;
margin: 0;
}
}
&_social{
ul{
&_social {
ul {
float: right;
@include desktop{
@include desktop {
margin: 20px auto 0;
float: none;
}
@ -147,14 +139,15 @@
}
}
}
@keyframes moveLeft{
0%, 100% {
@keyframes moveLeft {
0%,
100% {
-webkit-transform: translateX(0) rotate(-20deg);
transform: translateX(0) rotate(-20deg);
}
50% {
-webkit-transform: translateX(15px) rotate(-20deg);
transform: translateX(15px) rotate(-20deg);
}
}
}

@ -68,7 +68,7 @@
</div>
<div class="row footer__footer">
<div class="col-lg-6">
<div class="footer__footer_copy">
<div class="footer__footer_copy text-light">
<p>{{ .Site.Params.copyright }}</p>
</div>
</div>

Loading…
Cancel
Save