Style the page to look like the Pay one

This commit is contained in:
Chris Hill-Scott
2019-10-31 09:57:56 +00:00
parent 9b91132276
commit d298949a5a
3 changed files with 49 additions and 13 deletions

View File

@@ -75,6 +75,7 @@ $path: '/static/images/';
@import 'views/template';
@import 'views/notification';
@import 'views/send';
@import 'views/get_started';
// TODO: break this up
@import 'app';

View File

@@ -0,0 +1,32 @@
.get-started-list {
counter-reset: get-started-counter;
&__item {
counter-increment: get-started-counter;
padding: 0 0 0 $gutter + 5px;
margin: ($gutter * 1.67) 0 0 0;
position: relative;
&:before {
@include bold-24;
content: counter(get-started-counter) ".";
position: absolute;
top: 5px;
left: 0;
}
summary[aria-expanded=false] {
margin-bottom: 0;
}
}
&__heading {
@include bold-24;
display: inline-block;
margin: 5px 0 $gutter-half 0;
}
}