yapayzeka/public/assets/scss/elements/_split.scss

76 lines
1.7 KiB
SCSS
Raw Normal View History

2024-09-09 15:01:42 -07:00
/*--------------------------
split Area Styles
----------------------------*/
.rainbow-splite-style {
.thumbnail {
img {
border-radius: 0;
width: 100%;
}
&.image-left-content {
img {
border-radius: 0 10px 10px 0;
}
}
}
.split-inner {
padding: 30px 80px;
@media #{$lg-layout} {
padding: 40px 0;
}
@media #{$md-layout} {
padding: 40px 0;
}
@media #{$sm-layout} {
padding: 20px 0;
}
.title {
color: var(--color-heading);
@media #{$sm-layout} {
font-size: 24px;
line-height: 30px;
}
}
.split-list {
list-style: none;
padding-left: 0;
margin: 0;
li {
color: var(--color-dark-alt);
}
}
.features-section{
.single-features{
display: flex;
align-items: center;
margin: 5px 0;
.icon{
display: flex;
justify-content: center;
align-items: center;
height: 34px;
width: 34px;
line-height: 34px;
font-size: 20px;
margin-right: 10px;
}
p{
margin-bottom: 0;
}
}
}
}
}
.rainbow-advance-tab-area{
position: relative;
.bg-shape{
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
}