Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/StaticMania/portio-hugo.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAaron N. Brock <Contact@AaronNBrock.com>2020-10-05 06:11:54 +0300
committerAaron N. Brock <Contact@AaronNBrock.com>2020-10-05 06:11:54 +0300
commitcfaf37f62cd33bd4ba7f42846df4c0fe8defaf5c (patch)
treeedeb5e3b614f5ff4b6a97836a4a13936d07e98b4
parent6a633781f5761708c9edf367786c824edc86e0e8 (diff)
purge $secondary-font
-rw-r--r--assets/scss/_buttons.scss34
-rw-r--r--assets/scss/_variables.scss3
-rw-r--r--assets/scss/components/_footer-section.scss85
-rw-r--r--layouts/partials/footer.html2
4 files changed, 40 insertions, 84 deletions
diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss
index e635220..8b92d41 100644
--- a/assets/scss/_buttons.scss
+++ b/assets/scss/_buttons.scss
@@ -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 {
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
index 09db916..7a917a0 100644
--- a/assets/scss/_variables.scss
+++ b/assets/scss/_variables.scss
@@ -11,9 +11,6 @@ $dark-gray: #646569;
$white: #fff;
$black: #000;
-// Font Variables
-$secondary-font: "Poppins", sans-serif;
-
//////
////// Bootstrap Variables
//////
diff --git a/assets/scss/components/_footer-section.scss b/assets/scss/components/_footer-section.scss
index 85e50c1..bf8733f 100644
--- a/assets/scss/components/_footer-section.scss
+++ b/assets/scss/components/_footer-section.scss
@@ -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);
}
-} \ No newline at end of file
+}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 0833d7e..966ec50 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -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>