mirror of
https://github.com/tabler/tabler.git
synced 2026-07-29 14:34:37 +04:00
top navbar fixes
This commit is contained in:
@@ -11,11 +11,11 @@ $icon-fonts: (
|
||||
|
||||
// COLORS
|
||||
$full-black: rgba(0, 0, 0, 1) !default;
|
||||
$light-black: rgba(0, 0, 0, .35) !default;
|
||||
$min-black: rgba(135, 150, 165, .1) !default;
|
||||
$full-white: rgba(255, 255, 255, 1) !default;
|
||||
$light-white: rgba(255, 255, 255, .35) !default;
|
||||
$min-white: rgba(255, 255, 255, .1) !default;
|
||||
$light-black: rgba(0, 0, 0, .4) !default;
|
||||
$light-white: rgba(255, 255, 255, .4) !default;
|
||||
$min-black: rgba(135, 150, 165, .064) !default;
|
||||
$min-white: rgba(255, 255, 255, .064) !default;
|
||||
|
||||
$gray-100: #f8f9fa !default;
|
||||
$gray-200: #e9ecef !default;
|
||||
|
||||
@@ -41,6 +41,15 @@
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
/**
|
||||
Navbar toggler
|
||||
*/
|
||||
.navbar-toggler-icon {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
background: red;
|
||||
}
|
||||
|
||||
/**
|
||||
Fixed navbar
|
||||
*/
|
||||
@@ -60,64 +69,6 @@ Fixed navbar
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
Navbar expand
|
||||
*/
|
||||
@each $breakpoint, $dimension in $grid-breakpoints {
|
||||
.navbar-expand-#{$breakpoint} {
|
||||
display: none;
|
||||
|
||||
@include media-breakpoint-up(#{$breakpoint}) {
|
||||
display: block;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
|
||||
.navbar-nav {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.navbar-nav .nav-link {
|
||||
padding: .5rem $sidenav-link-padding-x;
|
||||
|
||||
&.active {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
top: auto;
|
||||
right: $sidenav-link-padding-x;
|
||||
bottom: calc(-#{$navbar-padding-y} - #{$border-width});
|
||||
left: $sidenav-link-padding-x;
|
||||
border-bottom: 1px solid $primary;
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
> .container,
|
||||
> .container-fluid {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&.navbar-side.navbar-fixed {
|
||||
@include media-breakpoint-up(#{$breakpoint}) {
|
||||
~ .main-content {
|
||||
margin-left: $sidenav-width;
|
||||
}
|
||||
|
||||
&.navbar-right ~ .main-content {
|
||||
margin-right: $sidenav-width;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Sidebar
|
||||
*/
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
.btn {
|
||||
letter-spacing: .03em;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
|
||||
|
||||
.flag {
|
||||
vertical-align: -5px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-avatar {
|
||||
|
||||
Reference in New Issue
Block a user