diff options
Diffstat (limited to 'assets/scss/_aside.scss')
| -rw-r--r-- | assets/scss/_aside.scss | 221 |
1 files changed, 116 insertions, 105 deletions
diff --git a/assets/scss/_aside.scss b/assets/scss/_aside.scss index 1cafa25..77ef35f 100644 --- a/assets/scss/_aside.scss +++ b/assets/scss/_aside.scss @@ -9,125 +9,136 @@ body > aside { padding: 1rem; &:hover, &:focus { - left: 0; - background: $bg-main url(../img/aside-on.png) center left no-repeat; - box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); - width: auto; - border-right: 2rem solid black; - padding: 0; + left: 0; + background: $bg-main url(../img/aside-on.png) center left no-repeat; + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); + width: auto; + border-right: 2rem solid black; + padding: 0; - nav { - display: block; - background: $bg-main url(../img/aside-on.png) center left no-repeat; - height: 100%; - } + nav { + display: block; + background: $bg-main url(../img/aside-on.png) center left no-repeat; + height: 100%; - ul li:hover { - span { - display: block; - } - &:first-child { - transform: scale(1.4) rotate(4deg) translateX(-0.75vw); - a { - transform: rotate(-4deg); - } - } - &:nth-child(2) { - transform: scale(1.4) rotate(-6deg) translateX(-0.5vw); - a { - transform: rotate(6deg); - } - } - &:last-child { - transform: scale(1.4) rotate(5deg) translateX(-0.5vw); - a { - transform: rotate(-5deg); - } - } - } + h3 { + a:link, a:hover, a:active, a:visited { + color: transparent; + } + } + } + + ul li:hover { + a:hover { + text-decoration: none; + } + span { + display: block; + } + &:first-child { + transform: scale(1.4) rotate(4deg) translateX(-0.75vw); + a { + transform: rotate(-4deg); + } + } + &:nth-child(2) { + transform: scale(1.4) rotate(-6deg) translateX(-0.5vw); + a { + transform: rotate(6deg); + } + } + &:last-child { + transform: scale(1.4) rotate(5deg) translateX(-0.5vw); + a { + transform: rotate(-5deg); + } + } + } } nav { - position: relative; - margin-left: 3rem; - display: none; - line-height: 30rem; + position: relative; + margin-left: 3rem; + display: none; + line-height: 30rem; - h3 { - display: inline-block; - background: url(../img/logo-ps.svg) 3rem center / 10rem fixed no-repeat; - width: 10rem; - height: 100%; - vertical-align: top; - color: transparent; + h3 { + display: inline-block; + background: url(../img/logo-ps.svg) 3rem center / 10rem fixed no-repeat; + width: 10rem; + height: 100%; + vertical-align: top; + color: transparent; - a { - display: block; - height: 100%; - width: 100%; - line-height: 30rem; - color: transparent; - &:hover { - color: transparent; - } - } - } + a { + display: block; + height: 100%; + width: 100%; + line-height: 30rem; + color: transparent; + &:hover { + color: transparent; + } + } + } - ul { - list-style: none; - display: inline-block; - height: 100%; + ul { + list-style: none; + display: inline-block; + height: 100%; - li { - display: block; - padding: 0 2rem; - font-size: 3rem; - float: left; - padding-left: 1rem; - z-index: 400; - overflow: hidden; - width: 10rem; - height: 100%; + li { + display: block; + padding: 0 2rem; + font-size: 3rem; + float: left; + padding-left: 1rem; + z-index: 400; + overflow: hidden; + width: 10rem; + height: 100%; - a { - color: black; - text-decoration: none; - display: block; - height: 100%; - width: 100%; - z-index: 404; + a { + color: black; + text-decoration: none; + display: block; + height: 100%; + width: 100%; + z-index: 404; - &:hover { - font-size: 200%; - color: inherit; - z-index: 404; - } - } + &:link, &:visited { + color: inherit; + } - span { - display: none; - z-index: 400; - position: relative; - font-size: 1.25rem; - line-height: 1.6rem; - text-align: center; - margin: -3rem -2rem 0 -1rem; - } + &:hover { + font-size: 200%; + color: inherit; + z-index: 404; + } + } -/* - &:first-child { - background: $bg-gfx; - } + span { + display: none; + z-index: 400; + position: relative; + font-size: 1.25rem; + line-height: 1.6rem; + text-align: center; + margin: -3rem -2rem 0 -1rem; + } - &:nth-child(2) { - background: $bg-txt; - } + &:first-child { + background: $bg-gfx; + } - &:last-child { - background: $bg-vda; - } -*/ - } - } + &:nth-child(2) { + background: $bg-txt; + } + + &:last-child { + background: $bg-vda; + } + } + } } } |