.class {
  color: blue;
}

@mixin dosomething($var: 1) {
  background-color: blue;

  .child-selector#with_id {
    &:hover:not(:first-child) {
      text-indent: none;
    }
  }
}
      
    
      
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>foobar</title>
</head>
<body>
  <header class="page-header">
    <nav><ul class="header-nav"></nav>
  </header>

  <main>
    <p id="paragraph" class="paragraph">
      Lorem ipsum dolor sit amet
    </p>
  </main>
</body>
</html>
      
    
      
(function(){
  "use strict";
  /* Start of your code */
  function greetMe(yourName) {
    alert('Hello ' + yourName);
  }

  greetMe('World');
  /* End of your code */
})();
      
    

Color Codes:

Theme:

Prioritize:

GitHub