Sha256: 54c0a57ad48c320aa5e7fd9d002caedcf3a68161a3cc654a5fdeb36dced083f4
Contents?: true
Size: 1.96 KB
Versions: 58
Compression:
Stored size: 1.96 KB
Contents
$grey-2: #bfc1c3;
$white: #ffffff;
$number-circle-size: 35px;
$stroke-width: 3px;
.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 3px $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
58 entries across 58 versions & 1 rubygems