bulma/sass/components/navbar.sass

50 lines
818 B
Sass
Raw Normal View History

2016-01-24 00:03:43 +00:00
.navbar-item
.title,
.subtitle
margin-bottom: 0
2016-04-10 15:27:27 +00:00
// Responsiveness
2016-01-24 00:03:43 +00:00
+mobile
&:not(:last-child)
margin-bottom: 10px
.navbar-left,
.navbar-right
.navbar-item
&:not(:last-child)
margin-right: 10px
2016-04-10 15:27:27 +00:00
// Modifiers
&.is-flexible
flex: 1
2016-01-24 00:03:43 +00:00
.navbar-left
2016-04-10 15:27:27 +00:00
// Responsiveness
2016-01-24 00:03:43 +00:00
+mobile
& + .navbar-right
margin-top: 20px
+tablet
align-items: center
display: flex
.navbar-right
2016-04-10 15:27:27 +00:00
// Responsiveness
2016-01-24 00:03:43 +00:00
+tablet
align-items: center
display: flex
justify-content: flex-end
2016-04-10 15:27:27 +00:00
.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