CSS Snippets

snippets.css

/* Large ol numbering in the background */
.trip-steps {
  counter-reset: step-counter;
  margin-left: 3.5rem;
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.trip-step {
  position: relative;
  margin-bottom: 3rem;
}
.trip-steps .trip-step::before {
  content: counter(step-counter, decimal);
  counter-increment: step-counter;
  position: absolute;
  left: -0.6em;
  font-size: 12rem;
  font-weight: 800;
  line-height: 0.4;
  width: 1em;
  text-align: center;
  transform: rotate(-20deg);
  opacity: 0.1;
  top: 0.11em;
}

/* Site name branding, goes next to the JCU logo with a horizontal line */
.site-title {
   display: inline-block;
   padding-left: .5rem;
   margin-bottom: 0;
   margin-left: .5rem;
   font-size: 1rem;
   color: #fff;
   vertical-align: middle;
   border-left: 1px solid #fff;
}
 
.navbar-collapsed .site-title {
   padding-left: 0;
   line-height: .9;
   border-left: 0 none;
}
 
.navbar-collapsed .scroll-hidden {
   display: none;
}