2016-07-22 18:23:36 +02:00
|
|
|
@import "{design}/app"
|
|
|
|
|
|
|
|
|
|
$distance = 12px
|
|
|
|
|
|
|
|
|
|
.toolbarSectionTools
|
|
|
|
|
position: relative
|
|
|
|
|
|
|
|
|
|
.toolbarSectionDrawerContainer
|
|
|
|
|
bottom: - ($toolbarDrawerHeight + $distance)
|
|
|
|
|
height: $toolbarDrawerHeight
|
|
|
|
|
left: 0
|
2016-08-24 20:21:50 +02:00
|
|
|
min-width: 100%
|
2016-07-22 18:23:36 +02:00
|
|
|
position: absolute
|
2016-08-24 20:21:50 +02:00
|
|
|
white-space: nowrap
|
2016-07-22 18:23:36 +02:00
|
|
|
|
|
|
|
|
.toolbarSectionDrawer
|
2016-08-23 19:24:51 +02:00
|
|
|
theme('background-color', '$uiGrayDarker')
|
2016-07-22 18:23:36 +02:00
|
|
|
border-radius: 7px
|
2016-08-23 19:24:51 +02:00
|
|
|
theme('color', '$textPrimaryColor')
|
2016-07-22 18:23:36 +02:00
|
|
|
content: ''
|
|
|
|
|
display: block
|
|
|
|
|
font-size: 18px
|
|
|
|
|
height: $toolbarDrawerHeight - $distance
|
|
|
|
|
text-align: center
|
|
|
|
|
width: 100%
|
|
|
|
|
|
|
|
|
|
#moreTools
|
|
|
|
|
.buttonLabel i
|
|
|
|
|
text-align: center
|
|
|
|
|
transition(all 300ms ease)
|
|
|
|
|
width: 8px
|
|
|
|
|
|
|
|
|
|
&.active .buttonLabel i
|
2016-08-24 20:21:50 +02:00
|
|
|
transform(rotateX(180deg))
|