Sha256: 1cd5067b35d86b4815816a3c22a7f1b27cdf9055ac71a10ae398d0438089d56e

Contents?: true

Size: 1.96 KB

Versions: 156

Compression:

Stored size: 1.96 KB

Contents

$grey-2: #bfc1c3;
$white: #ffffff;
$number-circle-size: 35px;
$stroke-width: 1px;

.gem-c-step-nav:not(.gem-c-step-nav--large),
.gem-c-step-nav__controls,
.gem-c-step-nav__toggle-link,
.gem-c-step-nav__help {
  display: none;
}

.gem-c-step-nav {
  position: relative;

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: $number-circle-size / 2;
    width: 3px;
    height: 100%;
    margin-left: -1.5px;
    border-left: solid $stroke-width $grey-2;
  }

  &:after {
    content: "";
    position: absolute;
    z-index: 6;
    bottom: 0;
    left: 0;
    margin-left: $number-circle-size / 4;
    width: $number-circle-size / 2;
    height: 0;
    border-bottom: solid $stroke-width $grey-2;
  }
}

.gem-c-step-nav__step {
  padding-left: 60px;
  position: relative;
}

.gem-c-step-nav__steps {
  padding: 0;
  list-style: none;
}

.gem-c-step-nav__circle {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: $number-circle-size;
  height: $number-circle-size;
  background: govuk-colour("white");
  border-radius: 100px;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.5;
}

.gem-c-step-nav__circle--number {
  border: solid 1px $grey-2;
}

.gem-c-step-nav__step,
.gem-c-step-nav__paragraph,
.gem-c-step-nav__links {
  @include govuk-font(16);
  padding-bottom: 1em;
}

.gem-c-step-nav__title {
  @include govuk-font(19, $weight: bold);
  margin: 0 0 .5em;
  padding: 0;
}

.gem-c-step-nav__button--title {
  @include govuk-font(19, $weight: bold);
  padding: 0;
  border: 0;
  background: none;
}

.gem-c-step-nav__context {
  &:before {
    content: " \2013  ";
  }
}

.gem-c-step-nav__panel-link--active {
  font-weight: bold;
}

.gem-c-step-nav__links {
  padding-left: 0;
  list-style: none;
}

.gem-c-step-nav__links--choice {
  padding-left: 30px;
  list-style: disc;
}

.gem-c-step-nav__link {
  margin-bottom: .3em;
}

.gem-c-step-nav__circle-step-label,
.gem-c-step-nav__circle-step-colon {
  display: none;
}

Version data entries

156 entries across 156 versions & 1 rubygems

Version Path
govuk_publishing_components-33.1.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-33.0.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-32.1.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-32.0.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-31.2.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-31.1.2 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-31.1.1 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-31.1.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-31.0.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.7.3 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.7.2 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.7.1 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.7.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.6.1 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.6.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.5.2 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.5.1 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.5.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.4.1 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss
govuk_publishing_components-30.4.0 app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav.scss