ry
/
datat.fi
6
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Add `menu` label text to sidebar toggle button

This commit is contained in:
Michael Rose 2017-03-17 09:56:16 -04:00
parent 85b219c28c
commit 7aa6cf79c5
8 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -96,6 +96,7 @@ t:
skip_primary_nav: "Skip to primary navigation" skip_primary_nav: "Skip to primary navigation"
skip_content: "Skip to content" skip_content: "Skip to content"
skip_footer: "Skip to footer" skip_footer: "Skip to footer"
menu: "Menu"
home: "Home" home: "Home"
newer: "Newer" newer: "Newer"
older: "Older" older: "Older"

1
_data/theme.yml
View File

@ -7,6 +7,7 @@ t:
skip_primary_nav: "Skip to primary navigation" skip_primary_nav: "Skip to primary navigation"
skip_content: "Skip to content" skip_content: "Skip to content"
skip_footer: "Skip to footer" skip_footer: "Skip to footer"
menu: "Menu"
home: "Home" home: "Home"
newer: "Newer" newer: "Newer"
older: "Older" older: "Older"

2
_layouts/default.html
View File

@ -14,7 +14,7 @@
<div class="sidebar-toggle-wrapper"> <div class="sidebar-toggle-wrapper">
<a class="toggle navicon-button larr" href="#sidebar"> <a class="toggle navicon-button larr" href="#sidebar">
<span class="screen-reader-text">Menu</span> <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
<div class="navicon"></div> <div class="navicon"></div>
</a> </a>
</div> </div>

5
_sass/basically-basic/_global.scss
View File

@ -22,14 +22,15 @@
a { a {
display: flex; display: flex;
align-items: center; align-items: center;
min-height: $site-image-height;
color: $text-color; color: $text-color;
text-decoration: none; text-decoration: none;
} }
} }
.site-image { .site-image {
width: 50px; width: $site-image-width;
height: 50px; height: $site-image-height;
margin-right: 0.5rem; margin-right: 0.5rem;
border-radius: 50%; border-radius: 50%;
} }

2
_sass/basically-basic/_navicons.scss
View File

@ -62,7 +62,7 @@
border-radius: $navicon-width; border-radius: $navicon-width;
background: $navicon-content-bg; background: $navicon-content-bg;
content: ''; content: '';
z-index: -1; // z-index: -1;
} }
&::before { top: (2 * $navicon-height); } &::before { top: (2 * $navicon-height); }

13
_sass/basically-basic/_sidebar.scss
View File

@ -168,4 +168,17 @@
right: 0; right: 0;
cursor: pointer; cursor: pointer;
z-index: 10000; z-index: 10000;
.toggle {
display: flex;
align-items: center;
color: inherit;
text-decoration: none;
}
}
.sidebar-toggle-label {
order: 2;
margin-left: 0.5rem;
font-weight: bold;
} }

4
_sass/basically-basic/_variables.scss
View File

@ -76,5 +76,9 @@ $navicon-nav-bg-close: transparent !default;
$navicon-nav-bg-open: transparent !default; $navicon-nav-bg-open: transparent !default;
$navicon-content-bg: $text-color !default; $navicon-content-bg: $text-color !default;
/* Site image */
$site-image-width: 50px !default;
$site-image-height: 50px !default;
/* Susy grid settings */ /* Susy grid settings */
$susy: (columns: 16, gutters: 0, math: fluid, output: float) !default; $susy: (columns: 16, gutters: 0, math: fluid, output: float) !default;

1
example/_data/theme.yml
View File

@ -7,6 +7,7 @@ t:
skip_primary_nav: "Skip to primary navigation" skip_primary_nav: "Skip to primary navigation"
skip_content: "Skip to content" skip_content: "Skip to content"
skip_footer: "Skip to footer" skip_footer: "Skip to footer"
menu: "Menu"
home: "Home" home: "Home"
newer: "Newer" newer: "Newer"
older: "Older" older: "Older"