More progress

This commit is contained in:
Thomas Smith 2023-02-01 18:24:25 -05:00
parent 3802f8b71a
commit ebe1f9c37d
4 changed files with 8 additions and 218 deletions

View file

@ -559,8 +559,8 @@
<!-- Teal Impact Section -->
<section class="teal-bg impact-section">
<div class="container two-boxes">
<section class="teal-bg impact-section two-boxes">
<div class="container">
<div class="row">
<div class="col">
<div>
@ -614,7 +614,7 @@
<!-- Features -->
<section>
<section class="two-boxes-up">
<div class="container">
<div class="row">
<div class="col-8">
@ -657,7 +657,7 @@
<!-- Homebrew v. tea Section -->
<section class="features">
<section class="features two-boxes-down">
<div class="container">
<div class="divider two-boxes-down">
@ -882,7 +882,7 @@
.vertical-rule-gray {
width: 1px;
height: 75px;
height: 35px;
background-color: #949494;
display: block;
margin-left: auto;

View file

@ -13,7 +13,7 @@
</li>
{{ end }}
<li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
<a class="nav-link" aria-current="page" href="https://github.com/teaxyz/cli/stargazers">GIVE A STAR (&#9734;<span class="stargazers"></span>)</a>
<a class="nav-link" aria-current="page" href="https://github.com/teaxyz/cli/stargazers"><i class="icon-github"></i>GitHub (&#9734;<span class="stargazers"></span>)</a>
</li>
<style>

View file

@ -5,8 +5,6 @@
width:100%;
}
@media only screen and (min-width: 1200px) {
div.container-fluid.top-nav{
padding-left: 0px !important;
padding-right: 0px !important;
@ -14,7 +12,7 @@
.navbar{
background-color: #1a1a1a !important;
height: 60px !important;
height: 62px !important;
border-bottom: 2px solid #949494;
}
@ -27,214 +25,6 @@
}
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 1vw;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
/* Menu CTA */
.hbtn {
font-family: "pp-neue-machina";
background-color: #8000ff;
position: relative;
box-sizing: border-box;
height: 4.9vw !important;
display: inline-block;
overflow: hidden;
padding: 8px 20px;
width: 300px;
text-align: center;
border:none;
text-decoration: none;
color: rgb(225, 225, 225);
white-space: nowrap;
z-index: 0;
}
.hbtn i {
padding-right: 8px;
}
.hb-fill-right::before {
position: absolute;
content: "";
background: rgb(91, 0, 184);
transition-duration: 0.2s;
z-index: -1;
inset: 0px auto auto 0px;
width: 0px;
height: 100%;
opacity: 1;
}
.hb-fill-right:hover::before {
width: 100%;
height: 100%;
opacity: 1;
}
.hb-fill-right:hover {
color: rgb(255, 255, 255);
background: rgb(91, 0, 184);
transition: color 0.3s ease 0s, background 0s ease 0.3s;
}
/* End Menu CTA */
div.container-fluid.top-nav{
padding-left: 0px !important;
padding-right: 0px !important;
}
.navbar{
background-color: #1a1a1a !important;
height: 5vw;
border-bottom: 2px solid #949494;
}
.navbar-brand{
padding-top:0px !important;
padding-bottom: 0px !important;
}
.nav-logo{
width: 4.9vw;
}
.nav-logo:hover{
transform: scale(0.9);
}
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 1.2vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
div.container-fluid.top-nav{
padding-left: 0px !important;
}
.navbar{
background-color: #1a1a1a !important;
height: 10vw;
border-bottom: 2px solid #949494;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.navbar-brand{
padding-top:0px;
padding-bottom: 0px;
}
.container-fluid{
background: none !important;
}
.nav-logo{
width: 9.8vw;
top:0px !important;
}
.nav-logo:hover{
transform: scale(0.9);
}
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 1.2vw;
}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
div.container-fluid.top-nav{
padding-left: 0px !important;
}
.navbar{
background-color: #1a1a1a !important;
height: 13.5vw;
border-bottom: 2px solid #949494;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.navbar-brand{
padding-top:0px;
padding-bottom: 0px;
}
.container-fluid{
background: none !important;
}
.nav-logo{
width: 13.2vw;
top:0px !important;
}
.nav-logo:hover{
transform: scale(0.9);
}
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 1.2vw;
}
}
@media only screen and (max-width: 576px) {
div.container-fluid.top-nav{
padding-left: 0px !important;
}
.navbar{
background-color: #1a1a1a !important;
height: 11vw;
border-bottom: 2px solid #949494;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.navbar-brand{
padding-top:0px;
padding-bottom: 0px;
}
.container-fluid{
background: none !important;
}
.nav-logo{
width: 10.7vw;
top:0px !important;
}
.nav-logo:hover{
transform: scale(0.9);
}
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 1.2vw;
}
}

View file

@ -68,7 +68,7 @@ p{
}
li{
font-family: "sono", sans-serif;
font-family: "inter", sans-serif !important;
color: #ffffff;
}