Add new navbar, jumbotron, cards, and footer components.
This commit is contained in:
44
src/styles/_navbar.sass
Normal file
44
src/styles/_navbar.sass
Normal file
@@ -0,0 +1,44 @@
|
||||
.navbar
|
||||
background: #fff
|
||||
height: auto
|
||||
min-height: 48px
|
||||
// height: 48px
|
||||
+media-breakpoint-up(md)
|
||||
height: 56px
|
||||
.logo
|
||||
display: flex
|
||||
justify-content: center
|
||||
.navbar-toggler
|
||||
padding: 0
|
||||
.navbar-nav
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px;
|
||||
+media-breakpoint-up(md)
|
||||
margin: 0
|
||||
.nav-item .nav-link
|
||||
font-size: 18px
|
||||
color: $dark
|
||||
// padding: 16px 8px 16px 34px
|
||||
padding: 3vh 8px 3vh 34px
|
||||
+media-breakpoint-up(lg)
|
||||
padding: 6px 18px
|
||||
&:hover
|
||||
color: $muted
|
||||
.dropdown-toggle::after
|
||||
display:none
|
||||
.navbar-toggler
|
||||
border: 0
|
||||
outline: none
|
||||
span
|
||||
width: 20px
|
||||
height: 2px
|
||||
background: $dark
|
||||
display: block
|
||||
margin-bottom: 4px
|
||||
&:last-of-type
|
||||
margin-bottom: 0
|
||||
.collapsing
|
||||
transition: none
|
||||
display: none
|
||||
.show
|
||||
padding-bottom: 75vh
|
Reference in New Issue
Block a user