pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak multi-step header for app provisioning

Browse Source 
- add "context" option to StickyCTA
 - tweak styles to better-include context
 - add header text to translations
This commit is contained in:
graham-dds
2019-10-02 15:42:19 -04:00
parent 237123d474
commit 9d34f11d84
6 changed files with 40 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
styles/components/_sticky_cta.scss
View File

@@ -2,6 +2,11 @@
margin-left: -$gap * 4;
margin-right: -$gap * 5;
z-index: 10;
background-color: $color-gray-lightest;
border-top: 1px solid $color-gray-lighter;
border-bottom: 1px solid $color-gray-lighter;
padding: 0 $gap * 5 0 $gap * 5;
box-shadow: $box-shadow;
@include media($medium-screen) {
margin-right: -$gap * 5;
@@ -16,12 +21,6 @@
display: flex;
align-items: center;
background-color: $color-gray-lightest;
border-top: 1px solid $color-gray-lighter;
border-bottom: 1px solid $color-gray-lighter;
padding: 0 $gap * 5 0 $gap * 5;
box-shadow: $box-shadow;
.usa-button {
margin: $gap $gap * 1.5 $gap 0;
width: 20rem;
@@ -32,6 +31,12 @@
&-text {
flex-grow: 1;
display: flex;
align-items: baseline;
}
&-context {
color: $color-gray;
margin-left: $gap;
}
&-buttons {