10h30/trestle
1
0
Fork 0
mirror of https://github.com/10h30/trestle.git synced 2026-06-05 15:09:35 +09:00
Code Issues Packages Projects Releases Wiki Activity

Implement new accessibility updates with add_theme_support. Add mobile nav styling support

Browse Source
This commit is contained in:
jgonzo
2016-02-29 15:35:01 -08:00
parent 2643117edd
commit 96976034b3
2 changed files with 87 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
includes/functions/theme-functions.php
+3
View File
@@ -29,6 +29,9 @@ function trestle_add_theme_support() {
// Add support for footer widgets if specified in Trestle settings.
add_theme_support( 'genesis-footer-widgets', trestle_get_option( 'footer_widgets_number' ) );
//* Add Accessibility support
add_theme_support( 'genesis-accessibility', array( 'headings', 'drop-down-menu', 'search-form', 'skip-links', 'rems' ) );
}
add_action( 'after_setup_theme', 'trestle_remove_genesis_css_enqueue' );
style.css
+83
View File
@@ -24,6 +24,7 @@
- Objects
- Forms & Buttons
- Tables
- Screen Reader Text
- Structure and Layout
- Site Containers
- Bubble Layout
@@ -641,6 +642,81 @@ td {
padding: 0.6rem 0;
}
/* ## Screen reader text
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
color: #333;
background: #fff;
}
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
clip: auto !important;
height: auto;
width: auto;
display: block;
font-size: 1em;
font-weight: bold;
padding: 15px 23px 14px;
z-index: 100000; /* Above WP toolbar. */
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}
.more-link {
position: relative;
}
/* # Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link li {
height: 0;
width: 0;
list-style: none;
}
/* ## Accessible Menu
--------------------------------------------- */
.menu .menu-item:focus {
position: static;
}
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
left: auto;
opacity: 1;
}
/* hide sub-menus */
ul.sub-menu,
.genesis-nav-menu [class*="current-"] > ul.sub-menu.open,
.genesis-nav-menu [class*="current_"] > ul.sub-menu.open {
display: none !important;
}
.genesis-nav-menu ul.sub-menu.open,
.genesis-nav-menu ul.sub-menu.open {
display: block !important;
}
/* hide arrow indicators */
span.sf-sub-indicator {
display: none;
}
/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */
@@ -2212,6 +2288,13 @@ Media Queries
padding-right: 0;
}
/* show sub-menus */
ul.sub-menu,
.genesis-nav-menu ul.sub-menu.open,
.genesis-nav-menu ul.sub-menu.open {
display: block !important;
}
/* Header
--------------------------------------------- */