removed the 5rem navbar-height

This commit is contained in:
Sagi Dayan 2020-05-10 12:08:39 -04:00
parent bc6ace210a
commit 2df7210336
2 changed files with 21 additions and 21 deletions

View file

@ -4228,7 +4228,7 @@ a.list-item {
.navbar { .navbar {
background-color: white; background-color: white;
min-height: 5rem; min-height: 3.25rem;
position: relative; position: relative;
z-index: 30; } z-index: 30; }
.navbar.is-white { .navbar.is-white {
@ -4684,7 +4684,7 @@ a.list-item {
.navbar > .container { .navbar > .container {
align-items: stretch; align-items: stretch;
display: flex; display: flex;
min-height: 5rem; min-height: 3.25rem;
width: 100%; } width: 100%; }
.navbar.has-shadow { .navbar.has-shadow {
box-shadow: 0 2px 0 0 whitesmoke; } box-shadow: 0 2px 0 0 whitesmoke; }
@ -4702,18 +4702,18 @@ a.list-item {
html.has-navbar-fixed-top, html.has-navbar-fixed-top,
body.has-navbar-fixed-top { body.has-navbar-fixed-top {
padding-top: 5rem; } padding-top: 3.25rem; }
html.has-navbar-fixed-bottom, html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom { body.has-navbar-fixed-bottom {
padding-bottom: 5rem; } padding-bottom: 3.25rem; }
.navbar-brand, .navbar-brand,
.navbar-tabs { .navbar-tabs {
align-items: stretch; align-items: stretch;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
min-height: 5rem; } min-height: 3.25rem; }
.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { .navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
background-color: transparent; } background-color: transparent; }
@ -4728,9 +4728,9 @@ body.has-navbar-fixed-bottom {
color: #4a4a4a; color: #4a4a4a;
cursor: pointer; cursor: pointer;
display: block; display: block;
height: 5rem; height: 3.25rem;
position: relative; position: relative;
width: 5rem; width: 3.25rem;
margin-left: auto; } margin-left: auto; }
.navbar-burger span { .navbar-burger span {
background-color: currentColor; background-color: currentColor;
@ -4797,7 +4797,7 @@ a.navbar-item,
flex-shrink: 1; } flex-shrink: 1; }
.navbar-item.is-tab { .navbar-item.is-tab {
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
min-height: 5rem; min-height: 3.25rem;
padding-bottom: calc(0.5rem - 1px); } padding-bottom: calc(0.5rem - 1px); }
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover { .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
background-color: transparent; background-color: transparent;
@ -4864,14 +4864,14 @@ a.navbar-item,
top: 0; } top: 0; }
.navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
max-height: calc(100vh - 5rem); max-height: calc(100vh - 3.25rem);
overflow: auto; } overflow: auto; }
html.has-navbar-fixed-top-touch, html.has-navbar-fixed-top-touch,
body.has-navbar-fixed-top-touch { body.has-navbar-fixed-top-touch {
padding-top: 5rem; } padding-top: 3.25rem; }
html.has-navbar-fixed-bottom-touch, html.has-navbar-fixed-bottom-touch,
body.has-navbar-fixed-bottom-touch { body.has-navbar-fixed-bottom-touch {
padding-bottom: 5rem; } } padding-bottom: 3.25rem; } }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
.navbar, .navbar,
@ -4881,7 +4881,7 @@ a.navbar-item,
align-items: stretch; align-items: stretch;
display: flex; } display: flex; }
.navbar { .navbar {
min-height: 5rem; } min-height: 3.25rem; }
.navbar.is-spaced { .navbar.is-spaced {
padding: 1rem 2rem; } padding: 1rem 2rem; }
.navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-start,
@ -4996,16 +4996,16 @@ a.navbar-item,
top: 0; } top: 0; }
html.has-navbar-fixed-top-desktop, html.has-navbar-fixed-top-desktop,
body.has-navbar-fixed-top-desktop { body.has-navbar-fixed-top-desktop {
padding-top: 5rem; } padding-top: 3.25rem; }
html.has-navbar-fixed-bottom-desktop, html.has-navbar-fixed-bottom-desktop,
body.has-navbar-fixed-bottom-desktop { body.has-navbar-fixed-bottom-desktop {
padding-bottom: 5rem; } padding-bottom: 3.25rem; }
html.has-spaced-navbar-fixed-top, html.has-spaced-navbar-fixed-top,
body.has-spaced-navbar-fixed-top { body.has-spaced-navbar-fixed-top {
padding-top: 7rem; } padding-top: 5.25rem; }
html.has-spaced-navbar-fixed-bottom, html.has-spaced-navbar-fixed-bottom,
body.has-spaced-navbar-fixed-bottom { body.has-spaced-navbar-fixed-bottom {
padding-bottom: 7rem; } padding-bottom: 5.25rem; }
a.navbar-item.is-active, a.navbar-item.is-active,
.navbar-link.is-active { .navbar-link.is-active {
color: #0a0a0a; } color: #0a0a0a; }
@ -5016,7 +5016,7 @@ a.navbar-item,
background-color: #fafafa; } } background-color: #fafafa; } }
.hero.is-fullheight-with-navbar { .hero.is-fullheight-with-navbar {
min-height: calc(100vh - 5rem); } min-height: calc(100vh - 3.25rem); }
.pagination { .pagination {
font-size: 1rem; font-size: 1rem;
@ -7484,7 +7484,7 @@ html {
margin: -.8em auto; } margin: -.8em auto; }
.is-fullheight { .is-fullheight {
min-height: calc(100vh - ( 5rem )); } min-height: calc(100vh - ( 3.25rem )); }
.is-fullwidth { .is-fullwidth {
width: 100vw; width: 100vw;
@ -7546,7 +7546,7 @@ html {
z-index: 100; z-index: 100;
position: fixed; position: fixed;
right: 25px; right: 25px;
top: calc(25px + ( 5rem )); } top: calc(25px + ( 3.25rem )); }
.notification-fade { .notification-fade {
animation: notification-fade .2s; } animation: notification-fade .2s; }
@ -7637,7 +7637,7 @@ video {
justify-content: center; } justify-content: center; }
.video-side-bar { .video-side-bar {
height: calc(100vh - ( 5rem )); } height: calc(100vh - ( 3.25rem )); }
.video-side-bar video { .video-side-bar video {
width: 100%; width: 100%;
height: 50%; height: 50%;

View file

@ -8,4 +8,4 @@
// $widescreen-enabled: false; // $widescreen-enabled: false;
// $fullhd-enabled: false; // $fullhd-enabled: false;
$navbar-height: 5rem; // $navbar-height: 5rem;