diff options
author | AlisaLinUwU <alisalinuwu@gmail.com> | 2025-01-26 10:42:28 +0500 |
---|---|---|
committer | AlisaLinUwU <alisalinuwu@gmail.com> | 2025-01-26 10:42:28 +0500 |
commit | 0225bdb772d1334cc1aa7ab0fc3678df0864df6b (patch) | |
tree | 85a8c8e4fcf1d935fcbad54886b73410c8cb2e26 /src/main/resources/static/scss/_service.scss |
Initializemain
Diffstat (limited to 'src/main/resources/static/scss/_service.scss')
-rw-r--r-- | src/main/resources/static/scss/_service.scss | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/src/main/resources/static/scss/_service.scss b/src/main/resources/static/scss/_service.scss new file mode 100644 index 0000000..354e1b6 --- /dev/null +++ b/src/main/resources/static/scss/_service.scss @@ -0,0 +1,76 @@ +.service_area{ + padding-top: 150px; + padding-bottom: 120px; + @media #{$mobile_device} { + padding-top: 60px; + padding-bottom: 30px; + } + .single_service{ + .service_thumb{ + overflow: hidden; + img{ + width: 100%; + @include transition(.3s); + @include transform(scale(1)); + } + } + .service_content{ + position: relative; + padding: 64px 60px; + border: 1px solid #ffd1af; + border-top: none; + margin-bottom: 30px; + @media #{$mobile_device}{ + padding: 40px 30px 30px 30px; + } + @media #{$mid_device}{ + padding: 40px 30px 30px 30px; + } + .icon{ + width: 55px; + height: 55px; + @include border-radius(50%); + @include box-shadow(0px 0px 46px 0px rgba(0, 0, 0, 0.28)); + color: #eb592d; + text-align: center; + line-height:55px; + position: absolute; + left: 50%; + transform: translateX(-50%); + margin-top: -25px; + z-index: 0; + background:#fff; + top: 0; + font-size: 25px; + @include transition(.3s); + } + h3{ + font-size: 25px; + font-weight: 400; + color: #141419; + } + p{ + font-size: 16px; + line-height: 32px; + color: #575757; + font-weight: 400; + margin-bottom: 0; + } + } + &:hover{ + .service_thumb{ + img{ + @include transform(scale(1.1)); + } + } + .service_content{ + .icon{ + @include box-shadow(0px 0px 50px 0px rgba(0, 0, 0, 0.30)); + } + } + + } + } +} + +
\ No newline at end of file |