mirror of
https://github.com/jgthms/bulma
synced 2026-03-21 12:44:30 -07:00
Rename bulma folder to sass
This commit is contained in:
49
sass/components/navbar.sass
Normal file
49
sass/components/navbar.sass
Normal file
@@ -0,0 +1,49 @@
|
||||
.navbar-item
|
||||
.title,
|
||||
.subtitle
|
||||
margin-bottom: 0
|
||||
// Responsiveness
|
||||
+mobile
|
||||
&:not(:last-child)
|
||||
margin-bottom: 10px
|
||||
|
||||
.navbar-left,
|
||||
.navbar-right
|
||||
.navbar-item
|
||||
&:not(:last-child)
|
||||
margin-right: 10px
|
||||
// Modifiers
|
||||
&.is-flexible
|
||||
flex: 1
|
||||
|
||||
.navbar-left
|
||||
// Responsiveness
|
||||
+mobile
|
||||
& + .navbar-right
|
||||
margin-top: 20px
|
||||
+tablet
|
||||
align-items: center
|
||||
display: flex
|
||||
|
||||
.navbar-right
|
||||
// Responsiveness
|
||||
+tablet
|
||||
align-items: center
|
||||
display: flex
|
||||
justify-content: flex-end
|
||||
|
||||
.navbar
|
||||
@extend .block
|
||||
code
|
||||
border-radius: $radius
|
||||
img
|
||||
display: inline-block
|
||||
vertical-align: top
|
||||
// Responsiveness
|
||||
+tablet
|
||||
align-items: center
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
& > .navbar-item
|
||||
&:not(.is-narrow)
|
||||
flex: 1
|
||||
Reference in New Issue
Block a user