@salaxy/ng1
Version:
AngularJS libraries for Salaxy platform (Palkkaus.fi)
102 lines (96 loc) • 2.31 kB
text/less
.salaxy-component{
.list-group{
.list-group-header{
.list-group-item-heading{
font-weight:bold;
}
}
.icon-wrapper {
width:30px;
font-size: 25px;
height: 100%;
vertical-align: middle;
margin-right: 15px;
display: inline-block;
text-align:center;
@media screen and (max-width:@screen-xs-max){
font-size:15px;
margin-right:3%;
width:7%;
}
}
.list-group-wrapper {
display: inline-block;
max-width: 90%;
vertical-align: middle;
@media screen and (max-width:@screen-xs-max){
.list-group-item-heading{
font-size:15px;
}
p{
font-size:11px;
line-height:1.2em;
}
}
}
&.avatar-list-group{
.list-group-item{
padding:10px;
display:flex;
width:100%;
justify-content:space-between;
align-items:center;
}
.list-group-item-content-wrapper{
flex-basis:80%;
&.one-third{
flex-basis:33%;
}
&.one-fourth{
flex-basis:25%;
}
&.one-fifth{
flex-basis:20%;
}
&.one-tenth{
flex-basis:10%;
}
}
.list-group-item-text-wrapper{
padding-top:5px;
@media screen and (max-width:@screen-xs-max){
padding-top:2px;
margin-bottom:0px;
}
}
.list-group-item-heading{
font-size:15px;
line-height:1em;
@media screen and (max-width:@screen-xs-max){
font-size: 13px;
}
}
.list-group-item-text{
font-size:12px;
@media screen and (max-width:@screen-xs-max){
font-size:11px;
}
}
.icon-wrapper {
line-height: 0.6em;
width:50px;
font-size: 45px;
height: 100%;
vertical-align: middle;
margin-right: 15px;
display: inline-block;
text-align:center;
@media screen and (max-width:@screen-xs-max){
font-size: 35px;
margin-right: 5%;
width: 15%;
}
}
}
}
}