forked from dbroqua/MusicTopus
Some fixes on css
This commit is contained in:
parent
e2f4ddeb5a
commit
c02d5e9ebd
12 changed files with 152 additions and 120 deletions
42
sass/list.scss
Normal file
42
sass/list.scss
Normal file
|
@ -0,0 +1,42 @@
|
|||
.list {
|
||||
margin-top: 2rem;
|
||||
|
||||
.item{
|
||||
padding: 0.5rem 0.75rem;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
|
||||
@include respond-to("medium") {
|
||||
&:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
border-left: 1px solid #dbdbdb;
|
||||
|
||||
&:first-child,
|
||||
&:nth-child(2) {
|
||||
border-top: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
&:nth-child(2n),
|
||||
&:last-child {
|
||||
border-right: 1px solid #dbdbdb;
|
||||
margin-right: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-weight: 800;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.grid {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 2px solid #4a4a4a;
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue