<commit_before>
// Sass, or Syntactically Awesome StyleSheets

// 1.
sass main.scss main.css<commit_msg>First lesson complete<commit_after>
// Sass, or Syntactically Awesome StyleSheets

// SASS Data-Types: Numbers, Strings, Boolean, null, Lists, Maps

// 1. This turns the scss to css
sass main.scss main.css

// ** NESTING **
.banner {  // 1---
  font-family: 'Pacifico', cursive;
  height: 400px;
  background-image: url("lemonade.jpg");
  .slogan {
    position: absolute;
    border: 4px solid black;
    top: 200px;
    left: 25%;
    width: 50%;
    height: 200px;
    text-align: center;
  }
  span {  // 2---
    font-size: 14px;
    line-height: 200px;
  }
}
.container {
  text-align: center;
  font-family: 'Pacifico', cursive;
  .icon {   // 3----
    display: inline-block;
    margin: 2%;
    border: 4px solid black;
    font-size: 32px;
  }
}

//  6 ** VARIABLES **

//Add variables here:
$translucent-white: rgba(255,255,255,0.3);

.slogan {
  position: absolute;
  border: 4px solid black;
  background-color: $translucent-white;
}

//Add variables here:
$translucent-white: rgba(255,255,255,0.3);
$icon-square-length: 300px;

.icon {
    display: inline-block;
    width: $icon-square-length;
    height: $icon-square-length;
  }

// MAPS AND LISTS
// Add Vars here:
$standard-border: 4px solid black;

.banner {
  font-family: 'Pacifico', cursive;
  height: 400px;
  background-image: url("lemonade.jpg");
  border : {
    top: $standard-border;
    bottom: $standard-border;
  }
  .slogan {
    position: absolute;
    border: $standard-border;
    background-color: $translucent-white;
    top: 200px;
    left: 25%;
    width: 50%;
    height: 200px;
    text-align: center;
  }
  span {
    font-size: 24px;
    line-height: 200px;
  }
}

.container {
  text-align: center;
  font-family: 'Pacifico', cursive;
  .icon {
    display: inline-block;
    width: $icon-square-length;
    height: $icon-square-length;
    margin: 2%;
    border: $standard-border;
    font-size: 32px;
  }
}
{'fraction_non_alphanumeric': 0.15082130413140865, 'fraction_numerical': 0.03832752613240418, 'mean_word_length': 2.785310734463277, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5307715', 'n_tokens_mistral': 838, 'n_tokens_neox': 749, 'n_words': 180}