2016-06-07 19:09:47 +02:00
|
|
|
@import "{design}/app"
|
|
|
|
|
|
|
|
|
|
.toolbarSection
|
2016-08-23 14:24:51 -03:00
|
|
|
theme('border-bottom', '%s solid $uiBorderColor' % $uiBorderThickness)
|
2016-07-04 11:04:27 -03:00
|
|
|
flex: 0 0 auto
|
2016-06-07 19:09:47 +02:00
|
|
|
height: $toolbarHeight
|
2016-06-29 16:34:05 -03:00
|
|
|
overflow: hidden
|
2016-06-10 11:52:19 -03:00
|
|
|
padding-top: 6px
|
2016-06-29 16:34:05 -03:00
|
|
|
position: relative
|
|
|
|
|
transition(height 300ms ease)
|
2016-06-07 19:09:47 +02:00
|
|
|
width: 100%
|
2016-06-29 16:34:05 -03:00
|
|
|
|
|
|
|
|
&.expanded
|
|
|
|
|
height: $toolbarHeight + $toolbarDrawerHeight
|
|
|
|
|
|
2016-06-07 19:09:47 +02:00
|
|
|
.toolbarSectionEntry
|
2016-08-23 14:24:51 -03:00
|
|
|
theme('color', '$defaultColor')
|
2016-06-10 15:05:33 -03:00
|
|
|
cursor: pointer
|
|
|
|
|
display: inline-block
|
2016-08-23 14:24:51 -03:00
|
|
|
theme('fill', '$defaultColor')
|
2016-06-10 15:05:33 -03:00
|
|
|
margin-top: 3px
|
2016-06-07 19:09:47 +02:00
|
|
|
min-width: 30px
|
2016-08-23 14:24:51 -03:00
|
|
|
theme('stroke', '$defaultColor')
|
|
|
|
|
text-align: center
|
