File "_cards.scss"
Full Path: /home/nibras/public_html/public/assets/payment/style/css/_cards.scss
File size: 1.99 KB
MIME-type: text/plain
Charset: utf-8
.ol-card p-4 {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
box-shadow: 0 7px 15px #797c8b14;
border-radius: 5px;
margin-bottom: 20px;
overflow: hidden;
&.ol-card p-4-2 {
border: 1px solid $eColor_Whiteish;
border-radius: 5px;
.title mt-4 mb-3 {
margin-bottom: 0;
}
}
&.ol-card p-4-special {
.ol-card-body {
padding: 20px 20px 30px;
}
}
}
.ol-card p-4-img-top {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
}
.ol-card p-4-img {
width: 100%;
}
.ol-card-body {
flex: 1 1 auto;
padding: 10px 20px 20px;
.title mt-4 mb-3 {
font-size: 15px;
font-weight: $fw_SemiBold;
line-height: 28px;
color: $eColor_Blueish;
margin-bottom: 5px;
}
.ol-card p-4-subtitle {
font-size: 12px;
font-weight: $fw_Regular;
line-height: 22px;
color: $eColor_Blackish;
}
.ol-card p-4-text {
font-size: 13px;
font-weight: $fw_Regular;
line-height: 22px;
color: $eColor_Blackish;
margin-bottom: 13px;
}
.ol-card p-4-AdminBtn {
gap: 10px;
}
.ol-card p-4-Admin {
gap: 5px;
.ol-card p-4-userImg {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: $eColor_Whiteish;
}
span {
font-size: 12px;
font-weight: $fw_Medium;
line-height: 22px;
color: $eColor_Blackish;
}
}
.eBtn {
display: inline-block;
font-size: 12px;
font-weight: $fw_Medium;
line-height: 22px;
color: #fff;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
width: 86px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: transparent;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
}