psmattas/Netflix-Clone
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

main styles added

Browse Source
This commit is contained in:
andres alcocer
2018-11-17 20:45:11 -05:00
parent d457ad851f
commit 731af42186
14 changed files with 400 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/static/sass/layout/_header.scss
View File

@@ -17,31 +17,51 @@
&-btnPlay,
&-btnMyList {
cursor: pointer;
font-size: 1.5rem;
font-size: 1.6rem;
color: #fff;
border-radius: 5px;
padding-left: 4rem;
outline: none;
border: none;
font-weight: 700;
border-radius: .2vw;
padding-left: 5rem;
margin-right: 1rem;
padding-right: 4rem;
border: 1px solid rgba(255, 255, 255, .4);
padding-right: 5rem;
padding-top: 1rem;
background-color: rgba(51, 51, 51, .4);
background-color: rgba(51,51,51,.5);
padding-bottom: 1rem;
&-add {
width: 15px;
height: 15px;
fill: #fff;
margin-right: 1rem;
}
&-play {
width: 15px;
height: 15px;
fill: #fff;
margin-right: 1rem;
}
&:hover {
color: $color-dark;
background-color: #fff;
transition: all .3s;
color: #000;
background-color: #e6e6e6;
transition: all .2s;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
& > * {
fill: #000;
}
}
}
&-overview {
width: 45rem;
line-height: 1.3;
padding-top: 1.5rem;
padding-top: 2.5rem;
font-size: 1.8rem;
}
}
}
}