Style different buttons

This commit is contained in:
Alasdair Smith 2018-05-31 13:31:24 +01:00
parent 7384cfba1a
commit aaf5da877e

View file

@ -249,14 +249,15 @@
/**************************************
Formatting buttons
***************************************/
.button-measurer-wrapper {
formatting-buttons {
display: flex;
width: 100%;
overflow: hidden;
}
.formatting-btn {
padding: 0;
min-width: 32px;
width: 32px;
margin: 3px 0;
height: 100%;
display: flex;
align-items: center;
@ -265,12 +266,23 @@
border: none;
border-left: 1px solid #ccc;
border-radius: 0;
}
&:last-child {
.formatting-btn-with-icon {
min-width: 32px;
width: 32px;
&:nth-child(-1) {
border-right: 1px solid #ccc;
}
}
.formatting-btn-overflowed {
margin-left: auto;
padding-left: 5px;
padding-right: 5px;
}
.formatting-btn-icon {
font-style: normal;
line-height: 1.5;