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

queries

Browse Source
This commit is contained in:
andres alcocer
2018-11-19 23:32:00 -05:00
parent 013e11eeeb
commit fb5fe91325
9 changed files with 155 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/static/sass/layout/_navigation.scss
View File

@@ -45,6 +45,10 @@
height: 3rem;
width: 3rem;
margin-right: .5rem;
@include responsive(tab_port) {
margin-right: 3rem;
}
&:hover > .dropdownContent {
@@ -61,17 +65,40 @@
width: 1rem;
margin-right: 5.8rem;
@include responsive(tab_port) {
display: none;
}
}
&--downArrow-2 {
display: none;
cursor: pointer;
fill: #fff;
height: 1rem;
width: 1rem;
@include responsive(tab_port) {
height: 1.5rem;
width: 1.5rem;
display: inline-block;
}
}
&--logo {
margin-top: 1rem;
height: 5rem;
padding-right: 1rem;
@include responsive(tab_port) {
padding-right: .1rem;
}
}
&-link {
font-weight: 500;
font-weight: 500;
font-size: 1.5rem;
color: rgb(221, 221, 221);
text-decoration: none;
@@ -96,19 +123,19 @@
justify-content: flex-end;
&__input {
font-size: 1.4rem;
border: none;
color: #fff;
outline: none;
width: 0px;
padding: 10px;
padding-right: 2rem;
background: $color-background;
border: 1px solid #fff;
transition: width .5s;
cursor: pointer;
font-size: 1.4rem;
border: none;
color: #fff;
outline: none;
width: 0px;
padding: 10px;
padding-right: 2rem;
background: $color-background;
border: 1px solid #fff;
transition: width .5s;
cursor: pointer;
opacity: 0;
opacity: 0;
&:focus {
@@ -116,7 +143,6 @@
width: 22rem;
cursor: text;
opacity: 1;
}
}
}
@@ -210,3 +236,11 @@
visibility: visible;
}
}
.pseudo-link {
@include responsive(tab_port) {
display: none;
}
}