You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemm_srca/Mohem/src/app/offersdiscount/offer-details/offer-details.component.scss

147 lines
2.4 KiB
SCSS

.header{
height: 150px;
width: 100%;
position: absolute;
background: #259CB8;
top: 0;
}
.header-toolbar{
--background: #259CB8 !important;
}
.bottom{
height: 88%;
width: 100%;
position: absolute;
background: #F5F5F5;
top: 20%;
}
ion-card-header{
background-color: #fff;
padding: 10px 10px 1px 10px !important;
}
ion-card-header img{
height: 170px;
}
.related-offers-container ion-card-header img{
margin: 15px auto;
border-radius: 6px;
max-height: 80px;
min-height: 50px;
}
.content-bottom{
padding: 0px 0px 10px;
}
.green{
color:green;
font-weight: bold;
}
.content-bottom h1{
font-size: 14px;
margin-top: -5px;
font-weight: bold;
}
.details-button ion-button{
--background: #565656;
}
ion-card-title{
margin: 15px 0px 0px 5px;
font-size: 22px;
}
ion-card-content{
padding-top:0px;
}
ion-card-content strong{
font-size: 14px;
}
ion-card-content p{
font-size: 11px;
}
.red{
color:rgb(172, 9, 9);
margin-left: -5px;
}
.green{
color:#00AE4D;
}
.related-card{
margin:5px;
}
.related-card ion-card-title{
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 5px;
}
.related-offers{
position: relative;
margin-left: 20px;
font-size: 18px;
}
.description{
height: 30px;
overflow: hidden;
font-size: 11px;
}
ion-card{
margin: 20px;
}
ion-card-content{
padding: 0 15px 0px 15px;
}
ion-card{
--background: #fff;
--border-radius: 53px;
border-radius: 10px;
}
.offers-title{
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 20px;
font-weight: bold;
font-size: 14px !important;
}
.red{
color: #de1717;
font-weight: bold;
margin-left: -5px;
}
.arrow-icon{
margin-top: 0px;
font-size: 25px;
color: #0298df;
}
.share-icon{
font-size: 25px;
position: absolute;
bottom: 6px;
}
.header-img{
height: 120px;
width: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-top: 5px;
}
.related-offers-container{
margin: 10px;
}
.header-img-main{
height: 170px;
width: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.offer-valid{
margin: 2px 0px 5px -3px;
font-size: 14px;
font-weight: bold;
}