From 6053b900f8e98b5ae85c626026a9d9394b99e60a Mon Sep 17 00:00:00 2001 From: felipetaua Date: Thu, 9 Jan 2025 11:22:58 -0300 Subject: [PATCH] =?UTF-8?q?bugs=20corrigidos=20-=20barra=20de=20navega?= =?UTF-8?q?=C3=A7=C3=A3o,=20classe=20css=20e=20cor=20de=20fontes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/style.css | 55 ++++++++---------- index.html | 133 +++++++++++++++++++++++-------------------- 2 files changed, 97 insertions(+), 91 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index d0632cb..0d733c0 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -151,9 +151,9 @@ body.active { overflow: hidden; } .container { padding-inline: 15px; } -.shape {display: none;} +.shape { display: none; } -.section {padding-block: var(--section-padding);} +.section { padding-block: var(--section-padding); } .h1, .h2, @@ -165,7 +165,7 @@ body.active { overflow: hidden; } line-height: 1.2; } -.h2 { +.h1 { font-size: var(--fs-1); font-weight: var(--fw-400); } @@ -174,23 +174,21 @@ body.active { overflow: hidden; } .h3, .h4, .h5, -.h6 { font-weight: var(--fw-300);} +.h6 { font-weight: var(--fw-300); } -.h2 { font-size: var(--fs-2);} +.h2 { font-size: var(--fs-2); } -.h3 { font-size: var(--fs-3);} +.h3 { font-size: var(--fs-3); } -.h4 { font-size: var(--fs-4);} +.h4 { font-size: var(--fs-4); } -.h5 { font-size: var(--fs-5);} - -.h6 { font-size: var(--fs-6);} +.h5 { font-size: var(--fs-5); } +.h6 { font-size: var(--fs-6); } /*-----------------------------------*\ #LOADING \*-----------------------------------*/ - .loading { position: fixed; top: 0; @@ -200,10 +198,8 @@ body.active { overflow: hidden; } background-color: var(--white); z-index: 5; transform-origin: bottom; - transition: .5s var(--cubic-in); - transition-delay: .5s; - - display: none; + transition: 0.5s var(--cubic-in); + transition-delay: 0.5s; } .loading.loaded { @@ -211,7 +207,6 @@ body.active { overflow: hidden; } pointer-events: none; } - .loading > * { position: absolute; top: 50%; @@ -220,13 +215,13 @@ body.active { overflow: hidden; } transition: var(--transition-2); } -.loading.loaded > * { opacity: 0;} +.loading.loaded > * { opacity: 0; } -.loading .circle { animation: rotate360 1.5s linear infinite;} +.loading .circle { animation: rotate360 1.5s linear infinite; } @keyframes rotate360 { - 0% { transform: translate(-50%, -50%) rotate(0);} - 100% { transform: translate(-50%, -50%) rotate(1turn);} + 0% { transform: translate(-50%, -50%) rotate(0); } + 100% { transform: translate(-50%, -50%) rotate(1turn); } } @@ -268,17 +263,17 @@ body.active { overflow: hidden; } padding: 25px; overflow-y: auto; z-index: 2; - transition: .25s var(--cubic-out); + transition: 0.25s var(--cubic-out); visibility: hidden; } .navbar.active { - visibility: visible; + visibility: visible; transform: translateX(-280px); - transition-duration: .5s; + transition-duration: 0.5s; } -.navbar-top .logo .img {width: 130px;} +.navbar-top .logo .img { width: 130px; } .nav-close-btn { width: 25px; @@ -295,9 +290,9 @@ body.active { overflow: hidden; } .nav-close-btn .one { transform: rotate(45deg) translate(2px, 2px); } -.nav-close-btn .two { transform: rotate(-45deg);} +.nav-close-btn .two { transform: rotate(-45deg); } -.nav-close-btn:is(:hover, :focus-visible) .span { background-color: var(--radical-red);} +.nav-close-btn:is(:hover, :focus-visible) .span { background-color: var(--radical-red); } .navbar-list { text-align: center; @@ -312,7 +307,7 @@ body.active { overflow: hidden; } transition: var(--transition-1); } -.navbar-link:is(:hover, :focus-visible) { color: var(--radical-red);} +.navbar-link:is(:hover, :focus-visible) { color: var(--radical-red); } .login-btn { display: flex; @@ -327,7 +322,7 @@ body.active { overflow: hidden; } margin-block-end: 50px; } -.login-btn .span { font-weight: var(--fw-500);} +.login-btn .span { font-weight: var(--fw-500); } .navbar-title { font-size: var(--fs-8); @@ -349,7 +344,7 @@ body.active { overflow: hidden; } font-weight: var(--fw-400); } -.navbar .contact-link:is(:hover, :focus-visible) {text-decoration: underline;} +.navbar .contact-link:is(:hover, :focus-visible) { text-decoration: underline; } .overlay { position: fixed; @@ -362,7 +357,7 @@ body.active { overflow: hidden; } } .overlay.active { - opacity: .75; + opacity: 0.75; pointer-events: all; } diff --git a/index.html b/index.html index 85a4ef2..4349743 100644 --- a/index.html +++ b/index.html @@ -25,70 +25,81 @@ -
+
- - - + + + +
+
-
+