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/accrual-balances/home/home.component.scss

89 lines
1.8 KiB
SCSS

ul{
padding: 0px;
margin: 0px;
li{
ion-card ,.card-md,.card-ios{
position: relative;
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
border: 2px solid var(--gray);
margin: auto !important;
color: var(--darkgray);
border-radius: 10px !important;
}
}
}
li:nth-child(3n-1),
li:nth-child(3n){
display: inline-block;
width: calc(50% - 0px);
div {
display: flex;
align-items: center;
flex-direction: column;
p.balanceVal{
color:var(--secondary);
font-size: 20px;
}
img {
width: 90px;
margin: auto;
}
.accuralImage{
min-height: auto;
margin-top:60px;
}
.boldTxt{position:absolute; left:0px;top:20px; width:100%;}
p.balanceTxt{
font-size: 16px;
padding: 5px;
}
}
}
li:nth-child(3n+1){
display: flex;
align-items: center;
justify-content: center;
height: 140px;
overflow: visible;
div.content-line {
p.balanceVal{
color:var(--secondary);
font-size: 20px;
}
img {
width: 100px;
margin: auto;
}
.accuralImage{
float:left;
width:50%;
}
.accuralTxt{
float:left;
width:50%;
}
p.balanceTxt{
font-size: 16px;
padding: 5px;
}
}
}
.content-line.accuralBox {
position: relative;
}