Changeset - cde7aca249e6
[Not reviewed]
0 1 0
Brett Smith - 6 years ago 2018-10-10 20:07:10
brettcsmith@brettcsmith.org
css: Navbar hover color is a function of the primary color.
1 file changed with 1 insertions and 1 deletions:
0 comments (0 inline, 0 general)
static/scss/custom.scss
Show inline comments
...
 
@@ -219,97 +219,97 @@ $homepage-block-min-height: 480px;
 
  width: 100%;
 
  height: 100%;
 
  position: absolute;
 
  background-size: cover;
 
  background-position: center;
 
  opacity: 0.3;
 
  background-blend-mode: multiply;
 
  z-index: -9999;
 
  box-shadow: $box-shadow;
 
}
 

	
 
.homepage-background-opacity {
 
  top: 0;
 
  bottom: 0;
 
  width: 100%;
 
  height: 100%;
 
  position: absolute;
 
  opacity: 0.7;
 
  z-index: -9999;
 

	
 
  background-blend-mode: multiply;
 
}
 

	
 
.homepage-block.dark {
 
  background: $gray-base;
 
  color: white;
 
  text-shadow: 1px 1px $gray-dark;
 

	
 
  a:not(.btn) {
 
    color: lighten($brand-primary, 20%);
 

	
 
    &:hover,
 
    &:focus,
 
    &:active {
 
      color: lighten($brand-primary, 15%);
 
    }
 
  }
 
}
 

	
 
.navbar {
 
  box-shadow: $box-shadow;
 
}
 

	
 
.navbar ul.navbar-nav > li > a,
 
.navbar-header a.navbar-brand {
 
  &:active,
 
  &:focus,
 
  &:hover {
 
    background-color: #004303;
 
      background-color: darken($navbar-default-bg, 15%);
 
  }
 
}
 

	
 
.tight-headings {
 

	
 
  h1, h2, h3, h4, h5, h6 {
 
    margin: 0.05em;
 
  }
 

	
 
}
 

	
 
.btn-shadow {
 
  box-shadow: 1px 1px 5px $gray-dark;
 
}
 

	
 
.hills {
 
  background-size: 100%;
 
  background-position: bottom;
 
  background-repeat: no-repeat;
 
  width: 50%;
 
  height: 100%;
 
  position: absolute;
 
  bottom: 0;
 
  right: 0;
 
  z-index: -7999;
 

	
 
  &.main {
 
  }
 

	
 
  &.footer {
 
  }
 
}
 

	
 
.hphbg {
 
  background-color: $logo-sky-blue;
 
  opacity: 1;
 
  /* will be "on top", if browser supports it */
 
  background-size: 100%;
 
  background-position: bottom;
 
  top: 0;
 
  bottom: 0;
 
  background-repeat: no-repeat;
 
  width: 100%;
 
  height: 100%;
 
}
 

	
 
.floop {
 

	
0 comments (0 inline, 0 general)