2016-09-04 17:11:58 +02:00
|
|
|
////
|
2017-01-06 19:11:18 +01:00
|
|
|
/// Copyright (c) 2016-2017 Martin Donath <martin.donath@squidfunk.com>
|
2016-09-04 17:11:58 +02:00
|
|
|
///
|
|
|
|
/// Permission is hereby granted, free of charge, to any person obtaining a
|
|
|
|
/// copy of this software and associated documentation files (the "Software"),
|
|
|
|
/// to deal in the Software without restriction, including without limitation
|
|
|
|
/// the rights to use, copy, modify, merge, publish, distribute, sublicense,
|
|
|
|
/// and/or sell copies of the Software, and to permit persons to whom the
|
|
|
|
/// Software is furnished to do so, subject to the following conditions:
|
|
|
|
///
|
|
|
|
/// The above copyright notice and this permission notice shall be included in
|
|
|
|
/// all copies or substantial portions of the Software.
|
|
|
|
///
|
|
|
|
/// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL
|
|
|
|
/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
|
|
/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
|
|
|
|
/// DEALINGS
|
|
|
|
////
|
2016-01-28 23:27:15 +01:00
|
|
|
|
2016-09-04 17:32:12 +02:00
|
|
|
// ----------------------------------------------------------------------------
|
2016-10-06 12:14:33 +02:00
|
|
|
// Rules
|
2016-09-04 17:32:12 +02:00
|
|
|
// ----------------------------------------------------------------------------
|
2016-01-28 23:27:15 +01:00
|
|
|
|
2016-10-06 12:14:33 +02:00
|
|
|
// Navigation container
|
2016-08-07 18:01:56 +02:00
|
|
|
.md-nav {
|
2016-09-04 18:13:17 +02:00
|
|
|
font-size: ms(-1);
|
2016-09-23 17:46:16 +02:00
|
|
|
line-height: 1.3;
|
2016-01-28 23:27:15 +01:00
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// Table of contents
|
|
|
|
&--secondary {
|
2016-12-17 12:53:24 +01:00
|
|
|
transition: border-left 0.25s;
|
2016-10-21 21:15:35 +02:00
|
|
|
border-left: 0.4rem solid $md-color-primary;
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
|
2016-09-23 17:46:16 +02:00
|
|
|
// List title
|
2016-09-04 18:13:17 +02:00
|
|
|
&__title {
|
2016-09-23 11:56:25 +02:00
|
|
|
display: block;
|
|
|
|
padding: 1.2rem 1.2rem 0;
|
|
|
|
font-weight: 700;
|
2016-09-23 17:46:16 +02:00
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
2016-01-28 23:27:15 +01:00
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// Icon, hidden by default
|
|
|
|
&::before {
|
|
|
|
@extend %md-icon, %md-icon__button;
|
|
|
|
|
|
|
|
display: none;
|
|
|
|
content: "arrow_back";
|
|
|
|
}
|
2016-12-28 16:20:52 +01:00
|
|
|
|
|
|
|
// Hide icon by default
|
|
|
|
.md-nav__icon {
|
|
|
|
display: none;
|
|
|
|
}
|
2016-08-07 18:01:56 +02:00
|
|
|
}
|
|
|
|
|
2016-09-04 17:32:12 +02:00
|
|
|
// List of items
|
2016-08-07 18:01:56 +02:00
|
|
|
&__list {
|
2016-09-04 18:13:17 +02:00
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
2016-08-07 18:01:56 +02:00
|
|
|
list-style: none;
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
2016-01-28 23:27:15 +01:00
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// List item
|
|
|
|
&__item {
|
|
|
|
padding: 0.625em 1.2rem 0;
|
2016-02-16 15:51:07 +01:00
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// Add bottom spacing to last item
|
|
|
|
&:last-child {
|
2016-09-23 17:46:16 +02:00
|
|
|
padding-bottom: 1.2rem;
|
2016-01-28 23:27:15 +01:00
|
|
|
}
|
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// 2nd+ level items
|
|
|
|
& & {
|
|
|
|
padding-right: 0;
|
2016-08-07 18:01:56 +02:00
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// Remove bottom spacing for nested items
|
|
|
|
&:last-child {
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
2016-08-07 18:01:56 +02:00
|
|
|
}
|
|
|
|
|
2016-12-28 16:20:52 +01:00
|
|
|
// Icon
|
|
|
|
&__icon {
|
|
|
|
@extend %md-icon, %md-icon__button;
|
2016-12-29 15:03:18 +01:00
|
|
|
|
|
|
|
// Stretch image
|
|
|
|
img {
|
|
|
|
width: 100%;
|
|
|
|
height: auto;
|
|
|
|
}
|
2016-12-28 16:20:52 +01:00
|
|
|
}
|
|
|
|
|
2016-09-04 17:32:12 +02:00
|
|
|
// Link inside item
|
2016-08-07 18:01:56 +02:00
|
|
|
&__link {
|
|
|
|
display: block;
|
2016-09-04 17:11:58 +02:00
|
|
|
transition: color 0.125s;
|
2016-08-07 18:01:56 +02:00
|
|
|
text-overflow: ellipsis;
|
2016-09-23 11:56:25 +02:00
|
|
|
cursor: pointer;
|
2016-09-04 17:11:58 +02:00
|
|
|
overflow: hidden;
|
2016-02-16 15:51:07 +01:00
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// Icon
|
|
|
|
&::after {
|
|
|
|
@extend %md-icon;
|
|
|
|
|
|
|
|
// Item contains a nested list
|
|
|
|
.md-nav__item--nested > & {
|
2016-12-28 10:21:25 +01:00
|
|
|
content: "keyboard_arrow_down";
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-09-23 17:46:16 +02:00
|
|
|
// Hide link to table of contents by default - this will only match the
|
2016-09-30 13:29:45 +02:00
|
|
|
// table of contents inside the drawer below and including tablet portrait
|
2016-09-23 17:46:16 +02:00
|
|
|
html &[for="toc"] {
|
2016-09-23 11:56:25 +02:00
|
|
|
display: none;
|
|
|
|
|
|
|
|
// Hide table of contents by default
|
2016-09-23 17:46:16 +02:00
|
|
|
& ~ .md-nav {
|
2016-09-23 11:56:25 +02:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Hide icon for current item
|
|
|
|
+ .md-nav__link::after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-11-02 19:21:14 +01:00
|
|
|
// Blurred item
|
2016-12-15 15:55:40 +01:00
|
|
|
&[data-md-state="blur"] {
|
2016-08-07 18:01:56 +02:00
|
|
|
color: $md-color-black--light;
|
|
|
|
}
|
2016-01-28 23:27:15 +01:00
|
|
|
|
2016-12-18 14:22:08 +01:00
|
|
|
// Active item
|
2016-08-07 18:01:56 +02:00
|
|
|
&:active,
|
|
|
|
&--active {
|
2016-12-18 14:22:08 +01:00
|
|
|
color: $md-color-primary;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Hovered item
|
|
|
|
&:hover {
|
2016-08-07 18:01:56 +02:00
|
|
|
color: $md-color-accent;
|
2016-01-28 23:27:15 +01:00
|
|
|
}
|
|
|
|
}
|
2016-09-23 11:56:25 +02:00
|
|
|
|
2016-09-23 17:46:16 +02:00
|
|
|
// Repository containing source
|
|
|
|
&__source {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// [tablet -]: Layered navigation
|
|
|
|
@include break-to-device(tablet) {
|
|
|
|
|
|
|
|
// Stretch primary navigation to drawer
|
|
|
|
&--primary,
|
|
|
|
&--primary .md-nav {
|
|
|
|
display: flex;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
flex-direction: column;
|
|
|
|
height: 100%;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Adjust styles for primary navigation
|
|
|
|
&--primary {
|
2016-12-17 12:53:24 +01:00
|
|
|
background-color: $md-color-white;
|
2016-09-23 11:56:25 +02:00
|
|
|
|
|
|
|
// Move subsequent navigations off
|
|
|
|
.md-nav__toggle ~ .md-nav {
|
|
|
|
@include z-depth(4);
|
|
|
|
|
2016-12-17 12:53:24 +01:00
|
|
|
background-color: $md-color-white;
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
|
2016-09-23 17:46:16 +02:00
|
|
|
// List title - higher specificity is necessary to ensure that the title
|
2016-09-30 13:29:45 +02:00
|
|
|
// inside the drawer is always styled accordingly
|
2016-09-23 17:46:16 +02:00
|
|
|
html & .md-nav__title {
|
2016-09-23 11:56:25 +02:00
|
|
|
position: relative;
|
2016-12-28 16:20:52 +01:00
|
|
|
height: 11.2rem;
|
2017-01-01 15:59:44 +01:00
|
|
|
padding: 6rem 1.6rem 0.4rem;
|
2016-12-17 12:53:24 +01:00
|
|
|
background-color: $md-color-black--lightest;
|
2016-09-23 11:56:25 +02:00
|
|
|
color: $md-color-black--light;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 4.8rem;
|
|
|
|
white-space: nowrap;
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
// Icon
|
|
|
|
&::before {
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
2016-12-28 10:21:25 +01:00
|
|
|
top: 0.4rem;
|
2016-09-23 11:56:25 +02:00
|
|
|
left: 0.4rem;
|
2017-01-01 15:59:44 +01:00
|
|
|
width: 4rem;
|
|
|
|
height: 4rem;
|
2016-09-23 11:56:25 +02:00
|
|
|
color: $md-color-black--light;
|
|
|
|
}
|
2016-09-23 17:46:16 +02:00
|
|
|
|
2016-12-29 12:10:51 +01:00
|
|
|
// Main lists
|
|
|
|
~ .md-nav__list {
|
|
|
|
|
|
|
|
// Pure CSS scrolling shadows, taken from
|
|
|
|
// http://lea.verou.me/2012/04/background-attachment-local/
|
|
|
|
background:
|
|
|
|
linear-gradient(
|
|
|
|
to bottom,
|
|
|
|
$md-color-white 10%,
|
2017-01-01 15:59:44 +01:00
|
|
|
$md-color-white--transparent
|
|
|
|
),
|
2016-12-29 12:10:51 +01:00
|
|
|
linear-gradient(
|
|
|
|
to bottom,
|
|
|
|
$md-color-black--lighter,
|
|
|
|
$md-color-black--lightest 35%,
|
2017-01-01 15:59:44 +01:00
|
|
|
$md-color-black--transparent 60%
|
|
|
|
);
|
2016-12-29 12:10:51 +01:00
|
|
|
background-attachment: local, scroll;
|
|
|
|
background-color: $md-color-white;
|
|
|
|
background-repeat: no-repeat;
|
2017-01-01 15:59:44 +01:00
|
|
|
background-size: 100% 2rem, 100% 1rem;
|
2016-12-29 12:10:51 +01:00
|
|
|
|
2017-01-01 15:59:44 +01:00
|
|
|
// End of scrolling shadow definition
|
2016-12-29 12:10:51 +01:00
|
|
|
box-shadow: 0 0.1rem 0 $md-color-black--lightest inset;
|
|
|
|
|
|
|
|
// Remove border for first list item
|
|
|
|
& > .md-nav__item:first-child {
|
|
|
|
border-top: 0;
|
|
|
|
}
|
2016-09-23 17:46:16 +02:00
|
|
|
}
|
2016-12-28 16:20:52 +01:00
|
|
|
|
|
|
|
// Site title in main navigation
|
|
|
|
&--site {
|
|
|
|
position: relative;
|
|
|
|
background-color: $md-color-primary;
|
|
|
|
color: $md-color-white;
|
|
|
|
|
|
|
|
// Site logo
|
|
|
|
.md-nav__icon {
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
top: 0.4rem;
|
|
|
|
left: 0.4rem;
|
|
|
|
width: 6.4rem;
|
|
|
|
height: 6.4rem;
|
|
|
|
font-size: 4.8rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Hide back arrow icon
|
|
|
|
&::before {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// List of items
|
|
|
|
.md-nav__list {
|
|
|
|
flex: 1;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
// List item
|
|
|
|
.md-nav__item {
|
|
|
|
padding: 0;
|
|
|
|
border-top: 0.1rem solid $md-color-black--lightest;
|
2016-09-23 17:46:16 +02:00
|
|
|
|
|
|
|
// Increase spacing to account for icon
|
|
|
|
&--nested > .md-nav__link {
|
|
|
|
padding-right: 4.8rem;
|
2016-12-28 10:21:25 +01:00
|
|
|
|
|
|
|
// Replace icon with right arrow
|
|
|
|
&::after {
|
|
|
|
content: "keyboard_arrow_right";
|
|
|
|
}
|
2016-09-23 17:46:16 +02:00
|
|
|
}
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// Link inside item
|
|
|
|
.md-nav__link {
|
|
|
|
position: relative;
|
|
|
|
padding: 1.6rem;
|
|
|
|
|
|
|
|
// Rotate icon
|
|
|
|
&::after {
|
|
|
|
position: absolute;
|
2017-01-04 19:47:41 +01:00
|
|
|
top: 50%;
|
2016-09-23 11:56:25 +02:00
|
|
|
right: 1.2rem;
|
2017-01-04 19:47:41 +01:00
|
|
|
margin-top: -1.2rem;
|
2016-09-23 11:56:25 +02:00
|
|
|
color: $md-color-black--light;
|
|
|
|
font-size: 2.4rem;
|
2016-09-23 17:46:16 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// Color of icon should inherit link color on hover
|
|
|
|
&:hover::after {
|
2016-12-17 12:53:24 +01:00
|
|
|
color: inherit;
|
2016-09-23 17:46:16 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Set nested navigation for table of contents to static
|
|
|
|
.md-nav--secondary .md-nav {
|
|
|
|
position: static;
|
|
|
|
|
|
|
|
// 3rd level link
|
|
|
|
.md-nav__link {
|
|
|
|
padding-left: 2.8rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
// 4th level link
|
|
|
|
.md-nav .md-nav__link {
|
2017-01-01 15:59:44 +01:00
|
|
|
padding-left: 4rem;
|
2016-09-23 17:46:16 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// 5th level link
|
|
|
|
.md-nav .md-nav .md-nav__link {
|
|
|
|
padding-left: 5.2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
// 6th level link
|
|
|
|
.md-nav .md-nav .md-nav .md-nav__link {
|
|
|
|
padding-left: 6.4rem;
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Hide nested navigation by default
|
|
|
|
.md-nav__toggle ~ & {
|
|
|
|
display: none;
|
|
|
|
|
|
|
|
// Animate appearance, if browser supports 3D transforms
|
|
|
|
.csstransforms3d & {
|
2016-12-28 10:21:25 +01:00
|
|
|
display: flex;
|
2016-10-23 10:21:37 +02:00
|
|
|
transform: translateX(100%);
|
|
|
|
transition:
|
2017-01-01 15:59:44 +01:00
|
|
|
transform 0.25s cubic-bezier(0.8, 0, 0.6, 1),
|
2016-10-23 10:21:37 +02:00
|
|
|
opacity 0.125s 0.05s;
|
2016-09-23 11:56:25 +02:00
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Expand nested navigation, if toggle is checked
|
|
|
|
.md-nav__toggle:checked ~ & {
|
2016-12-28 10:21:25 +01:00
|
|
|
display: flex;
|
2016-09-23 11:56:25 +02:00
|
|
|
|
|
|
|
// Animate appearance, if browser supports 3D transforms
|
|
|
|
.csstransforms3d & {
|
2016-10-23 10:21:37 +02:00
|
|
|
transform: translateX(0);
|
|
|
|
transition:
|
2017-01-01 15:59:44 +01:00
|
|
|
transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
|
2016-10-23 10:21:37 +02:00
|
|
|
opacity 0.125s 0.125s;
|
2016-09-23 11:56:25 +02:00
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
2016-09-23 17:46:16 +02:00
|
|
|
|
|
|
|
// List item
|
|
|
|
.md-nav__title,
|
|
|
|
.md-nav__item {
|
|
|
|
font-size: 1.6rem;
|
2016-12-28 10:21:25 +01:00
|
|
|
line-height: 1.5;
|
2016-09-23 17:46:16 +02:00
|
|
|
}
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// [tablet portrait -]: Show table of contents in drawer
|
|
|
|
@include break-to-device(tablet portrait) {
|
|
|
|
|
|
|
|
// Remove border on secondary navigation
|
|
|
|
&--secondary {
|
|
|
|
border-left: 0;
|
|
|
|
}
|
|
|
|
|
2016-09-23 17:46:16 +02:00
|
|
|
// Show link to table of contents - higher specificity is necessary to
|
2016-09-30 13:29:45 +02:00
|
|
|
// display the table of contents inside the drawer
|
2016-09-23 17:46:16 +02:00
|
|
|
html &__link[for="toc"] {
|
2016-09-23 11:56:25 +02:00
|
|
|
display: block;
|
2017-01-04 19:47:41 +01:00
|
|
|
padding-right: 4.8rem;
|
2016-09-23 11:56:25 +02:00
|
|
|
|
|
|
|
// Unrotate icon for table of contents
|
|
|
|
&::after {
|
2016-12-18 14:22:08 +01:00
|
|
|
color: inherit;
|
2016-09-23 11:56:25 +02:00
|
|
|
content: "toc";
|
|
|
|
}
|
|
|
|
|
|
|
|
// Hide link to current item
|
|
|
|
+ .md-nav__link {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Show table of contents
|
2016-09-23 17:46:16 +02:00
|
|
|
& ~ .md-nav {
|
2016-09-23 11:56:25 +02:00
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
}
|
2016-09-23 17:46:16 +02:00
|
|
|
|
|
|
|
// Repository containing source
|
|
|
|
&__source {
|
|
|
|
display: block;
|
|
|
|
padding: 0.4rem;
|
2016-12-28 16:54:59 +01:00
|
|
|
background-color: mix($md-color-primary, $md-color-black, 75%);
|
2016-09-23 17:46:16 +02:00
|
|
|
color: $md-color-white;
|
|
|
|
}
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// [screen +]: Tree-like navigation
|
|
|
|
@include break-from-device(screen) {
|
|
|
|
|
2016-09-24 18:52:37 +02:00
|
|
|
// Animation is only possible if JavaScript is available, as the max-height
|
2016-09-30 13:29:45 +02:00
|
|
|
// property must be calculated before transitioning
|
2016-12-15 15:55:40 +01:00
|
|
|
&[data-md-state="animate"] {
|
2017-01-01 15:59:44 +01:00
|
|
|
transition: max-height 0.25s cubic-bezier(0.86, 0, 0.07, 1);
|
2016-09-24 18:52:37 +02:00
|
|
|
}
|
|
|
|
|
2016-09-23 11:56:25 +02:00
|
|
|
// Hide nested navigation by default
|
|
|
|
.md-nav__toggle ~ & {
|
|
|
|
max-height: 0;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Expand nested navigation, if toggle is checked
|
2016-09-24 18:52:37 +02:00
|
|
|
.md-nav__toggle:checked ~ &,
|
2016-12-15 15:55:40 +01:00
|
|
|
&[data-md-state="expand"] {
|
2016-09-23 11:56:25 +02:00
|
|
|
max-height: 100%;
|
|
|
|
}
|
|
|
|
|
2016-12-28 16:28:40 +01:00
|
|
|
// Hide titles for nested navigation
|
|
|
|
&__item--nested > .md-nav > &__title {
|
|
|
|
display: none;
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// Link inside item
|
|
|
|
&__link {
|
|
|
|
|
|
|
|
// Item contains a nested list
|
|
|
|
.md-nav__item--nested > &::after {
|
|
|
|
display: inline-block;
|
2016-09-30 13:29:45 +02:00
|
|
|
transform-origin: 0.45em 0.45em;
|
2016-09-24 18:52:37 +02:00
|
|
|
transform-style: preserve-3d;
|
2016-09-23 11:56:25 +02:00
|
|
|
vertical-align: -0.125em;
|
2016-09-30 13:29:45 +02:00
|
|
|
|
|
|
|
// Only animate icon when JavaScript is available, as the height can
|
|
|
|
// not be animated anyway, and better no fun than half the fun
|
|
|
|
.js & {
|
|
|
|
transition: transform 0.4s;
|
|
|
|
}
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// Rotate icon for expanded lists
|
|
|
|
.md-nav__item--nested .md-nav__toggle:checked ~ &::after {
|
2016-09-24 18:52:37 +02:00
|
|
|
transform: rotateX(180deg);
|
2016-09-23 11:56:25 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-09-04 17:11:58 +02:00
|
|
|
}
|