booking/assets/scss/theme/_according.scss
2025-03-24 22:58:00 +03:00

110 lines
2.6 KiB
SCSS

/**=====================
24. According CSS start
==========================**/
.default-according{
.card{
margin-bottom: 0;
box-shadow: none !important;
&+.card{
margin-top: $according-card-top-margin;
}
.btn-link{
font-weight: $according-btn-weight;
color: $theme-body-font-color;
font-size: 16px;
}
.btn-link{
&:focus,&:hover{
text-decoration: none;
}
}
.card-header{
padding: $according-card-header-padding;
// border: 1px solid $light-gray;
border-bottom: 1px solid $light-gray;
i{
position: initial;
font-size: 20px;
display: inline-block;
vertical-align: text-bottom;
margin-right: 5px;
}
h5{
margin-top: 2px;
}
}
.card-body {
border-top:none !important;
padding: 20px;
h5{
font-size: 14px;
margin-bottom: 5px;
}
h6{
color: $light-text ;
font-size: 12px ;
margin-bottom: 5px ;
}
ul{
&.rating{
li{
display: inline-block;
}
}
}
}
}
}
.default-according.style-1{
button{
width: 100%;
text-align: left;
&:before{
right: 20px;
position: absolute;
transition: 0.4s;
}
&[aria-expanded="true"]{
&:before{
content: $according-open-icon;
font-family: $according-card-header-icon;
}
}
&[aria-expanded="false"]{
&:before{
content: $according-close-icon;
font-family: $according-card-header-icon;
}
}
}
}
@media (max-width:480px){
.default-according {
.card {
.card-header{
padding-right:32px;
h5{
font-size:16px;
}
}
}
&.style-1 {
button{
&:before{
right:10px;
}
}
}
}
}
/**=====================
24. According CSS Ends
==========================**/