JonasFranzDEV
/
portio-hugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

purge $secondary-font

Browse Source
master
Aaron N. Brock 4 years ago
parent 6a633781f5
commit cfaf37f62c
4 changed files with 40 additions and 84 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  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

34
assets/scss/_buttons.scss
Unescape View File

@ -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 // Button Override
.btn { .btn {
display: inline-block; display: inline-block;
padding: 15px 30px; padding: 15px 30px;
font-family: $secondary-font;
font-size: 16px; font-size: 16px;
// background: $primary-color;
border-radius: 7px; 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 { .btn-lg {

3
assets/scss/_variables.scss
Unescape View File

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

85
assets/scss/components/_footer-section.scss
Unescape View File

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

2
layouts/partials/footer.html
Unescape View File

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

Write Preview
Loading…
Cancel
Save