hubl/src/styles/right-panel.scss

50 lines
917 B
SCSS

.right-link {
padding: 0.85rem;
margin-bottom: 1.7rem;
margin-left: 8.5rem;
flex-basis: auto;
border-radius: 2em;
div[class*="icon-"] {
align-items: center;
display: flex;
flex-grow: 0;
flex-shrink: 0;
}
}
.how-link {
@extend .right-link;
background-color: $color-white;
color: $color-dark-lava;
flex-wrap: nowrap;
.icon-idea {
background-color: $color-mustard;
border-radius: 100%;
justify-content: center;
margin-right: 1.2rem;
//flex-direction: column;
width: 1.8em;
height: 1.8em;
//margin-right: 1em;
}
}
.action-link {
@extend .right-link;
background-color: $color-selective-yellow;
color: $color-white;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
.icon-plus {
font-size: 20px;
justify-content: center;
margin: 0.5rem 0.5rem 0.5rem 0;
&:before {
//font-size: 1.3em;
}
}
}