element-specs edit

<!-- components/element-specs/heading-specs.php --> <h5>H5 User Content Specs</h5> <ul> <li>Font styles <ul> <li class="h5fontspecs"></li> <li class="h5color"></li> <li class="h5margin"></li> <li>padding: 0</li> <li>in boxcopy: 16px/1.2</li> </ul> </li> <li>Space between <ul> <li>H5 + paragraph, button, table, boxcopy, alert: 28px</li> <li>H5 + H6: 28px</li> <li>H5 + UL/OL: 28px</li> <li>Collapsible table H5 + H5: 30px</li> <li>Collapsible table H5 + nested H6: 28px</li> <li>in boxcopy H5 + paragraph: 19px</li> </ul> </li> </ul> <h6>H6 User Content Specs</h6> <ul> <li>Font styles <ul> <li class="h6fontspecs"></li> <li class="h6color"></li> <li class="h6margin"></li> <li>padding: 0</li> <li>in boxcopy: 14px/1.2</li> </ul> </li> <li>Space between <ul> <li>H6 + paragraph, button, table, boxcopy, alert: 17px, set to match spacing between paragraph lines</li> <li>H6 + UL/OL: 22px, set to match spacing between list items</li> <li>Collapsible table H6 + H6: 22px</li> <li>Collapsible table nested H6 + next table: 40px</li> <li>in boxcopy H6 + paragraph: 12px, set to match spacing between paragraph lines in boxcopy</li> </ul> </li> </ul> <?php strpos(strtolower($_SERVER['REQUEST_URI']), "examples-") !== false ? $isExamplePage = true : $isExamplePage = false; if (!$isExamplePage) { include("location-array.php"); $headingArray["h1"] = array( "text content", "banner", "experts", "atoz", "directory" ); $headingArray["h2"] = array( "directory with photo grid", "news home", "info for menu", "atoz" ); $headingArray["h3"] = array( "emergency info", "experts", "ideation", "directory", "row titles" ); $headingArray["h4"] = array( "row card titles", "slider widget", "default extra block", "directory with photo grid", "sidebar listbox", "sidebar news events rss", "sidebar news press releases", "sidebar wm in the news", "sidebar widget", "gateway", "grids" ); $headingArray["h5"] = array( "text content", "alert", "boxcopy", "collapsible table", "sidebar listbox", "site menu", "page nav news", "page nav extra nav", "footer", "announcements row" ); $headingArray["h6"] = array( "text content", "table header", "collapsible table", "alert", "boxcopy", "lightbox content", "page nav extra nav", "sidebar listbox", ); // output list by heading type echo "<h5>View by heading type</h5>"; echo "<ul>"; foreach ($headingArray as $heading => $siteLocation) { echo '<li>' . ucfirst($heading); echo "<ul>"; foreach ($siteLocation as $locationName) { echo '<li>' . ucfirst($locationName) . '</li>'; } echo "</ul>"; echo '</li>'; }; echo "</ul>"; ?> <h5>View by heading location</h5> <?php echo "<ul>"; foreach ($locationArray as $mainLocation => $subLocationArray) { echo '<li>' . ucfirst($mainLocation); echo "<ul>"; foreach ($subLocationArray as $subLocationName) { $tempLocationArray[$subLocationName] = array(); foreach ($headingArray as $heading => $siteLocation) { foreach ($siteLocation as $locationName) { if ($subLocationName == $locationName) { array_push($tempLocationArray[$subLocationName], ucfirst($heading)); } }; }; if (count($tempLocationArray[$subLocationName]) > 0) { echo '<li>' . ucfirst($subLocationName); echo "<p>"; echo implode(", ", $tempLocationArray[$subLocationName]); echo "</p>"; echo '</li>'; } } echo "</ul>"; echo '</li>'; } echo "</ul>"; }; ?> <!-- === site menus and header h1 in banners h2 in info for menu h5 in site menu search & tertiary titles === content header spacing h1 + content h5 + h6 h5 + content (including lists) h5 + box (table, tablewrap, alert, boxcopy) h5 + buttons h5 in alert/boxcopy h5 in tables h5 + h5 in collapsible tables h5 + nested h6 in collapsible tables h5 in lightbox content h5 + news_in_video_container box + h5 h6 + content h6 + box (table, tablewrap, alert, boxcopy) h6 + buttons h6 in alert/boxcopy h6 + h6 in collapsible tables h6 in lightbox content box + h6 listing page Files listing page portfolio news story content announcements row sidebar page nav extra nav -->