diff options
author | 2018-08-22 19:59:51 +0200 | |
---|---|---|
committer | 2018-08-22 19:59:51 +0200 | |
commit | 8ef1cd50a0bf34adc3033706a2eeadd4339daa67 (patch) | |
tree | 8885bc6035dbf664cff573fba56822cec6f3128d /scss/uikit/components/iconnav.scss | |
parent | Use `postgres` service on CI. (diff) |
Remove unused files.
Diffstat (limited to 'scss/uikit/components/iconnav.scss')
-rw-r--r-- | scss/uikit/components/iconnav.scss | 140 |
1 files changed, 0 insertions, 140 deletions
diff --git a/scss/uikit/components/iconnav.scss b/scss/uikit/components/iconnav.scss deleted file mode 100644 index ae739c90..00000000 --- a/scss/uikit/components/iconnav.scss +++ /dev/null @@ -1,140 +0,0 @@ -// Name: Iconnav -// Description: Component to create icon navigations -// -// Component: `uk-iconnav` -// -// Modifier: `uk-iconnav-vertical` -// -// States: `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$iconnav-margin-horizontal: $global-small-margin !default; -$iconnav-margin-vertical: $iconnav-margin-horizontal !default; - -$iconnav-item-color: $global-muted-color !default; - -$iconnav-item-hover-color: $global-color !default; - -$iconnav-item-active-color: $global-color !default; - - -/* ======================================================================== - Component: Iconnav - ========================================================================== */ - -/* - * 1. Allow items to wrap into the next line - * 2. Reset list - * 3. Gutter - */ - -.uk-iconnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - margin-left: (-$iconnav-margin-horizontal); - @if(mixin-exists(hook-iconnav)) {@include hook-iconnav();} -} - -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - */ - -.uk-iconnav > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: $iconnav-margin-horizontal; -} - - -/* Items - ========================================================================== */ - -/* - * Items must target `a` elements to exclude other elements (e.g. dropdowns) - * 1. Prevent gap if child element is `inline-block`, e.g. an icon - * 2. Style - */ - -.uk-iconnav > * > a { - /* 1 */ - display: block; - /* 2 */ - color: $iconnav-item-color; - @if(mixin-exists(hook-iconnav-item)) {@include hook-iconnav-item();} -} - -/* Hover + Focus */ -.uk-iconnav > * > a:hover, -.uk-iconnav > * > a:focus { - color: $iconnav-item-hover-color; - outline: none; - @if(mixin-exists(hook-iconnav-item-hover)) {@include hook-iconnav-item-hover();} -} - -/* Active */ -.uk-iconnav > .uk-active > a { - color: $iconnav-item-active-color; - @if(mixin-exists(hook-iconnav-item-active)) {@include hook-iconnav-item-active();} -} - - -/* Modifier: 'uk-iconnav-vertical' - ========================================================================== */ - -/* - * 1. Change direction - * 2. Gutter - */ - -.uk-iconnav-vertical { - /* 1 */ - flex-direction: column; - /* 2 */ - margin-left: 0; - margin-top: (-$iconnav-margin-vertical); -} - -/* 2 */ -.uk-iconnav-vertical > * { - padding-left: 0; - padding-top: $iconnav-margin-vertical; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-iconnav-misc)) {@include hook-iconnav-misc();} - -// @mixin hook-iconnav(){} -// @mixin hook-iconnav-item(){} -// @mixin hook-iconnav-item-hover(){} -// @mixin hook-iconnav-item-active(){} -// @mixin hook-iconnav-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-iconnav-item-color: $inverse-global-muted-color !default; -$inverse-iconnav-item-hover-color: $inverse-global-color !default; -$inverse-iconnav-item-active-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-iconnav-item(){} -// @mixin hook-inverse-iconnav-item-hover(){} -// @mixin hook-inverse-iconnav-item-active(){}
\ No newline at end of file |