93 lines
2.3 KiB
SCSS
93 lines
2.3 KiB
SCSS
/*--------------------------------------------------------------
|
|
# Global Sections
|
|
--------------------------------------------------------------*/
|
|
section,
|
|
.section {
|
|
color: var(--default-color);
|
|
background-color: var(--background-color);
|
|
padding: 60px 0;
|
|
scroll-margin-top: 88px;
|
|
overflow: clip;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
|
|
section,
|
|
.section {
|
|
scroll-margin-top: 66px;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Global Section Titles
|
|
--------------------------------------------------------------*/
|
|
.section-title {
|
|
text-align: center;
|
|
padding-bottom: 60px;
|
|
position: relative;
|
|
|
|
h2 {
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
margin-bottom: 20px;
|
|
padding-bottom: 20px;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
|
|
&:before {
|
|
content: '';
|
|
position: absolute;
|
|
display: block;
|
|
width: 160px;
|
|
height: 1px;
|
|
background: color-mix(in srgb, var(--default-color), transparent 60%);
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 1px;
|
|
margin: auto;
|
|
}
|
|
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
display: block;
|
|
width: 60px;
|
|
height: 3px;
|
|
background: var(--accent-color);
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
@import './sections/_hero.scss';
|
|
@import './sections/_clients.scss';
|
|
@import './sections/_about.scss';
|
|
@import './sections/_why-us.scss';
|
|
@import './sections/_skills.scss';
|
|
@import './sections/_services.scss';
|
|
@import './sections/_work-process.scss';
|
|
@import './sections/_call-to-action.scss';
|
|
@import './sections/_portfolio.scss';
|
|
@import './sections/_team.scss';
|
|
@import './sections/_pricing.scss';
|
|
@import './sections/_testimonials.scss';
|
|
@import './sections/_faq-2.scss';
|
|
@import './sections/_subscribe.scss';
|
|
@import './sections/_recent-blog-postst.scss';
|
|
@import './sections/_contact.scss';
|
|
@import './sections/_portfolio-details.scss';
|
|
@import './sections/_service-details.scss';
|
|
@import './sections/_blog-posts.scss';
|
|
@import './sections/_pagination-2.scss';
|
|
@import './sections/_blog-details.scss';
|
|
@import './sections/_blog-comments.scss';
|
|
@import './sections/_blog-comment-form.scss';
|
|
@import './sections/_starter-section.scss';
|
|
@import './sections/_error-404.scss'; |