Skip to content

Instantly share code, notes, and snippets.

@AAlfare

AAlfare/rectangular-dotnav.scss

Created June 10, 2020 08:46
Show Gist options
  • Save AAlfare/6cc6f3b630249680cc6fd5ad16a93119 to your computer and use it in GitHub Desktop.
Save AAlfare/6cc6f3b630249680cc6fd5ad16a93119 to your computer and use it in GitHub Desktop.
Download ZIP
Rectangular UIKit dot nav variable overrides
Raw
rectangular-dotnav.scss
$global-color: #666;
$global-inverse-color: #fff;
$inverse-global-color: rgba($global-inverse-color, 0.7);
$global-link-color: #1e87f0;
$dotnav-item-width: 20px;
$dotnav-item-height: 3px;
$dotnav-item-border-radius: 0;
$dotnav-item-background: rgba($global-color, 0.6);
$dotnav-item-hover-background: $global-link-color;
$dotnav-item-active-background: $global-link-color;
$dotnav-item-border-width: 0;
$inverse-dotnav-item-background: rgba($inverse-global-color, 0.7);
$inverse-dotnav-item-hover-background: $dotnav-item-active-background;
$inverse-dotnav-item-active-background: $dotnav-item-active-background;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment