<commit_before>---
# Only the main Sass file needs front matter (the dashes are enough)
---
// This file contains styles specific to the style guide itself. Styles placed here are not imported into the downloadable files.

@charset "utf-8";

// Import partials from `sass_dir` (defaults to `_sass`)
@import "normalize";
@import "bourbon";
@import "grid-settings";
@import "neat";
@import "grid";
@import "accessibility";
@import "forms";
@import "typography";
@import "code-syntax";
@import "tables";
@import "colours";
// end imports

// style guide index
.ugd-into {
  background-image: linear-gradient(-134deg, #00BFE7 0%, #05E1F5 100%);
  color: white;
  height: 100vh;

  .row {
    margin-top: 51px;
  }

  h1 {
    color: white;
    font-size: 72px;
    font-weight: 700;
    line-height: 74px;
    margin: 0;
    padding-top: 179px;
  }
}

small {
  @include shift(3);
  @include span-columns(4);
  font-size: 14px;
  letter-spacing: 0.15px;
  margin-top: 12px;
  text-align: center;
}

p.index-description {
  font-size: 36px;
  line-height: 48px;
  margin: 0;
  padding-top: 9px;
}

.button {
  border: none;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  width: 243px;
}

.button-blue {
  @include span-columns(3);
  background: #244A61;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.50);
  color: white;

  &:hover {
    background-color: #13365e;
  }
}

.button.button-download {
  @include span-columns(4);
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.50);
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.18px;
  width: 324px;
}

.button-download::before {
  color: black;
  content: '\f019';
  font-family: 'FontAwesome';
  position: relative;
  right: 17px;
}
// end style guide index

// style guide header
header {
  background-color: #244A61;
  color: white;
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 100;

  .wrapper {
    & > * {
      display: inline-block;
    }

    p {
      font-size: 24px;
      letter-spacing: 0px;
      line-height: 80px;
      margin: 0;

      &:last-child {
        padding-left: 94px;
      }
    }
  }
}

#govau-logo {
  color: #fff;
  font-size: 40.5px;
  text-decoration: none;

}

#star {
  background-image: url("../images/star.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 53px;
  margin-left: 13px;
  position: relative;
  top: 14px;
  width: 53px;
}
// end style guide header

// style guide navigation
nav.primary {
  background: #F0F3F5;
  height: 65px;
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 100;

  .nav-link {
    display: inline-block;
    padding-bottom: 0;

    &:hover {
      background: rgba(155,154,155,0.08);
    }

    a {
      color: #244A61;
      font-size: 16px;<commit_msg>Topbar header color and compatibility for text to sit w/ or w/o branding.<commit_after>---
# Only the main Sass file needs front matter (the dashes are enough)
---
// This file contains styles specific to the style guide itself. Styles placed here are not imported into the downloadable files.

@charset "utf-8";

// Import partials from `sass_dir` (defaults to `_sass`)
@import "normalize";
@import "bourbon";
@import "grid-settings";
@import "neat";
@import "grid";
@import "accessibility";
@import "forms";
@import "typography";
@import "code-syntax";
@import "tables";
@import "colours";
// end imports

// style guide index
.ugd-into {
  background-image: linear-gradient(-134deg, #00BFE7 0%, #05E1F5 100%);
  color: white;
  height: 100vh;

  .row {
    margin-top: 51px;
  }

  h1 {
    color: white;
    font-size: 72px;
    font-weight: 700;
    line-height: 74px;
    margin: 0;
    padding-top: 179px;
  }
}

small {
  @include shift(3);
  @include span-columns(4);
  font-size: 14px;
  letter-spacing: 0.15px;
  margin-top: 12px;
  text-align: center;
}

p.index-description {
  font-size: 36px;
  line-height: 48px;
  margin: 0;
  padding-top: 9px;
}

.button {
  border: none;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  width: 243px;
}

.button-blue {
  @include span-columns(3);
  background: #244A61;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.50);
  color: white;

  &:hover {
    background-color: #13365e;
  }
}

.button.button-download {
  @include span-columns(4);
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.50);
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.18px;
  width: 324px;
}

.button-download::before {
  color: black;
  content: '\f019';
  font-family: 'FontAwesome';
  position: relative;
  right: 17px;
}
// end style guide index

// style guide header

$dto-colour: #015a96;

header {
  background-color: $dto-colour;
  color: white;
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 100;

  .wrapper {
    & > * {
      display: inline-block;
    }

    p {
      font-size: 24px;
      letter-spacing: 0px;
      line-height: 80px;
      margin: 0;
    }
  }
}

#govau-logo {
  color: #fff;
  font-size: 40.5px;
  text-decoration: none;

}

#star {
  background-image: url("../images/star.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 53px;
  margin-left: 13px;
  position: relative;
  top: 14px;
  width: 53px;

  & + p {
    padding-left: 94px;
  }
}
// end style guide header

// style guide navigation
nav.primary {
  background: #F0F3F5;
  height: 65px;
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 100;

  .nav-link {
    display: inline-block;
    padding-bottom: 0;

    &:hover {
      background: rgba(155,154,155,0.08);
    }

    a {
      color: #244A61;
      font-size: 16px;
{'fraction_non_alphanumeric': 0.14962154550255236, 'fraction_numerical': 0.06090477028692132, 'mean_word_length': 2.910529938059188, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2683896', 'n_tokens_mistral': 2479, 'n_tokens_neox': 2162, 'n_words': 555}