Changeset - 2fbc85db8e1b
[Not reviewed]
0 1 0
Christopher Neugebauer - 7 years ago 2017-08-15 22:07:44
chrisjrn@gmail.com
Increases margin on tight-headings so that there isn’t interaction between two adjacent H1/H2 blocks
1 file changed with 2 insertions and 2 deletions:
0 comments (0 inline, 0 general)
static/scss/custom.scss
Show inline comments
...
 
@@ -107,124 +107,124 @@ $homepage-block-min-height: 480px;
 

	
 
.homepage-block {
 
  margin-top: 0;
 
  margin-bottom: 0;
 
  min-height: $homepage-block-min-height;
 
  position: relative;
 
  box-shadow: $box-shadow;
 
  z-index: 3;
 
}
 

	
 
.homepage-block-content {
 
  min-height: ($homepage-block-min-height - 80px);
 
}
 

	
 
/* ??? */
 
.homepage-block-footer {
 

	
 
}
 

	
 
.homepage-block.light {
 
  background-color: $background-filter;
 
  z-index: 2;
 
}
 

	
 
.homepage-block.white {
 
  background-color: white;
 
  z-index: 1;
 
}
 

	
 
.homepage-block-bg {
 
  top: 0;
 
  bottom: 0;
 
  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-block.dark {
 
  background: $gray-base;
 
  color: white;
 
  text-shadow: 1px 1px $gray-dark;
 

	
 
  a:not(.btn) { 
 
  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;
 
  }
 
}
 

	
 
.tight-headings {
 

	
 
  h1, h2, h3, h4, h5, h6 {
 
    margin: 0;
 
    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: -9999;
 

	
 
  &.main {
 
    background-image: url("../images/hills.svg");
 
  }
 

	
 
  &.footer {
 
    background-image: url("../images/hills-footer.svg");
 
  }
 
}
 

	
 
.circle {
 
  position: relative;
 
  border-radius: 100%;
 
  overflow: hidden;
 
  width: 100%;
 
  border: 0.05em solid black;
 
  box-shadow: 0px 0px 1em $gray-dark;
 
}
 

	
 
.circle:before {
 
  content: "";
 
  display: block;
 
  padding-top: 100%;
 
}
 

	
 
.fill {
 
  position: absolute;
 
  width: 100%;
 
  height: 100%;
 
  top: 0;
0 comments (0 inline, 0 general)