ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

First commit.

Browse source
This commit is contained in:
Fredrik Jonsson 2017-03-09 14:26:46 +01:00
commit b7977e1c28
6 changed files with 28081 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

61
sass/navigation/nav-menu/_nav-menu.scss Normal file
View file

@ -0,0 +1,61 @@
// Nav menu
//
// A "nav menu" is secondary, hierarchical navigation which can be displayed to the
// side or below the main content.
//
// Markup: nav-menu.twig
//
// Style guide: navigation.nav-menu
.nav-menu,
%nav-menu {
&__item {
list-style-image: image-url('navigation', 'nav-menu/leaf.svg');
list-style-type: square;
&.is-expanded,
&--is-expanded {
list-style-image: image-url('navigation', 'nav-menu/expanded.svg');
list-style-type: circle;
}
&.is-collapsed,
&--is-collapsed {
list-style-image: image-url('navigation', 'nav-menu/collapsed.svg');
list-style-type: disc;
@include rtl() {
list-style-image: image-url('navigation', 'nav-menu/collapsed-rtl.svg');
}
}
}
&__link {
&.is-active,
&--is-active {
color: color(menu-active);
}
}
}
//
// Drupal selectors.
//
.menu__item {
@extend %nav-menu__item;
&.is-expanded {
@extend %nav-menu__item--is-expanded;
}
&.is-collapsed {
@extend %nav-menu__item--is-collapsed;
}
}
// The active item in a Drupal menu.
.menu a.active {
@extend %nav-menu__link--is-active;
}

1
sass/navigation/nav-menu/collapsed-rtl.svg Normal file
View file

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="7" height="7" viewBox="0 0 7 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><path d="M5.159,7l-3.318,-3.5l3.318,-3.5l0,7Z" fill="#000"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 358 B

1
sass/navigation/nav-menu/collapsed.svg Normal file
View file

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="7" height="7" viewBox="0 0 7 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><path d="M1.841,0l3.318,3.5l-3.318,3.5l0,-7Z" fill="#000"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 357 B

1
sass/navigation/nav-menu/expanded.svg Normal file
View file

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="7" height="7" viewBox="0 0 7 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><path d="M7,1.841l-3.5,3.318l-3.5,-3.318l7,0Z" fill="#000"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 358 B

1
sass/navigation/nav-menu/leaf.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 6.7 KiB

28
sass/navigation/nav-menu/nav-menu.twig Normal file
View file

@ -0,0 +1,28 @@
<ul class="nav-menu {{modifier_class}}">
<li class="nav-menu__item">
<a href="/" class="nav-menu__link">Home</a>
</li>
<li class="nav-menu__item is-collapsed">
<a href="#" class="nav-menu__link">Blandit Jugis Sudo</a>
</li>
<li class="nav-menu__item is-expanded is-active-trail">
<a href="#" class="nav-menu__link is-active-trail">Causa Diam Jumentum Wisi</a>
<ul class="nav-menu">
<li class="nav-menu__item">
<a href="#" class="nav-menu__link">Dolor Huic Oppeto</a>
</li>
<li class="nav-menu__item is-active-trail is-active">
<a href="#" class="nav-menu__link is-active">Decet</a>
</li>
<li class="nav-menu__item is-collapsed">
<a href="#" class="nav-menu__link">Aliquip Similis</a>
</li>
</ul>
</li>
<li class="nav-menu__item is-collapsed">
<a href="#" class="nav-menu__link">Abigo Caecus Causa Illum</a>
</li>
<li class="nav-menu__item is-collapsed">
<a href="#" class="nav-menu__link">Ibidem Sudo</a>
</li>
</ul>