<commit_before>// Hero section

.hero
  min-height: 500px
  max-height:760px
  height:100%
  padding-top: 100px
  padding-bottom: 20px
  text-align:center
  background:$colors-background-primary
  backgroundGradient($colors-background-primary, $colors-background-primary-highlight)

  h1
    font:$fonts-hero-heading
    font-size: 130px
    line-height:130px
    color:$colors-hero-primary
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);

  h2
    margin:15px auto 0 auto
    font:$fonts-hero-subheading
    font-size: 36px
    line-height:36px
    color:$colors-hero-primary
    width:600px

  h3
    margin:0px 0px 5px 0px
    padding:0
    font:$fonts-hero-cta
    font-size:12px
    line-height:12px
    text-transform: uppercase;
    color:$colors-hero-primary

  .container
    position:relative
    top:50%
    -webkit-transform: translateY(-50%)
    -moz-transform: translateY(-50%)
    transform: translateY(-50%)
  
    .install
      position:relative
      margin:0 auto
      width:270px
      margin-top:40px
      margin-bottom:25px
      text-align:left

      textarea
        outline: 0;
        background: #f5f5f5
        border: 2px solid #f5f5f5
        border-radius: 5px
        resize: none
        overflow:hidden
        height:80px
        width:100%
        padding: 23px
        margin-right:10px
        margin-bottom:10px
        border:1px solid $colors-hero-secondary
        font:$fonts-hero-code
        font-size:12px
        boxShadow(inset 0px 0px 2px 0px $colors-hero-secondary)
        selectedBackground($colors-hero-secondary)

        &:focus
          outline: 0;

    a.copy
      font:$fonts-hero-social
      font-size:12px
      margin: 0 0 0 30px
      position:relative
      width:17px
      height:17px
      float:right
      display: inline-block
      color:$colors-hero-primary
      background: url(../images/fpo-copy.png) 0 1px no-repeat

      /** Tooltip notification 'copied' */
      &.copied:before
        border: solid
        border-color: #000 transparent
        border-width: 0px 6px 6px 6px
        bottom: -10px<commit_msg>[Bug #95014930] - Hero 'install famous' code border highlighted only on focus<commit_after>// Hero section

.hero
  min-height: 500px
  max-height:760px
  height:100%
  padding-top: 100px
  padding-bottom: 20px
  text-align:center
  background:$colors-background-primary
  backgroundGradient($colors-background-primary, $colors-background-primary-highlight)

  h1
    font:$fonts-hero-heading
    font-size: 130px
    line-height:130px
    color:$colors-hero-primary
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);

  h2
    margin:15px auto 0 auto
    font:$fonts-hero-subheading
    font-size: 36px
    line-height:36px
    color:$colors-hero-primary
    width:600px

  h3
    margin:0px 0px 5px 0px
    padding:0
    font:$fonts-hero-cta
    font-size:12px
    line-height:12px
    text-transform: uppercase;
    color:$colors-hero-primary

  .container
    position:relative
    top:50%
    -webkit-transform: translateY(-50%)
    -moz-transform: translateY(-50%)
    transform: translateY(-50%)
  
    .install
      position:relative
      margin:0 auto
      width:270px
      margin-top:40px
      margin-bottom:25px
      text-align:left

      textarea
        outline: 0;
        background: #f5f5f5
        border:1px solid #f5f5f5
        border-radius: 5px
        resize: none
        overflow:hidden
        height:80px
        width:100%
        padding: 23px
        margin-right:10px
        margin-bottom:10px
        font:$fonts-hero-code
        font-size:12px
        selectedBackground($colors-hero-secondary)
        transition(all ease-out 300ms)

        &:focus
          outline: 0;
          boxShadow(inset 0px 0px 2px 0px $colors-hero-secondary)
          border:1px solid $colors-hero-secondary

    a.copy
      font:$fonts-hero-social
      font-size:12px
      margin: 0 0 0 30px
      position:relative
      width:17px
      height:17px
      float:right
      display: inline-block
      color:$colors-hero-primary
      background: url(../images/fpo-copy.png) 0 1px no-repeat

      /** Tooltip notification 'copied' */
      &.copied:before
        border: solid
        border-color: #000 transparent
        border-width: 0px 6px 6px 6px
        bottom: -10px
{'fraction_non_alphanumeric': 0.0975780158360503, 'fraction_numerical': 0.05659059152305543, 'mean_word_length': 2.2488653555219367, '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': '6692406', 'n_tokens_mistral': 1582, 'n_tokens_neox': 1369, 'n_words': 287}