mirrors/retrospring
1
0
Fork 0
mirror of https://github.com/Retrospring/retrospring.git synced 2025-02-27 20:43:03 +01:00
Code Issues Projects Releases Packages Wiki Activity

Replace inline style with utility class

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/styles/_utilities.scss
View file

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

8
app/views/static/front.haml
View file

@ -17,12 +17,12 @@
%h2.mb-4= t(".questions.header") %h2.mb-4= t(".questions.header")
= t(".questions.body_html", app_name: APP_CONFIG["site_name"]) = t(".questions.body_html", app_name: APP_CONFIG["site_name"])
.col-sm-6.order-1.order-sm-12 .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 %i.fa.fa-envelope.align-self-center.mb-5.mb-sm-0
.row.my-5.my-sm-10 .row.my-5.my-sm-10
.col-sm-6 .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 %i.fa.fa-comments.align-self-center.mb-5.mb-sm-0
.col-sm-6.text-center.text-sm-left .col-sm-6.text-center.text-sm-left
%h2.mb-4= t(".discussions.header") %h2.mb-4= t(".discussions.header")
@ -33,12 +33,12 @@
%h2.mb-4= t(".share.header") %h2.mb-4= t(".share.header")
= t(".share.body_html", app_name: APP_CONFIG["site_name"]) = t(".share.body_html", app_name: APP_CONFIG["site_name"])
.col-sm-6.order-1.order-sm-12 .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 %i.fa.fa-share.align-self-center.mb-5.mb-sm-0
.row.my-5.my-sm-10 .row.my-5.my-sm-10
.col-sm-6 .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 %i.fa.fa-paint-brush.align-self-center.mb-5.mb-sm-0
.col-sm-6.text-center.text-sm-left .col-sm-6.text-center.text-sm-left
%h2.mb-4= t(".customize.header") %h2.mb-4= t(".customize.header")