Files
awx/awx/ui/static/js/setup-menu/setup-menu.block.less
2015-05-28 09:03:55 -04:00

48 lines
979 B
Plaintext

/** @define SetupMenu */
@import "shared/branding/colors.less";
.SetupMenu {
display: flex;
width: 100%;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
@media screen and (min-width: 571px) {
margin-top: -2.8rem;
}
&-block {
display: flex;
flex-direction: column;
color: white;
flex: 1 0 30%;
margin: 2.8rem;
max-width: 24rem;
transition: background-color 0.25s ease-in-out;
background-color: white;
&:hover, &:focus, &:active {
color: black;
}
}
.SetupItem-description {
font-family: merriweather;
font-weight: lighter;
color: black;
padding: 1.4rem;
padding-top: 0;
}
@media screen and (max-width: 930px) {
flex-flow: nowrap column;
align-items: center;
&-block {
width: 100%;
max-width: inherit;
}
}
}