DevVad 3 rokov pred
rodič
commit
54258b8b94

+ 29 - 26
src/assets/styles/blocks/portfolio.styl

@@ -2,34 +2,12 @@
   background-color #F2F2F2
   padding-top 74px
   padding-bottom 96px
-
-  &__figcaption
-    background-image url(../images/portfolio/figcaption.png)
-    width 470px
-    height 176px
-    margin-top -220px
-    margin-left 30px
-    position relative
-    z-index 1
-
-  &__figcaption_subtitle
-    font-size 20px
-    line-height 32px
-    font-weight 400
-
-  &__figcaption_title
-    font-size 40px
-    line-height 48px
-    font-weight 700
-    margin 0
-    padding 0
-    padding-top 42px
-    margin-bottom 15px
+  position relative
+  z-index 1
 
   &__image-margins
     width 205px
     height 544px
-    z-index 1
     position relative
 
   &__image
@@ -50,7 +28,7 @@
     position absolute
     z-index 0
     right 168px
-    top 2040px
+    top 193px
 
   &__subtitle
     text-align center
@@ -71,4 +49,29 @@
     font-weight 700
     padding 0
     margin 0
-    margin-bottom 52px
+    margin-bottom 52px
+
+.figcaption
+  background-image url(../images/portfolio/figcaption.png)
+  width 470px
+  height 176px
+  margin-top -175px
+  margin-left 30px
+  position relative
+  z-index 2
+
+  &__subtitle
+    font-size 20px
+    line-height 32px
+    font-weight 400
+    padding-left 48px
+
+  &__title
+    font-size 40px
+    line-height 48px
+    font-weight 700
+    margin 0
+    padding 0
+    padding-top 42px
+    padding-left 48px
+    margin-bottom 15px

+ 3 - 3
src/templates/blocks/portfolio/portfolio.pug

@@ -8,9 +8,9 @@ mixin portfolio()
       div
         +e.IMG.image(src='../../../assets/images/portfolio/main-foto.png' alt='building')
         +e.IMG.shape(src='../../../assets/images/portfolio/shape.svg' alt='shape')
-        +e.figcaption
+        +b.figcaption
           +e.text
-            +e.H2.figcaption_title Beach House
-            +e.H3.igcaption_subtitle Interior Design
+            +e.H2.title Beach House
+            +e.H3.subtitle Interior Design
       div
         +e.IMG.image-margins(src='../../../assets/images/portfolio/right-foto.png' alt='building')