mirror of
https://github.com/tjsga/website-2018.git
synced 2025-04-20 19:20:17 -04:00
fix bad button placements
This commit is contained in:
parent
b203b0fff4
commit
4e2f49f864
|
@ -45,17 +45,19 @@ nav#menu {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
|
justify-content: center;
|
||||||
background-color: #b71c1c;
|
background-color: #b71c1c;
|
||||||
box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27);
|
box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27);
|
||||||
}
|
}
|
||||||
|
|
||||||
a.menu-item {
|
a.menu-item {
|
||||||
|
width: 15vw;
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: left;
|
float: left;
|
||||||
flex-basis: calc(100vw / 4);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button.menu-item {
|
button.menu-item {
|
||||||
|
@ -70,11 +72,12 @@ button.menu-item {
|
||||||
}
|
}
|
||||||
|
|
||||||
button.menu-item:hover {
|
button.menu-item:hover {
|
||||||
color: #9E9E9E;
|
color: #E0E0E0;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.menu-item:active {
|
button.menu-item:active {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
|
color: #BDBDBD;
|
||||||
}
|
}
|
||||||
|
|
||||||
#dome:before {
|
#dome:before {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user