ソースを参照

fix the numbers

DevVad 3 年 前
コミット
0b14dfac07

+ 5 - 4
src/assets/styles/blocks/numbers.styl

@@ -1,15 +1,16 @@
 .numbers
 .numbers
   display flex
   display flex
   background-color #8b95c9
   background-color #8b95c9
-  padding 112px 184px 120px 185px
+  padding 112px 185px 120px
   justify-content space-between
   justify-content space-between
 
 
-	&__diagrams
+.wrapper
+  &__diagrams
     width 170px
     width 170px
     height 170px
     height 170px
-    border-radius 50%
+    border-radius 100%
 
 
-	&__title
+  &__title
     text-align center
     text-align center
     font-size 24px
     font-size 24px
     line-height 32px
     line-height 32px

+ 12 - 12
src/templates/blocks/numbers/numbers.pug

@@ -1,14 +1,14 @@
 mixin numbers()
 mixin numbers()
   +b.SECTION.numbers
   +b.SECTION.numbers
-    div
-      +e.IMG.numbers__diagrams(src='../../../assets/images/numbers/42.png' alt='42%')
-      +e.H1.numbers__title Architectural
-    div
-      +e.IMG.numbers__diagrams(src='../../../assets/images/numbers/73.png' alt='73%')
-      +e.H1.numbers__title Construction
-    div
-      +e.IMG.numbers__diagrams(src='../../../assets/images/numbers/85.png' alt='85%')
-      +e.H1.numbers__title Interior
-    div
-      +e.IMG.numbers__diagrams(src='../../../assets/images/numbers/93.png' alt='93%')
-      +e.H1.numbers__title Architectural
+    +b.DIV.wrapper
+      +e.IMG.diagrams(src='../../../assets/images/numbers/42.png' alt='42%')
+      +e.H2.title Architectural
+    +b.DIV.wrapper
+      +e.IMG.diagrams(src='../../../assets/images/numbers/73.png' alt='73%')
+      +e.H2.title Construction
+    +b.DIV.wrapper
+      +e.IMG.diagrams(src='../../../assets/images/numbers/85.png' alt='85%')
+      +e.H2.title Interior
+    +b.DIV.wrapper
+      +e.IMG.diagrams.--end(src='../../../assets/images/numbers/93.png' alt='93%')
+      +e.H2.title Architectural