Pārlūkot izejas kodu

fixed achievements

DevVad 3 gadi atpakaļ
vecāks
revīzija
76ee80bbf7

+ 58 - 60
src/assets/styles/blocks/achievements.styl

@@ -1,73 +1,71 @@
 .achievements
-    display flex
-    padding 128px 135px 200px
-    background-color #D49E31
+  display flex
+  padding 128px 135px 200px
+  background-color #D49E31
 
-    &__main-illustration
-        width 870px
-        height 624px
-        object-fit cover
-        position relative
-        margin 0
-        padding 0
-        z-index 2
-        justify-content start
+  &__main-illustration
+    width 870px
+    height 624px
+    object-fit cover
+    position relative
+    margin 0
+    padding 0
+    z-index 2
+    justify-content start
 
-    &__wrap
-        position absolute
-        z-index 3
-        text-align right
-        margin-top 74px
-        right 135px
+  &__wrap
+    position absolute
+    z-index 3
+    text-align right
+    margin-top 74px
+    right 135px
 
-    &__shape
-        position absolute
-        z-index 1
-        width 176px
-        height 176px
-        right 450px
-        bottom -4130px
-        object-position right bottom
-        object-fit cover
-        margin 0
-        padding 0
+  &__shape
+    position absolute
+    z-index 1
+    width 176px
+    height 176px
+    right 450px
+    bottom -4130px
+    object-position right bottom
+    object-fit cover
+    margin 0
+    padding 0
 
-    &__text
-        position relative
-        z-index 2
-        display flex
-        flex-direction row
-        margin-left 48px
-        margin-top -180px
+  &__text
+    position relative
+    z-index 2
+    display flex
+    flex-direction row
+    margin-left 48px
+    margin-top -180px
 
-    &__subtitle
-        font-size 18px
-        line-height 32px
-        font-weight 700
-        margin 0
-        padding 0
-        padding-bottom 21px
+  &__subtitle
+    font-size 18px
+    line-height 32px
+    font-weight 700
+    margin 0
+    padding 0
+    padding-bottom 21px
 
-    &__title
-        font-size 72px
-        line-height 80px
-        font-weight 700
-        margin 0
-        padding 0
-        padding-bottom 33px
+  &__title
+    font-size 72px
+    line-height 80px
+    font-weight 700
+    margin 0
+    padding 0
+    padding-bottom 33px
 
-    &__text-one
+  &__text-one
         display flex
         flex-direction column
         margin-right 118px
 
-    &__text-one_num
-        width 134px
-        height 80px
-        padding-bottom 10px
+  &__text-one_num
+    width 134px
+    height 80px
+    padding-bottom 10px
 
-    &__text-one_str
-        width 144px
-        height 32px
-        width 144px
-        height 32px
+  &__text-one_str
+    width 144px
+    height 32px

+ 14 - 14
src/templates/blocks/achievements/achievements.pug

@@ -1,17 +1,17 @@
 mixin achievements()
-  section.achievements
-    +b.achievements__wrap
-      +e.h2.achievements__subtitle Achievements
-      +e.h1.achievements__title
+  +b.SECTION.achievements
+    +e.wrap
+      +e.H2.subtitle Achievements
+      +e.H1.title
         | Design, Followed By
         | Form & Function
-    +b.div
-      +e.img.achievements__main-illustration(src='../../../assets/images/achievements/Achievements.png' alt='Achievement')
-      +b.achievements__text
-        +b.achievements__text-one
-          +e.img.achievements__text-one_num(src='../../../assets/images/achievements/42+.svg' alt='42+')
-          +e.img.achievements__text-one_str(src='../../../assets/images/achievements/Project-finished.svg' alt='Project finished')
-        .achievements__text-two
-          +e.img.achievements__text-one_num(src='../../../assets/images/achievements/730.svg' alt='730')
-          +e.img.achievements__text-one_str(src='../../../assets/images/achievements/Working-hours.svg' alt='Working-hours')
-      +b.img.achievements__shape(src='../../../assets/images/general-shape.svg' alt='shape')
+    div
+      +e.IMG.main-illustration(src='../../../assets/images/achievements/Achievements.png' alt='Achievement')
+      +e.text
+        +e.text-one
+          +e.IMG.text-one_num(src='../../../assets/images/achievements/42+.svg' alt='42+')
+          +e.IMG.text-one_str(src='../../../assets/images/achievements/Project-finished.svg' alt='Project finished')
+        +e.text-two
+          +e.IMG.text-one_num(src='../../../assets/images/achievements/730.svg' alt='730')
+          +e.IMG.text-one_str(src='../../../assets/images/achievements/Working-hours.svg' alt='Working-hours')
+      +e.IMG.shape(src='../../../assets/images/general-shape.svg' alt='shape')