primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-03 03:33:40 +03:00
Code Issues Projects Releases Wiki Activity

Add support for <button>

Browse Source
This commit is contained in:
simurai 2019-06-21 21:11:52 +09:00
parent 4b1bb6943f
commit 431bf7baad
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/css/components/navigation.md
View File

@ -172,7 +172,7 @@ Use `.UnderlineNav--full` in combination with container styles and `.UnderlineNa
The Side Nav is a vertical list of navigational links, typically used on the left side of a page. **Width and placement must be set by you.** For example by using our grid columns or by applying an inline `width`.
- You can use a **light gray background** and a **border** if the parent element doesn't have it already.
- To add a "selected" state add `aria-current="page"`.
- To add a "selected" state use `aria-current="page"`. If it should act more like a "tab menu" with button elements, use `aria-selected="true"` instead.
```html
<nav class="SideNav bg-gray-light border" style="max-width: 360px">

4
src/navigation/sidenav.scss
View File

@ -5,8 +5,12 @@
.SideNav-item {
position: relative;
display: block;
width: 100%;
padding: $spacer-2+$spacer-1 $spacer-3;
color: $text-gray;
text-align: left;
background-color: transparent;
border: 0;
& + & {
border-top: $border;