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

106 lines
1.6 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{
height: 150px;
}
.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: 16px;
}
.related-offers{
position: relative;
margin-left: 20px;
font-size: 18px;
}
.description{
height: 55px;
overflow: hidden;
}
ion-card{
margin: 20px;
}
ion-card-content{
padding: 0 15px 0px 15px;
}
ion-card{
--background: #fff;
--border-radius: 53px;
border-radius: 10px;
}
.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;
}