|
|
@ -5,15 +5,16 @@ |
|
|
|
border-radius: @border-radius-width; |
|
|
|
border-radius: @border-radius-width; |
|
|
|
@media(max-width: @on-phone) { |
|
|
|
@media(max-width: @on-phone) { |
|
|
|
border-radius: 0; |
|
|
|
border-radius: 0; |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
width: @side-width; |
|
|
|
width: @side-width; |
|
|
|
max-height: ~"calc(100% - @{header-height} - 4 * @{gap})"; |
|
|
|
max-height: ~"calc(100% - @{header-height} - 4 * @{gap})"; |
|
|
|
.enable-trans(); |
|
|
|
.enable-trans(); |
|
|
|
&:hover { |
|
|
|
&:hover { |
|
|
|
&:extend(.z-depth-main-raised); |
|
|
|
&:extend(.z-depth-main-raised); |
|
|
|
} |
|
|
|
} |
|
|
|
&:active { |
|
|
|
&:active { |
|
|
|
box-shadow: @box-shadow-card-normal; |
|
|
|
box-shadow: @box-shadow-card-normal; |
|
|
|
} |
|
|
|
} |
|
|
|
.header{ |
|
|
|
.header{ |
|
|
|
position: -webkit-sticky; |
|
|
|
position: -webkit-sticky; |
|
|
|