com.phloxui
Version:
PhloxUI Ng2+ Framework
78 lines • 2.08 kB
text/less
.nav-add-group-type {
width: 100%;
height: 100%;
position: relative;
>.wrapper-label-head-nav-add-group-type {
display: flex;
margin-left: 11%;
padding-top: 27pt;
align-items: center;
>.label-head-add-group-type {
margin-left: 4%;
font-size: 18pt;
font-weight: bold;
}
}
>.label-description-nav-add-group-type {
display: flex;
margin-left: 10.5%;
width: 76%;
margin-top: 5.5pt;
font-size: 9pt;
color: extract(@CLR_1, 3);
}
>.wrapper-material-name-description {
display: block;
position: absolute;
top: 30%;
margin-left: 10.5%;
width: 89%;
>.wrapper-material{
display: flex;
width: 89%;
material-text-box {
width: 100%;
}
}
}
>.label-below-description-nav-add-group-type {
display: flex;
margin-left: 10.5%;
position: absolute;
bottom: 65pt;
width: 72%;
font-size: 9pt;
color: extract(@CLR_1, 3);
}
>.wrapper-btn-nav-add-group-type {
display: flex;
width: 100%;
height: 30pt;
position: absolute;
bottom: 18pt;
>.btn-back-nav-add-group-type {
display: flex;
height: 30pt;
width: 25%;
cursor: pointer;
align-items: center;
justify-content: center;
margin-left: 13%;
font-size: 8pt;
color: extract(@CLR_0, 7);
background-color: extract(@CLR_1, 8);
}
>.btn-submit-nav-add-group-type {
display: flex;
height: 30pt;
width: 50%;
cursor: pointer;
align-items: center;
justify-content: center;
margin-left: 3%;
font-size: 8pt;
color: extract(@CLR_0, 7);
background-color: extract(@CLR_1, 8);
}
}
}