jurassic-park-interface/sass/components/_system-icons.scss
Max Stevenson 52ef3495b8 Done for the day.
- Evened up displays on larger monitor.
2020-09-03 15:24:31 -05:00

47 lines
776 B
SCSS

#system-icons__container {
display: flex;
flex: 0 0 calc(10% + .6vw);
}
#system-icons__container > div, #system-icons__container > div > div {
display: flex;
flex: 1;
}
#system-icons__wrapper {
flex: 1;
display: flex;
justify-content: space-evenly;
align-items: center;
background-color: #ffffff;
border: solid .1vw black;
}
.white-font-black-background {
text-transform: uppercase;
background-color: black;
color: white;
font-style: italic;
display: flex;
justify-self: center;
align-self: center;
padding: .2vw .5vw;
font-size: 1vw;
}
#trash-icon-wrapper {
display: flex;
}
#trash-icon {
z-index: 1;
}
.system-icons__icon-wrapper {
display: flex;
align-items: flex-end;
}
#system-icons__wrapper img {
cursor: pointer;
}