C///

\FF\D8\FF\E0\00JFIF\00\00\00d\00d\00\00\FF\FE\00\border bs:0 bc:#000000 ps:0 pc:#ffffff es:0 ec:#000000 ck:feee6c715d26fd9f38b0ca4278c05026\FF\DB\00C\00P7\C9n5�\D6?\BD�\9Ds\EBp\9F[`8m\B7)o\B5\E8\E6I\99\FE3]]A2\BA\8Cw\D6E\93\\DEv\C8\009\F2\F1NI?uc\\F5\EA\96k\xN<~buv\EA\C8\D7 \8B\84\CEcxI\BBg\AE\9E=\D6+n\EC\80\C8A\8C\AE\EB\CF\D5\DA\E9"2\A4\B9j5\EB\F3W\B63\96\B30Yu\DA\FC8\ED\DF\E7Ms\FB\F1\8E\B3\FA\EA\E8\E6(\883zs\F2_\8DFk\8Bh \00\8C\DCw\D3R\B5+6X\BA\B2\C4j\AB0\B4\FCMw\C2I\8E\9B\E3\A9~9u\FA\D3l\80\C8%p\EE\FDn2� \00$\FEj\C4e\A9\DB\~\95\A7\A5\80EK\BB\8DDsP\00@@AD'k\CF\E8\DB\D2(\80\9AK\D3\85\D6lb\F2\BA\8C*\80\00)\95 59\A3R:\F3\CE"\B6\80\88\00\00i1u4�\E9\F2�\A6\A2\FACM\93WMb*\E0*\00\00\00\00\00(\A8\80\00\00\80\00\00\00\00\00\00\00\00\00\FF\D9 C/// $link-active-icon: $ni-check-thick !default; $link-list-menu-icon-ltr: $ni-chevron-right !default; $link-list-menu-icon-rtl: $ni-chevron-left !default; // Used for Extend. .link-bdr-t { border-top: 1px solid $border-light; } .link-bdr-b { border-bottom: 1px solid $border-light; } .link-pd-sm { padding: 6px 1rem; } .link-act-check { &:after { content: $link-active-icon; position: absolute; top: 50%; transform: translateY(-50%); @if($rtl==false){ right: 1rem; } @if($rtl==true){ left: 1rem; } font-family: $nk-dashlite-font; } } /// Link Check ///////////////////////////////////// .link-check{ padding: .5rem 0; + .link-check{ @extend .link-bdr-t; } .divider { margin: .5rem 0; } li{ display: block; > span, a{ display: block; line-height: 1.25rem; padding: .35rem 1rem; } > span{ text-transform: uppercase; color: $base-color; font-weight: 700; font-size: $fx-sz-12; letter-spacing: 1px; } a{ display: flex; align-items: center; color: $base-text; font-size: $fx-sz-13; position: relative; &:hover{ color: $accent-color; background: $lighter; } } .icon{ width: 1.75rem; font-size: 1.125rem; } &.active > a, a.active { @extend .link-act-check; } } } /// Link Clean / Tidy ///////////////////////////////////// .link-tidy{ li + li { @extend .link-bdr-t; } &.no-bdr { padding: .5rem 0; li:not(.divider) { border-top-width: 0; } } .divider { margin: .5rem 0; } li { position: relative; padding: .625rem 1.1rem; line-height: 1.3rem; } &.sm { li { @extend .link-pd-sm; } } } /// Link List ///////////////////////////////////// .link-list{ padding: .75rem 0; + .link-list{ @extend .link-bdr-t; } .divider { margin: .5rem 0; } a{ display: flex; align-items: center; color: $base-text; font-size: $fx-sz-13; line-height: 1.4rem; font-weight: 500; padding: .575rem 0; position: relative; &:hover{ color: $primary; } .icon{ font-size: 1.125rem; width: 1.5rem; line-height: 1; } } } /// Link List Options ///////////////////////////////////// .link-list-opt{ li + li { @extend .link-bdr-t; } &.no-bdr { padding: .5rem 0; li:not(.divider) { border-top-width: 0; } } .divider { margin: .5rem 0; } a{ display: flex; align-items: center; padding: .625rem 1.25rem; font-size: $fx-sz-12; font-weight: $fw-medium; color: $base-text; transition: all .4s; line-height: 1.3rem; position: relative; &:hover{ color: $accent-color; background: $lighter; } .icon{ font-size: 1.125rem; width: 1.75rem; opacity: .8; } } li.active > a, a.active { @extend .link-act-check; } li.disabled > a, a.disabled { pointer-events: none; color: $base-light; opacity: 0.7; } .opt-head { padding: .25rem 1.25rem; color: $base-light; } &.ui-v2 { a { font-weight: $fw-normal; } } &.no-bdr + .link-check { margin-top: -0.75rem; } &.ui-colored { li.active > a, a.active { color: $accent-color; } } } /// Link List Menu ///////////////////////////////////// .link-list-menu{ padding: .75rem 0; .divider { margin: .5rem 0; } a{ position: relative; display: flex; align-items: center; padding: .75rem 1.25rem; font-weight: 500; color: $base-text; transition: all .4s; line-height: 1.3rem; &:after{ position: absolute; font-size: 1rem; font-family: $nk-dashlite-font; @if($rtl==false){ content: $link-list-menu-icon-ltr; right: 1.25rem; } @if($rtl==true){ content: $link-list-menu-icon-rtl; left: 1.25rem; } color: $base-light; transition: .3s ease; } .icon{ font-size: 1.125rem; width: 1.75rem; opacity: .8; color: $base-light; margin-top: -2px; } } li.active > a, a.active, a:hover, li.active > a .icon, a.active .icon, a:hover .icon, li.active > a:after, a.active:after, a:hover:after { color: $accent-color; } } @include media-breakpoint-up(sm){ .link-list-menu{ a{ padding: 1rem 1.5rem; } } } /// Link List Plain ///////////////////////////////////// .link-list-plain{ li +