Spacing Prefs

spacing.js

//
// greet paul
greeting("Paul");



//
// greeting method to take name and return a greeting
function greeting(subject) {
    
    //
    // forming our complete sentence
    var salutations = ["Dearest", subject, ", we are having a great time."],
        complete_greeting = salutations.join(" ");
    
    //
    // respond with a complete sentence
    return complete_greeting;
    
}

spacing.scss

.a-parent {
  position: absolute;
  top: 0; left: 50%;
  width: 100%;
  
  background-color: red;
  color: white;
  
  transition: color 250ms ease-in;
  
  
  :hover, :active {
    color: blue;
  }
  
  
  &.state {
    color: green;
    background: yellow;
  }
  
  
  .a-child {
    width: 50%;
    height: 2rem;
  }
  
}