Replace inline style with utility class

This commit is contained in:
Andreas Nedbal 2022-04-10 03:41:09 +02:00 committed by Andreas Nedbal
parent fdedecb6cd
commit a2f3f5dce2
2 changed files with 9 additions and 5 deletions

View File

@ -1,3 +1,7 @@
.ios-web-app {
padding-top: 1em;
}
}
.fs-10 {
font-size: 10em;
}

View File

@ -17,12 +17,12 @@
%h2.mb-4= t(".questions.header")
= t(".questions.body_html", app_name: APP_CONFIG["site_name"])
.col-sm-6.order-1.order-sm-12
.text-center.text-primary.d-flex.h-100.justify-content-center{ style: "font-size: 10em"}
.text-center.text-primary.d-flex.h-100.justify-content-center.fs-10
%i.fa.fa-envelope.align-self-center.mb-5.mb-sm-0
.row.my-5.my-sm-10
.col-sm-6
.text-center.text-primary.d-flex.h-100.justify-content-center{ style: "font-size: 10em"}
.text-center.text-primary.d-flex.h-100.justify-content-center.fs-10
%i.fa.fa-comments.align-self-center.mb-5.mb-sm-0
.col-sm-6.text-center.text-sm-left
%h2.mb-4= t(".discussions.header")
@ -33,12 +33,12 @@
%h2.mb-4= t(".share.header")
= t(".share.body_html", app_name: APP_CONFIG["site_name"])
.col-sm-6.order-1.order-sm-12
.text-center.text-primary.d-flex.h-100.justify-content-center{ style: "font-size: 10em"}
.text-center.text-primary.d-flex.h-100.justify-content-center.fs-10
%i.fa.fa-share.align-self-center.mb-5.mb-sm-0
.row.my-5.my-sm-10
.col-sm-6
.text-center.text-primary.d-flex.h-100.justify-content-center{ style: "font-size: 10em"}
.text-center.text-primary.d-flex.h-100.justify-content-center.fs-10
%i.fa.fa-paint-brush.align-self-center.mb-5.mb-sm-0
.col-sm-6.text-center.text-sm-left
%h2.mb-4= t(".customize.header")