hubl/src/styles/right-panel.scss

49 lines
877 B
SCSS
Raw Normal View History

2018-12-09 18:56:56 +00:00
.right-link {
padding: 0.5em;
margin-bottom: 1em;
margin-left: 5em;
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-black;
flex-wrap: nowrap;
.icon-idea {
background-color: $color-yellow-light;
border-radius: 100%;
justify-content: center;
margin-right: 0.7em;
//flex-direction: column;
width: 1.8em;
height: 1.8em;
//margin-right: 1em;
}
}
.action-link {
@extend .right-link;
background-color: $color-yellow;
color: $color-white;
font-weight: bold;
text-transform: uppercase;
.icon-plus {
font-size: 20px;
justify-content: center;
margin: 0.3em 0.3em 0.3em 0;
&:before {
//font-size: 1.3em;
}
}
}