io.parrots
Version:
Parrots.io App
95 lines (94 loc) • 2.85 kB
text/less
.parrots-page-application-access {
width: 100%;
height: 100%;
background-color: extract(@CLR_1, 8);
>.wrapper-application-access-left {
display: inline-block;
position: absolute;
height: 100%;
width: 27%;
background-color: extract(@CLR_1, 9);
border-right: 0.7px solid extract(@CLR_1, 6);
z-index: 2;
>.wrapper-head-left {
display: flex;
height: 10%;
width: 99.99%;
border-bottom: 0.5px solid extract(@CLR_1, 7);
>.label-head-left {
position: absolute;
left: 7%;
top: 6%;
color: extract(@CLR_1, 3);
}
}
>.menu-application-access {
cursor: pointer;
display: flex;
height: 10%;
width: 99.9%;
background-color: extract(@CLR_1, 9);
align-items: center;
border-bottom: 0.7px solid extract(@CLR_1, 7);
>.img-application-access {
margin-left: 7%;
}
>.wrapper-title-application-access {
display: inline-block;
padding-left: 5%;
>.application-access-text-title {
display: flex;
.FC2();
font-weight: bold;
}
>.application-access-text-description {
display: flex;
color: extract(@CLR_1, 3);
font-size: 8pt;
}
}
}
.menu-application-access:hover {
background-color: extract(@CLR_1, 7);
}
.selected {
cursor: pointer;
display: flex;
height: 10%;
width: 100%;
background-color: extract(@CLR_1, 8);
align-items: center;
}
}
>.wrapper-application-access-right {
display: block;
width: 100%;
height: 100%;
.wrapper-head-group-and-user {
display: flex;
width: 73%;
margin-left: 27%;
height: 8%;
background-color: extract(@CLR_1, 9);
border-bottom: 1.7px solid extract(@CLR_1, 7);
align-items: center;
font-weight: bold;
z-index: 1;
>.link-group-and-user {
display: flex;
height: 100%;
align-items: center;
margin-left: 10%;
cursor: pointer;
}
.selected {
color: @CLR_BRAND;
}
}
.wrapper-content-group-and-user {
margin-left: 27%;
height: 90%;
width: 73%;
}
}
}