77 lines
1.8 KiB
Sass
77 lines
1.8 KiB
Sass
aside[role="sidebar"]
|
|
padding-bottom: 1em
|
|
+columns(3)
|
|
+alpha
|
|
+adjust-font-size-to(14px)
|
|
color: #999999
|
|
section, p
|
|
+leader(1,14px)
|
|
+trailer(1,14px)
|
|
|
|
#local-nav ul
|
|
margin-top: 0em
|
|
border: 0
|
|
padding: 0
|
|
margin: 0
|
|
list-style: none
|
|
li
|
|
a
|
|
display: block
|
|
h2
|
|
margin: 0
|
|
text-align: left
|
|
a
|
|
+border-top-radius(3px)
|
|
+text-shadow(#fff)
|
|
padding: 5px 0
|
|
font-size: 1.3em
|
|
display: inline-block
|
|
border-bottom: 0
|
|
text-decoration: underline
|
|
&.selected
|
|
color: #222
|
|
ul
|
|
list-style: none
|
|
margin: 0 0 1em 0
|
|
padding: 0
|
|
li
|
|
list-style-image: none
|
|
list-style-type: none
|
|
margin-left: 0px
|
|
$c: #eaeaea
|
|
//mix(#e6e6e6, #005498, 50%)
|
|
&:last-child a
|
|
+border-bottom-radius(3px)
|
|
&:first-child a
|
|
+border-top-radius(3px)
|
|
border-top-color: #eaeaea
|
|
&:hover, &:focus, &.selected
|
|
border-top-color: $c !important
|
|
a
|
|
//color: #444
|
|
border: 1px solid
|
|
border-color: #fff transparent #e7e7e7
|
|
padding: 3px 8px
|
|
background: #f5f5f5
|
|
&.selected
|
|
font-weight: bold
|
|
&:hover, &:focus, &.selected
|
|
+border-radius
|
|
+text-shadow(lighten($c, 15), 0, 1px)
|
|
background: $c
|
|
+linear-gradient(color-stops(lighten($c, 1), $c))
|
|
position: relative
|
|
z-index: 2
|
|
padding: 3px 12px 3px 10px
|
|
margin: 0 -4px 0 -2px
|
|
color: desaturate(darken(#005498, 14), 20)
|
|
border-color: lighten($c, 5) $c darken($c, 7) $c
|
|
&:after
|
|
color: darken($c, 22) !important
|
|
//+text-shadow(darken($c, 22), 0, -1px)
|
|
&:after
|
|
content: "\25B8"
|
|
font-style: normal
|
|
float: right
|
|
color: #ddd
|
|
font-weight: normal |