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.
mohemmionic5/Mohem/src/app/home/home.page.scss

154 lines
3.3 KiB
SCSS

.button-menutoggle.button-menutoggle-md,button-menutoggle.button-menutoggle-ios,
.bar-buttons.bar-buttons-ios.button.button-ios.button-default.button-default-ios.button-menutoggle.button-menutoggle-ios{
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
background: transparent !important;
}
.colorBG{
--background: #f0efef;
}
.menubutton{
white-space: normal;
color: var(--light);
text-transform: capitalize;
min-height: 47px;
background: transparent;
font-size: 2rem;
position: absolute;
top: 40px;
}
.menubuttonTrans{
white-space: normal;
color: var(--light);
text-transform: capitalize;
min-height: 47px;
background: transparent;
font-size: 2rem;
position: absolute;
top: 40px;
left: 315px
}
#homeBadgeBtn{
position: absolute;
top: 2px;
width: 20px;
font-size: 10px;
height: 20px;
padding: 0px;
line-height: 2;
min-width: auto;
min-height: auto;
border-radius: 50%;
}
.homeBox{
}
.header-div{
background:var(--primary);
background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
background: -webkit-linear-gradient(45deg, (--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%);
color:var(--light);
text-transform: capitalize;
display: block;
position: relative;
height: 210px;
margin-bottom:60px;
border-radius: 0px 0px 70px 70px;
}
.dash-header{
text-align: center;
margin: 16px 0 0 0;
}
.TxtPlace {
margin: 0;
padding: 50px 0 10px 0;
text-align: center;
width:100%;
}
.serviceItem {
// min-height: 160px !important;
// padding: 0;
// width: 95%;
// border: 0px solid #e4e5e7;
// background: white;
// color: var(--dark);
// border-radius: 7px;
min-height: 200px !important;
padding-top: 0;
width: 95%;
margin-left: 4px;
margin-bottom: 13px;
border: 0px solid #e4e5e7;
background: white;
color: var(--dark);
border-radius: 7px;
p{
margin-top: 0px; margin-bottom:0px;
font-weight: normal;
font-size: 14px;
min-height: 20px;
// white-space: normal;
text-align: center;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
span {
display: block;
}
.serviceItemImg {
min-width: 60px !important;
min-height: 70px !important;
width: 80px;
height: 80px;
margin: 10px auto;
background: transparent !important;
}
}
.serviceItem.button,.serviceItem.button-md, .serviceItem.button-ios{
background: transparent !important;
color:var(--dark);
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
border: 2px solid var(--gray);
min-width: auto;
}
//test
.changeImgBtn{
margin: 0;
position: absolute;
top: 80%;
left: 53%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
//test
.changeIcon{
background: #c1c1c1;
width: 40px;
height: 39px;
border-radius: 50% !important;
position: relative;
left: 51px;
top:16px;
}
.menuImg{
max-width: 30px;
}
.transImg{
max-width: 45px;
}