mirror of
				https://github.com/twbs/bootstrap.git
				synced 2025-11-04 00:03:15 -05:00 
			
		
		
		
	Split up docs _nav.scss
- _navbar.scss for all main navbar code - new _subnav.scss to move all subnav styles into
This commit is contained in:
		
							parent
							
								
									2494140689
								
							
						
					
					
						commit
						94693f899c
					
				
							
								
								
									
										46
									
								
								site/static/docs/4.3/assets/scss/_navbar.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										46
									
								
								site/static/docs/4.3/assets/scss/_navbar.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,46 @@
 | 
			
		||||
.bd-navbar {
 | 
			
		||||
  min-height: 4rem;
 | 
			
		||||
  background-color: $bd-purple-bright;
 | 
			
		||||
 | 
			
		||||
  @include media-breakpoint-down(md) {
 | 
			
		||||
    .navbar-nav-scroll {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      height: 2.5rem;
 | 
			
		||||
      margin-top: .25rem;
 | 
			
		||||
      overflow: hidden;
 | 
			
		||||
 | 
			
		||||
      .navbar-nav {
 | 
			
		||||
        padding-bottom: 2rem;
 | 
			
		||||
        overflow-x: auto;
 | 
			
		||||
        white-space: nowrap;
 | 
			
		||||
        -webkit-overflow-scrolling: touch;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .navbar-nav {
 | 
			
		||||
    .nav-link {
 | 
			
		||||
      padding-right: .5rem;
 | 
			
		||||
      padding-left: .5rem;
 | 
			
		||||
      color: $bd-purple-light;
 | 
			
		||||
 | 
			
		||||
      &.active,
 | 
			
		||||
      &:hover,
 | 
			
		||||
      &:focus {
 | 
			
		||||
        color: $white;
 | 
			
		||||
        background-color: transparent;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      &.active {
 | 
			
		||||
        font-weight: 600;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .navbar-nav-svg {
 | 
			
		||||
    display: inline-block;
 | 
			
		||||
    width: 1rem;
 | 
			
		||||
    height: 1rem;
 | 
			
		||||
    vertical-align: text-top;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -1,7 +1,3 @@
 | 
			
		||||
//
 | 
			
		||||
// Main navbar
 | 
			
		||||
//
 | 
			
		||||
 | 
			
		||||
.bd-subnavbar {
 | 
			
		||||
  background-color: rgba(#fff, .75);
 | 
			
		||||
  backdrop-filter: blur(1rem);
 | 
			
		||||
@ -64,50 +60,3 @@
 | 
			
		||||
    text-decoration: none;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.bd-navbar {
 | 
			
		||||
  min-height: 4rem;
 | 
			
		||||
  background-color: $bd-purple-bright;
 | 
			
		||||
 | 
			
		||||
  @include media-breakpoint-down(md) {
 | 
			
		||||
    .navbar-nav-scroll {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      height: 2.5rem;
 | 
			
		||||
      margin-top: .25rem;
 | 
			
		||||
      overflow: hidden;
 | 
			
		||||
 | 
			
		||||
      .navbar-nav {
 | 
			
		||||
        padding-bottom: 2rem;
 | 
			
		||||
        overflow-x: auto;
 | 
			
		||||
        white-space: nowrap;
 | 
			
		||||
        -webkit-overflow-scrolling: touch;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .navbar-nav {
 | 
			
		||||
    .nav-link {
 | 
			
		||||
      padding-right: .5rem;
 | 
			
		||||
      padding-left: .5rem;
 | 
			
		||||
      color: $bd-purple-light;
 | 
			
		||||
 | 
			
		||||
      &.active,
 | 
			
		||||
      &:hover,
 | 
			
		||||
      &:focus {
 | 
			
		||||
        color: $white;
 | 
			
		||||
        background-color: transparent;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      &.active {
 | 
			
		||||
        font-weight: 600;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .navbar-nav-svg {
 | 
			
		||||
    display: inline-block;
 | 
			
		||||
    width: 1rem;
 | 
			
		||||
    height: 1rem;
 | 
			
		||||
    vertical-align: text-top;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -30,7 +30,8 @@
 | 
			
		||||
 | 
			
		||||
// Load docs components
 | 
			
		||||
@import "variables";
 | 
			
		||||
@import "nav";
 | 
			
		||||
@import "navbar";
 | 
			
		||||
@import "subnav";
 | 
			
		||||
@import "masthead";
 | 
			
		||||
@import "ads";
 | 
			
		||||
@import "content";
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user