index.scss
1 @import 'common/sass/variables'; 2 @import 'common/sass/mixins'; 3 4 .OnboardModal { 5 // Additional styles for the Stepper Component 6 &-stepper { 7 a, 8 span { 9 position: relative; 10 bottom: 3px; 11 } 12 } 13 @media screen and (max-width: $screen-sm) { 14 &-stepper { 15 // The markup is inline style'd with no classes, so we're doing this in a 16 // horrible, horrible way 17 > div > div > div { 18 // Lines 19 > div { 20 opacity: 0; 21 } 22 // Circle 23 > div:nth-child(1) { 24 opacity: 1; 25 height: 8px !important; 26 width: 8px !important; 27 color: transparent !important; 28 } 29 } 30 } 31 } 32 }