Refactor css lists. Use well-list class

This commit is contained in:
Dmitriy Zaporozhets 2012-12-18 06:14:05 +03:00
parent 85d5f606f6
commit 8826077471
32 changed files with 87 additions and 252 deletions

View file

@ -1,23 +1,38 @@
/** LISTS **/
ul {
/**
* List li block element #1
*
*/
.wll {
/**
* Well styled list
*
*/
.well-list {
margin: 0;
list-style: none;
li {
background-color: #FFF;
padding: 10px 5px;
padding: 10px;
min-height: 20px;
border-bottom: 1px solid #eee;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
&.disabled {
color: #888;
}
&.smoke { background-color: #f5f5f5; }
&:hover {
background: $hover;
border-bottom: 1px solid #ADF;
}
&:last-child { border:none }
&:first-child {
@include border-radius(4px 4px 0 0);
border-top: none;
}
&:last-child {
@include border-radius(0 0 4px 4px);
border: none;
}
.author { color: #999; }
p {
@ -29,6 +44,11 @@ ul {
top: 3px;
}
}
.well-title {
font-size: 14px;
line-height: 18px;
}
}
}