Skip to content

Instantly share code, notes, and snippets.

@productioncoder

productioncoder/HeaderNav.scss

Last active January 28, 2019 18:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save productioncoder/00fdf9c2e8d6005de9fcb64fed221d51 to your computer and use it in GitHub Desktop.
Save productioncoder/00fdf9c2e8d6005de9fcb64fed221d51 to your computer and use it in GitHub Desktop.
Download ZIP
Styling shared across the app
Raw
HeaderNav.scss
@import '../../styles/shared.scss';
.ui.menu.top-menu {
border: none;
.logo {
width: $sidebar-left-width;
}
/* ... */
}
Raw
shared.scss
$grey: #888888;
$red: #ff0002;
$header-nav-height: 64px;
$sidebar-left-width: 17rem;
Raw
SideBar.scss
@import '../../styles/shared.scss';
$sidebar-hover-color: #ebebeb;
.ui.menu.fixed.side-nav {
/* ... */
margin-top: $header-nav-height;
padding-bottom: $header-nav-height;
/*...*/
}
/* rest unchanged*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment