moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-10 19:25:03 -05:00
Code Issues Releases Wiki Activity

mail list optimized by removing box-shadow

Browse Source
This commit is contained in:
Mario Volke 2014-06-16 15:48:02 +02:00
parent f65e0f35b8
commit d2d4cfa5df
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/sass/components/_mail-list.scss
View File

@ -9,20 +9,30 @@
& > li { & > li {
position: relative; position: relative;
display: block; display: block;
margin-bottom: 7px;
padding: $padding-vertical $padding-horizontal; padding: $padding-vertical $padding-horizontal;
background: $color-white; background: $color-white;
cursor: pointer; cursor: pointer;
transition: background-color $time-li-fade, color $time-li-fade; transition: background-color $time-li-fade, color $time-li-fade;
border-top: 5px solid $color-white; margin-top: 11px;
box-shadow: 0 -1px 0 $color-grey-light; &:before {
margin-top: 5px; content: '';
display: block;
position: absolute;
top: -6px;
left: 0;
right: 0;
height: 0;
border-top: 1px solid $color-grey-light;
}
&:first-child { &:first-child {
box-shadow: none; box-shadow: none;
border-top: 0; border-top: 0;
margin-top: 0; margin-top: 0;
&:before {
display: none;
}
} }
&:last-child { &:last-child {
margin-bottom: 5px; margin-bottom: 5px;
@ -150,10 +160,11 @@
} }
@include respond-to(desktop) { @include respond-to(desktop) {
box-shadow: none;
border-top: 0;
margin-top: 0; margin-top: 0;
margin-bottom: 7px;
&:before {
display: none;
}
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }