|
@@ -12,14 +12,14 @@
|
|
|
|
|
|
|
|
section.aside
|
|
section.aside
|
|
|
&:not(.small)
|
|
&:not(.small)
|
|
|
- transform( translateX(ASIDE_WIDTH) )
|
|
|
|
|
|
|
+ transform translateX(ASIDE_WIDTH)
|
|
|
&.small
|
|
&.small
|
|
|
- transform( translateX(ASIDE_WIDTH_SMALL) )
|
|
|
|
|
|
|
+ transform translateX(ASIDE_WIDTH_SMALL)
|
|
|
|
|
|
|
|
&.right
|
|
&.right
|
|
|
- transform( translateX(-ASIDE_WIDTH) )
|
|
|
|
|
|
|
+ transform translateX(-(ASIDE_WIDTH))
|
|
|
&.small
|
|
&.small
|
|
|
- transform( translateX(-ASIDE_WIDTH_SMALL) )
|
|
|
|
|
|
|
+ transform translateX(-(ASIDE_WIDTH_SMALL))
|
|
|
|
|
|
|
|
aside
|
|
aside
|
|
|
position: absolute
|
|
position: absolute
|
|
@@ -59,12 +59,13 @@ aside
|
|
|
& .icon
|
|
& .icon
|
|
|
position: absolute
|
|
position: absolute
|
|
|
width: inherit
|
|
width: inherit
|
|
|
- line-height: ASIDE_WIDTH_SMALL
|
|
|
|
|
|
|
+ font-size: ASIDE_SMALL_ICON
|
|
|
|
|
+ line-height: (ASIDE_WIDTH_SMALL - 8)
|
|
|
|
|
|
|
|
& .tag
|
|
& .tag
|
|
|
position: relative
|
|
position: relative
|
|
|
- top: -54px
|
|
|
|
|
- right: 6px
|
|
|
|
|
|
|
+ top: -(ASIDE_WIDTH_SMALL)
|
|
|
|
|
+ right: -(ASIDE_WIDTH_SMALL / 3.4)
|
|
|
|
|
|
|
|
&:first-child
|
|
&:first-child
|
|
|
margin-top: 8px
|
|
margin-top: 8px
|