ux updates to navigation

This commit is contained in:
John Mitchell
2018-04-06 17:50:49 -04:00
parent d1b504e34d
commit ea16bef39b
5 changed files with 128 additions and 25 deletions

View File

@@ -174,6 +174,9 @@
@at-color-side-nav-content: @at-white;
@at-color-side-nav-item-background-hover: @at-gray-b7;
@at-color-side-nav-item-border-hover: @at-white;
@at-color-side-nav-item-icon: @at-white;
@at-color-side-nav-item-spacer: @at-gray-d7;
@at-color-side-nav-space-collapsed-border: @at-gray-b7;
@at-color-footer-background: @at-gray-fc;
@at-color-footer: @at-gray-70;
@@ -208,6 +211,8 @@
@at-font-size-navigation: @at-font-size-3x;
@at-font-size-table-heading: @at-font-size-3x;
@at-font-size-menu-icon: @at-font-size-5x;
@at-font-size-side-nav-icon: 19px;
@at-font-size-side-nav-space: 11px;
@at-font-size-list-row-item-tag: 10px;
@at-font-size-list-row-action: 19px;
@at-font-size-list-row-action-icon: 19px;
@@ -228,6 +233,13 @@
@at-padding-input: @at-space-2x;
@at-padding-top-nav-item-sides: @at-space-4x;
@at-padding-side-nav-item-icon: @at-space-3x;
@at-padding-side-nav-item-icon: 10px 15px;
@at-padding-side-nav-item-spacer: 10px 10px 25px 15px;
@at-padding-bottom-side-nav-toggle-mobile: 15px;
@at-padding-top-side-nav-toggle: 5px;
@at-padding-left-side-nav-toggle-icon: 15px;
@at-padding-left-side-nav-item-icon: 10px;
@at-padding-left-side-nav-item-icon-expanded: 15px;
@at-padding-between-side-nav-icon-text: @at-space-3x;
@at-padding-footer-right: @at-space-4x;
@at-padding-footer-bottom: @at-space-4x;
@@ -246,6 +258,7 @@
@at-margin-form-label-hint: @at-space-2x;
@at-margin-top-nav-item-between-icon-and-name: @at-space-2x;
@at-margin-top-nav-item-icon-socket-top-makeup: -3px;
@at-margin-side-nav-space-collapsed: 10px 0;
@at-margin-after-footer-link: @at-space;
@at-margin-footer-top: @at-space-4x;
@@ -274,7 +287,7 @@
@at-height-top-nav: 60px;
@at-height-top-nav-item-icon: 21px;
@at-height-top-nav-item-icon-socket: 18px;
@at-height-side-nav-item-icon: 20px;
@at-height-side-nav-item-icon: 19px;
@at-height-side-nav-spacer: 20px;
@at-height-top-side-nav-makeup: 55px;
@at-height-list-empty: 200px;
@@ -282,13 +295,15 @@
@at-height-list-row-item: 27px;
@at-height-list-row-item-tag: 15px;
@at-height-list-row-action: 30px;
@at-height-side-nav-toggle-mobile: 40px;
@at-width-input-button-sm: 72px;
@at-width-input-button-md: 84px;
@at-width-collapsed-side-nav: 50px;
@at-width-expanded-side-nav: 200px;
@at-width-expanded-side-nav: 180px;
@at-width-list-row-item-label: 120px;
@at-width-list-row-action: 30px;
@at-width-side-nav-toggle-mobile: 50px;
@at-line-height-list-row-item-header: @at-space-3x;
@at-line-height-list-row-item-labels: 17px;