ソースを参照

fixed service

DevVad 3 年 前
コミット
f5fe957d02
1 ファイル変更97 行追加97 行削除
  1. 97 97
      src/assets/styles/blocks/service.styl

+ 97 - 97
src/assets/styles/blocks/service.styl

@@ -1,113 +1,113 @@
 .service
 .service
-    display flex
-    padding-left 135px
-    padding-right 135px
-    padding-top 74px
-    padding-bottom 96px
-    background-color #D49E31
+  display flex
+  padding-left 135px
+  padding-right 135px
+  padding-top 74px
+  padding-bottom 96px
+  background-color #D49E31
 
 
-    &__arrows
-        display flex
-        flex-direction row
-        position absolute
-        left 135px
-        bottom -990px
+  &__arrows
+    display flex
+    flex-direction row
+    position absolute
+    left 135px
+    bottom -990px
 
 
-    &__arrow_back
-        height 48px
-        width 48px
-        border-radius 100%
-        background-image url(../../images/service/oval.svg)
-        border none
+  &__arrow_back
+    height 48px
+    width 48px
+    border-radius 100%
+    background-image url(../../images/service/oval.svg)
+    border none
 
 
-    &__arrow_forward
-        height 48px
-        width 48px
-        border-radius 100%
-        background-image url(../../images/service/oval.svg)
-        border none
+  &__arrow_forward
+    height 48px
+    width 48px
+    border-radius 100%
+    background-image url(../../images/service/oval.svg)
+    border none
 
 
-    &__arrow_right
-        margin-right 8px
+  &__arrow_right
+    margin-right 8px
 
 
-    &__card
-        width 370px
-        height 268px
-        padding-bottom -50px
-        position relative
-        z-index 1
+  &__card
+    width 370px
+    height 268px
+    padding-bottom -50px
+    position relative
+    z-index 1
 
 
-    &__card_figcaption
-        width 370px
-        height 224px
-        background-color white
-        border-radius 20px
-        justify-content center
-        margin-top -60px
-        position relative
-        z-index 1
+  &__card_figcaption
+    width 370px
+    height 224px
+    background-color white
+    border-radius 20px
+    justify-content center
+    margin-top -60px
+    position relative
+    z-index 1
 
 
-    &__card_subtitle
-        font-size 16px
-        line-height 32px
-        font-weight 400
-        text-align left
-        margin 19px 32px 36px
-        color #333333
+  &__card_subtitle
+    font-size 16px
+    line-height 32px
+    font-weight 400
+    text-align left
+    margin 19px 32px 36px
+    color #333333
 
 
-    &__card_title
-        margin-top 40px
-        margin-right 167px
-        margin-left 32px
-        text-align left
-        padding-top 40px
-        font-size 24px
-        line-height 32px
-        font-weight 700
+  &__card_title
+    margin-top 40px
+    margin-right 167px
+    margin-left 32px
+    text-align left
+    padding-top 40px
+    font-size 24px
+    line-height 32px
+    font-weight 700
 
 
-    &__card-one
-        text-align left
-        margin-top 86px
+  &__card-one
+    text-align left
+    margin-top 86px
 
 
-    &__card-two
-        margin-left 441px
-        margin-top -400px
+  &__card-two
+    margin-left 441px
+    margin-top -400px
 
 
-    &__card-three
-        margin-left 880px
-        margin-top -390px
-        margin-right auto
+  &__card-three
+    margin-left 880px
+    margin-top -390px
+    margin-right auto
 
 
-    &__shape
-        z-index 0
-        position absolute
-        width 176px
-        height 176px
-        left 69px
-        top 1015px
-        object-position left top
-        object-fit cover
-        margin 0
-        padding 0
+  &__shape
+    z-index 0
+    position absolute
+    width 176px
+    height 176px
+    left 69px
+    top 1015px
+    object-position left top
+    object-fit cover
+    margin 0
+    padding 0
 
 
-    &__subtitle
-        font-size 18px
-        line-height 32px
-        font-weight 700
-        margin 0
-        text-align right
-        padding-bottom 18px
+  &__subtitle
+    font-size 18px
+    line-height 32px
+    font-weight 700
+    margin 0
+    text-align right
+    padding-bottom 18px
 
 
-    &__title
-        font-size 56px
-        line-height 64px
-        font-weight 800
-        margin 0
-        padding 0
-        text-align right
+  &__title
+    font-size 56px
+    line-height 64px
+    font-weight 800
+    margin 0
+    padding 0
+    text-align right
 
 
-    &__wrap
-        position absolute
-        right 135px
-        bottom -374px
-        object-position right bottom
+  &__wrap
+    position absolute
+    right 135px
+    bottom -374px
+    object-position right bottom