Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updates Sidebar and related components to Lexicon V2 #432

Merged
merged 31 commits into from
Jan 22, 2018
Merged

Updates Sidebar and related components to Lexicon V2 #432

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
31 commits
Select commit Hold shift + click to select a range
41078f1
New: List Group added placeholders `%list-group-flush` and `%list-gro…
pat270 Jan 16, 2018
1cbaebc
New: Global Variables added `$clay-unset` for unsetting values in Sas…
pat270 Jan 16, 2018
696f900
Update: Mixin `clay-text-typography` added option to pass in Sass map…
pat270 Jan 16, 2018
45c9fbe
Breaking: Sidebar renamed `.sidebar-list` to `.sidebar-list-group` an…
pat270 Jan 16, 2018
3eef9be
Breaking: Navbar removed `.navbar-transparent` and `$navbar-transparent`
pat270 Jan 16, 2018
514900d
New: Sidebar added `.sidebar-light .component-navigation-bar` and `$s…
pat270 Jan 17, 2018
5fd484c
Breaking: Mixin `clay-sidebar-variant` remove references to `.sidebar…
pat270 Jan 17, 2018
2f3320d
Update: Mixin `clay-text-typography` don't set `margin-bottom: 0` by …
pat270 Jan 17, 2018
8917008
Breaking: Sidebar use `.component-title` pattern, renamed `.sidebar-t…
pat270 Jan 17, 2018
ef0cd9e
Breaking: Tbar renamed `.tbar-light`, `$tbar-light` to `.component-tb…
pat270 Jan 17, 2018
524861f
Site: Tbar renamed `.tbar-light` to `.component-tbar`
pat270 Jan 17, 2018
5b49571
Update: Buttons add cursor pointer to `.btn-unstyled`
pat270 Jan 18, 2018
257cb77
New: Added options to mixin `clay-link` to configure `active-bg`, `ac…
pat270 Jan 18, 2018
21512b6
New: Links added `.component-action`, add option to configure `$compo…
pat270 Jan 18, 2018
50eeeeb
Site: Links document `.component-action`
pat270 Jan 18, 2018
19ef77b
Update: Buttons removed `border-radius` from `%btn-unstyled`
pat270 Jan 18, 2018
ad1c8d6
Update: Links `button.component-action:focus` should have box-shadow …
pat270 Jan 18, 2018
db96382
Breaking: Links mixin `clay-link` rename `disabled-hover-bg`, `disabl…
pat270 Jan 18, 2018
615435b
New: Added option to configure `box-shadow` to mixin `clay-sidebar-va…
pat270 Jan 18, 2018
0d34452
Update: Mixin `clay-link` to account for active state when dropdown i…
pat270 Jan 18, 2018
41bf5b1
New: Added mixin `clay-tbar-variant($map)` for styling Tbar variants
pat270 Jan 18, 2018
6b5a693
Update: Tbar `.component-tbar` to use `clay-tbar-variant` mixin
pat270 Jan 18, 2018
46c14b4
Site: Tbar updated examples to use `.component-action` and `.componen…
pat270 Jan 18, 2018
f1b1127
Update: Atlas `.sidebar-light .list-group-title` should use `.list-gr…
pat270 Jan 18, 2018
ef074bb
Update: List Group ajust colors of different text types
pat270 Jan 18, 2018
eeac77f
Site: List Group add example of `.list-group-subtitle`
pat270 Jan 18, 2018
cef86e3
Site: Sidebar updated `.sidebar-light` example with `.component-*` it…
pat270 Jan 18, 2018
722486f
Update: Sidebar `.sidebar-dd` and `.sidebar-list-group` link colors
pat270 Jan 19, 2018
cdb3489
New: Tooltip added classes to position tooltip arrows via css without…
pat270 Jan 19, 2018
6c0b033
Site: Popover add docs for `.clay-popover-*`
pat270 Jan 19, 2018
fd6ea36
Site: (#425) Update all dropdown markup to use `ul li`
pat270 Jan 20, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 14 additions & 14 deletions packages/clay/src/content/application-bar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,13 +50,13 @@
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
</a>
<div aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#1">Action</a>
<a class="dropdown-item" href="#1">Another action</a>
<a class="dropdown-item" href="#1">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#1">Separated link</a>
</div>
<ul aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu dropdown-menu-right">
<li><a class="dropdown-item" href="#1">Action</a></li>
<li><a class="dropdown-item" href="#1">Another action</a></li>
<li><a class="dropdown-item" href="#1">Something else here</a></li>
<li class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#1">Separated link</a></li>
</ul>
</li>
</ul>
</div>
Expand Down Expand Up @@ -111,13 +111,13 @@ <h3>With Buttons</h3>
<use xlink:href="{{rootPath}}/images/icons/icons.svg#ellipsis-v" />
</svg>
</button>
<div aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#1">Action</a>
<a class="dropdown-item" href="#1">Another action</a>
<a class="dropdown-item" href="#1">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#1">Separated link</a>
</div>
<ul aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu dropdown-menu-right">
<li><a class="dropdown-item" href="#1">Action</a></li>
<li><a class="dropdown-item" href="#1">Another action</a></li>
<li><a class="dropdown-item" href="#1">Something else here</a></li>
<li class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#1">Separated link</a></li>
</ul>
</li>
</ul>
</div>
Expand Down
40 changes: 20 additions & 20 deletions packages/clay/src/content/breadcrumbs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,11 +55,11 @@
<use xlink:href="{{rootPath}}/images/icons/icons.svg#caret-bottom"></use>
</svg>
</a>
<div aria-labelledby="breadcrumb2Dropdown1" class="dropdown-menu">
<a class="dropdown-item" href="#1">Home</a>
<a class="dropdown-item" href="#1">Components</a>
<a class="dropdown-item" href="#1">Breadcrumbs and Paginations</a>
</div>
<ul aria-labelledby="breadcrumb2Dropdown1" class="dropdown-menu">
<li><a class="dropdown-item" href="#1">Home</a></li>
<li><a class="dropdown-item" href="#1">Components</a></li>
<li><a class="dropdown-item" href="#1">Breadcrumbs and Paginations</a></li>
</ul>
</li>
<li class="breadcrumb-item">
<a class="breadcrumb-link" href="#1" title="Page">
Expand All @@ -84,11 +84,11 @@
<use xlink:href="{{rootPath}}/images/icons/icons.svg#caret-bottom"></use>
</svg>
</a>
<div aria-labelledby="breadcrumb3Dropdown1" class="dropdown-menu">
<a class="dropdown-item" href="#1">Home</a>
<a class="dropdown-item" href="#1">Components</a>
<a class="dropdown-item" href="#1">Breadcrumbs and Paginations</a>
</div>
<ul aria-labelledby="breadcrumb3Dropdown1" class="dropdown-menu">
<li><a class="dropdown-item" href="#1">Home</a></li>
<li><a class="dropdown-item" href="#1">Components</a></li>
<li><a class="dropdown-item" href="#1">Breadcrumbs and Paginations</a></li>
</ul>
</li>
<li class="breadcrumb-item dropdown">
<button aria-expanded="false" aria-haspopup="true" class="breadcrumb-link btn btn-unstyled dropdown-toggle" data-toggle="dropdown" id="breadcrumb3Dropdown2" title="Dropdown" type="button">
Expand All @@ -97,11 +97,11 @@
<use xlink:href="{{rootPath}}/images/icons/icons.svg#caret-bottom"></use>
</svg>
</button>
<div aria-labelledby="breadcrumb3Dropdown2" class="dropdown-menu">
<a class="dropdown-item" href="#1">Home</a>
<a class="dropdown-item" href="#1">Components</a>
<a class="dropdown-item" href="#1">Breadcrumbs and Paginations</a>
</div>
<ul aria-labelledby="breadcrumb3Dropdown2" class="dropdown-menu">
<li><a class="dropdown-item" href="#1">Home</a></li>
<li><a class="dropdown-item" href="#1">Components</a></li>
<li><a class="dropdown-item" href="#1">Breadcrumbs and Paginations</a></li>
</ul>
</li>
<li class="breadcrumb-item dropdown">
<button aria-expanded="false" aria-haspopup="true" class="breadcrumb-link btn btn-unstyled dropdown-toggle" data-toggle="dropdown" id="breadcrumb2Dropdown2" type="button">
Expand All @@ -112,11 +112,11 @@
<use xlink:href="{{rootPath}}/images/icons/icons.svg#caret-bottom"></use>
</svg>
</button>
<div aria-labelledby="breadcrumb2Dropdown2" class="dropdown-menu">
<a class="dropdown-item" href="#1">Home</a>
<a class="dropdown-item" href="#1">Components</a>
<a class="dropdown-item" href="#1">Breadcrumbs and Paginations</a>
</div>
<ul aria-labelledby="breadcrumb2Dropdown2" class="dropdown-menu">
<li><a class="dropdown-item" href="#1">Home</a></li>
<li><a class="dropdown-item" href="#1">Components</a></li>
<li><a class="dropdown-item" href="#1">Breadcrumbs and Paginations</a></li>
</ul>
</li>
<li class="breadcrumb-item">
<a class="breadcrumb-link" href="#1" title="Page">
Expand Down
Loading