mitchell/mjfs.us
1
0
Fork 0
mirror of https://github.com/mitchell/mjfs.us.git synced 2025-12-19 13:47:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added csslint as a dev-dependency. Corrected css files in order to comply with csslint standards.

Browse source
This commit is contained in:
mitchelljfs 2018-05-01 22:37:47 -07:00
parent 121e8225b3
commit cbed194146
7 changed files with 59 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/components/Navbar/Navbar.css
View file

@ -1,19 +1,19 @@
.Navbar {
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
background-color: rgb(59, 65, 82);
bottom: 0;
box-shadow: -1px -1px 1px rgb(42, 46, 60);
left: 0;
position: fixed;
right: 0;
}
.Navbar-Button {
background-color: rgb(126, 161, 187);
float: right;
border-radius: 2px;
color: white;
float: right;
margin: 5px;
padding: 5px;
color: white;
}
.Navbar-Button:hover {
@ -25,30 +25,33 @@
}
.Navbar-Menu {
width: 100%;
float: left;
padding: 0 20%;
margin: 0 20%;
width: 60%;
}
.Navbar-Menu div {
background-color: grey;
border-radius: 2px;
color: white;
float: left;
width: 23%;
background-color: grey;
padding: 5px;
margin: 1% 1%;
overflow: hidden;
padding: 5px 0;
text-overflow: ellipsis;
width: 23%;
}
@media screen and ( max-width: 500px ) {
.Navbar {
padding-bottom: 5px;
}
.Navbar-Menu {
padding: 0 5% 3px 5%;
margin: 5%;
width: 90%;
}
.Navbar-Menu div {
width: 100%;
margin: 5px 0;
width: 100%;
}
}