Sha256: 6ef6c48844ba67586cf0f69542b576e31593124ca1b08efcfac8e4e20e4bb1c5

Contents?: true

Size: 1.97 KB

Versions: 1

Compression:

Stored size: 1.97 KB

Contents

.site-header {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
}
.site-header {
  color: #74b1be;
  background-color: #2f3241;
  border-bottom-color: #1a1b23;
  -webkit-font-smoothing: antialiased;
  padding-left: 12px;
  padding-right: 12px;
}


.site-header a {
  color: inherit;
  transition: all 0.3s;
}

.site-header a.active,
.site-header a:hover {
  color: #9feaf9;
}

.site-header a:active {
  color: #6798a2;
}

@mixin site-header--700() {
  .site-header {
      text-align: center;
  }
  .site-header-logo {
      float: left;
  }
  
  .site-header-nav {
      float: right;
      line-height: 2.3;
  }
  .site-header-logo,
  .site-header-nav {
      float: none;
  }
}

@mixin site-header--992() {
  .site-header {
      padding-left: 0;
      padding-right: 0;
  }
  .site-header-logo {
      float: left;
  }
  .site-header-nav {
      float: right;
  }
}

.site-header-logo {
  font-size: 22px;
}

.site-header-nav {
  margin-top: 0;
  min-height: 30px;
  line-height: 30px;
}

.site-header-nav-item {
  font-size: 15px;
  border-bottom: 2px solid transparent;
  display: inline-block;
  color: #555;
}

.site-header-nav-item.active,
.site-header-nav-item:active,
.site-header-nav-item:hover {
  border-bottom-color: #9feaf9;
  color: #333;
  text-decoration: none;
}

.site-header-nav-item+.site-header-nav-item {
  margin-left: 20px;
}

.fab {
  font-size: 1.6em;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 1px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 7px 11px;
  z-index: 1;
  font-size: 12px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.site-header-nav-item.bordered {
  border: 1px solid #9feaf9;
  border-radius: 3px;
  padding: 0 7px;
  opacity: 0.7;
  font-size: 12px;
  line-height: 2;
  bottom: 3px;
}

.site-header-nav-item.active {
  color: #333;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
electro-0.1.0 _sass/header/_base.scss