2014-10-03 15:58:24 +04:00
. list-group {
2015-11-02 23:39:13 +03:00
border-radius : 0 ;
. list-group-item {
2015-12-07 22:34:46 +03:00
padding : 0 16 px ;
2015-11-02 23:39:13 +03:00
overflow : hidden ;
2015-12-07 22:34:46 +03:00
background-color : transparent ;
2015-11-02 23:39:13 +03:00
border : 0 ;
2014-10-03 15:58:24 +04:00
border-radius : 0 ;
2015-11-02 23:39:13 +03:00
& . baseline {
border-bottom : 1 px solid #cecece ;
& : last-child {
2015-12-07 22:34:46 +03:00
border-bottom : 0 ;
2015-11-02 23:39:13 +03:00
}
}
. row-picture , . row-action-primary {
2015-11-25 02:40:52 +03:00
//float: left; WARNING: float can't be used with display: inline-block. Certain properties shouldn't be used with certain display property values. (display-property-grouping) Browsers: All
2015-11-02 23:39:13 +03:00
display : inline-block ;
padding-right : 16 px ;
img , i , label {
display : block ;
width : 56 px ;
height : 56 px ;
}
img {
padding : 1 px ;
2015-12-07 22:34:46 +03:00
background : rgba ( $black , 0 .1 ) ;
2015-12-06 00:07:37 +03:00
& . radio-decorator {
2015-11-02 23:39:13 +03:00
border-radius : 100 % ;
2014-10-03 15:58:24 +04:00
}
2015-11-02 23:39:13 +03:00
}
i {
font-size : 20 px ;
2015-12-07 22:34:46 +03:00
line-height : 56 px ;
color : $white ;
text-align : center ;
background : rgba ( $black , 0 .25 ) ;
border-radius : 100 % ;
2015-11-02 23:39:13 +03:00
}
label {
2015-12-07 22:34:46 +03:00
margin : 5 px - 7 px - 5 px 7 px ;
2015-12-06 00:07:37 +03:00
. checkbox-decorator {
2015-11-02 23:39:13 +03:00
left : - 10 px ;
2014-10-03 15:58:24 +04:00
}
2015-11-02 23:39:13 +03:00
}
2014-10-03 15:58:24 +04:00
}
2015-11-02 23:39:13 +03:00
. row-content {
display : inline-block ;
width : unquote ( " calc(100% - 92px) " ) ;
min-height : 66 px ;
. action-secondary {
position : absolute ;
top : 16 px ;
2015-12-07 22:34:46 +03:00
right : 16 px ;
2015-11-02 23:39:13 +03:00
i {
font-size : 20 px ;
2015-12-07 22:34:46 +03:00
color : rgba ( $black , 0 .25 ) ;
2015-11-02 23:39:13 +03:00
cursor : pointer ;
2014-10-03 15:58:24 +04:00
}
2015-11-02 23:39:13 +03:00
}
2015-12-07 22:34:46 +03:00
. action-secondary ~ * {
2015-11-02 23:39:13 +03:00
max-width : unquote ( " calc(100% - 30px) " ) ;
}
. least-content {
position : absolute ;
2015-11-25 02:40:52 +03:00
top : 0 ;
2015-12-07 22:34:46 +03:00
right : 16 px ;
2015-11-02 23:39:13 +03:00
font-size : 14 px ;
2015-12-07 22:34:46 +03:00
color : rgba ( $black , 0 .54 ) ;
2015-11-02 23:39:13 +03:00
}
}
. list-group-item-heading {
font-size : 20 px ;
line-height : 29 px ;
2015-12-07 22:34:46 +03:00
color : rgba ( $black , 0 .77 ) ;
2015-11-02 23:39:13 +03:00
}
}
2015-12-07 22:34:46 +03:00
2015-11-02 23:39:13 +03:00
. list-group-item . active {
& : hover , &: focus {
2015-12-07 22:34:46 +03:00
background : rgba ( $black , .15 ) ;
outline : 10 px solid rgba ( $black , .15 ) ;
2015-11-02 23:39:13 +03:00
}
. list-group-item-heading , . list-group-item-text {
2015-11-25 01:34:17 +03:00
color : $mdb-text-color-primary ;
2015-11-02 23:39:13 +03:00
}
}
2015-12-07 22:34:46 +03:00
2015-11-02 23:39:13 +03:00
. list-group-separator {
margin-top : 10 px ;
margin-bottom : 10 px ;
2015-12-07 22:34:46 +03:00
overflow : hidden ;
clear : both ;
& : : before {
2015-11-02 23:39:13 +03:00
float : right ;
2015-12-07 22:34:46 +03:00
width : unquote ( " calc(100% - 90px) " ) ;
content : " " ;
border-bottom : 1 px solid rgba ( $black , 0 .1 ) ;
2014-10-03 15:58:24 +04:00
}
2015-11-02 23:39:13 +03:00
}
2014-10-03 15:58:24 +04:00
}