Skip to content

Commit

Permalink
fix: update role=tab shape
Browse files Browse the repository at this point in the history
  • Loading branch information
@blackfalcon
blackfalcon committed Jul 11, 2019
1 parent b639440 commit e50ed65
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 3 deletions.
7 changes: 4 additions & 3 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>@alaskaairux/orion-web-core-style-sheets - v2.5.2</title><link rel="stylesheet" href="assets/css/main.css"><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,500,700" rel="stylesheet" type="text/css"><meta name="viewport" content="width=device-width"><meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"><!-- Open Graph tags --><meta property="og:title" content="@alaskaairux/orion-web-core-style-sheets - SassDoc"><meta property="og:type" content="website"><meta property="og:description" content="<p>Orion core foundation Sass UI Kit</p>
"><!-- Thanks to Sass-lang.com for the icons --><link href="assets/images/favicon.png" rel="shortcut icon"></head><body><aside class="sidebar" role="nav"><div class="sidebar__header"><h1 class="sidebar__title">@alaskaairux/orion-web-core-style-sheets - 2.5.2</h1></div><div class="sidebar__body"><button type="button" class="btn-toggle js-btn-toggle" data-alt="Open all">Close all</button><p class="sidebar__item sidebar__item--heading" data-slug="accessibility"><a href="#accessibility">accessibility</a></p><div><p class="sidebar__item sidebar__item--sub-heading" data-slug="accessibility-css"><a href="#accessibility-css">css</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="accessibility" data-name=".focus-visible :focus:not(.focus-visible)" data-type="css"><a href="#accessibility-css-.focus-visible :focus:not(.focus-visible)">.focus-visible :focus:not(.focus-visible)</a></li><li class="sidebar__item sassdoc__item" data-group="accessibility" data-name=".focus-visible" data-type="css"><a href="#accessibility-css-.focus-visible">.focus-visible</a></li></ul></div><p class="sidebar__item sidebar__item--heading" data-slug="animation"><a href="#animation">animation</a></p><div><p class="sidebar__item sidebar__item--sub-heading" data-slug="animation-mixin"><a href="#animation-mixin">mixins</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="animation" data-name="transition" data-type="mixin"><a href="#animation-mixin-transition">transition</a></li></ul></div><p class="sidebar__item sidebar__item--heading" data-slug="baseline"><a href="#baseline">baseline</a></p><div><p class="sidebar__item sidebar__item--sub-heading" data-slug="baseline-css"><a href="#baseline-css">css</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="baseline" data-name="html" data-type="css"><a href="#baseline-css-html">html</a></li><li class="sidebar__item sassdoc__item" data-group="baseline" data-name="body,
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>@alaskaairux/orion-web-core-style-sheets - v2.6.0</title><link rel="stylesheet" href="assets/css/main.css"><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,500,700" rel="stylesheet" type="text/css"><meta name="viewport" content="width=device-width"><meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"><!-- Open Graph tags --><meta property="og:title" content="@alaskaairux/orion-web-core-style-sheets - SassDoc"><meta property="og:type" content="website"><meta property="og:description" content="<p>Orion core foundation Sass UI Kit</p>
"><!-- Thanks to Sass-lang.com for the icons --><link href="assets/images/favicon.png" rel="shortcut icon"></head><body><aside class="sidebar" role="nav"><div class="sidebar__header"><h1 class="sidebar__title">@alaskaairux/orion-web-core-style-sheets - 2.6.0</h1></div><div class="sidebar__body"><button type="button" class="btn-toggle js-btn-toggle" data-alt="Open all">Close all</button><p class="sidebar__item sidebar__item--heading" data-slug="accessibility"><a href="#accessibility">accessibility</a></p><div><p class="sidebar__item sidebar__item--sub-heading" data-slug="accessibility-css"><a href="#accessibility-css">css</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="accessibility" data-name=".focus-visible :focus:not(.focus-visible)" data-type="css"><a href="#accessibility-css-.focus-visible :focus:not(.focus-visible)">.focus-visible :focus:not(.focus-visible)</a></li><li class="sidebar__item sassdoc__item" data-group="accessibility" data-name=".focus-visible" data-type="css"><a href="#accessibility-css-.focus-visible">.focus-visible</a></li></ul></div><p class="sidebar__item sidebar__item--heading" data-slug="animation"><a href="#animation">animation</a></p><div><p class="sidebar__item sidebar__item--sub-heading" data-slug="animation-mixin"><a href="#animation-mixin">mixins</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="animation" data-name="transition" data-type="mixin"><a href="#animation-mixin-transition">transition</a></li></ul></div><p class="sidebar__item sidebar__item--heading" data-slug="baseline"><a href="#baseline">baseline</a></p><div><p class="sidebar__item sidebar__item--sub-heading" data-slug="baseline-css"><a href="#baseline-css">css</a></p><ul class="list-unstyled"><li class="sidebar__item sassdoc__item" data-group="baseline" data-name="html" data-type="css"><a href="#baseline-css-html">html</a></li><li class="sidebar__item sassdoc__item" data-group="baseline" data-name="body,
.baseType" data-type="css"><a href="#baseline-css-body,
.baseType">body, .baseType</a></li><li class="sidebar__item sassdoc__item" data-group="baseline" data-name=".baseParagraph" data-type="css"><a href="#baseline-css-.baseParagraph">.baseParagraph</a></li><li class="sidebar__item sassdoc__item" data-group="baseline" data-name=".hyperlink" data-type="css"><a href="#baseline-css-.hyperlink">.hyperlink</a></li><li class="sidebar__item sassdoc__item" data-group="baseline" data-name="small,
.type--small" data-type="css"><a href="#baseline-css-small,
Expand Down Expand Up @@ -279,6 +279,7 @@
border-style: solid;
border-color: $color-background-light-rule;
line-height: $size-scale-xxl;
margin-bottom: $size-scale-med;
}</code>" data-collapsed=".ods-tablist { ... }"><code>.ods-tablist { ... }</code></pre></div><h3 class="item__sub-heading">Description</h3><div class="item__description"><p><code>.ods-tablist</code> is a helper class to support the UI of a hyperlink using <code>role=&quot;tab&quot;</code></p><p>Place selector on outer <code>div</code> or <code>section</code> container with the <code>role=&quot;tablist&quot;</code> also applied.</p></div><h3 class="item__sub-heading">Example</h3><div class="item__example example"><div class="example__description"><p>import selector file</p></div><pre class="example__code language-scss"><code>@import &quot;./node_modules/@alaskaairux/orion-web-core-style-sheets/dist/componentSupport/tablist&quot;;</code></pre></div></section></section></section><section class="main__section"><h1 class="main__heading" id="responsive"><div class="container">responsive</div></h1><section class="main__sub-section" id="responsive-css"><h2 class="main__heading--secondary"><div class="container">css</div></h2><section class="main__item container item" id="responsive-css-img"><h3 class="item__heading"><a class="item__name" href="#css-img">img</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="<code>img {
display: block;
width: 100%;
Expand Down Expand Up @@ -615,4 +616,4 @@
.button {
@include focus-button(css);
}
}</code></pre></div></section></section></section><footer class="footer" role="contentinfo"><div class="container"><div class="footer__project-info project-info"><!-- Name and URL --> <span class="project-info__name">@alaskaairux/orion-web-core-style-sheets</span><!-- Version --> <span class="project-info__version">- v2.5.2</span><!-- License --> <span class="project-info__license">, under Apache-2.0</span></div><a class="footer__watermark" href="http://sassdoc.com"><img src="assets/images/logo_light_inline.svg" alt="SassDoc Logo"></a></div></footer></article><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script><script src="assets/js/main.min.js"></script></body></html>
}</code></pre></div></section></section></section><footer class="footer" role="contentinfo"><div class="container"><div class="footer__project-info project-info"><!-- Name and URL --> <span class="project-info__name">@alaskaairux/orion-web-core-style-sheets</span><!-- Version --> <span class="project-info__version">- v2.6.0</span><!-- License --> <span class="project-info__license">, under Apache-2.0</span></div><a class="footer__watermark" href="http://sassdoc.com"><img src="assets/images/logo_light_inline.svg" alt="SassDoc Logo"></a></div></footer></article><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script><script src="assets/js/main.min.js"></script></body></html>
1 change: 1 addition & 0 deletions src/componentSupport/_tablist.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,4 +19,5 @@
border-style: solid;
border-color: $color-background-light-rule;
line-height: $size-scale-xxl;
margin-bottom: $size-scale-med;
}

0 comments on commit e50ed65

Please sign in to comment.