editor.js/src/styles/toolbox.css
Peter Savchenko dbb4cd6f8f
TypeScript support, Webpack 4, Inline Toolbar beginning (#257)
* Create UI

* Support TypeScript Modules

* remove tmp files

* migrate to 2-spaced tabs

* Add TS Linter
2018-06-11 15:29:15 +03:00

35 lines
No EOL
858 B
CSS

.ce-toolbox {
position: absolute;
visibility: hidden;
transition: opacity 100ms ease;
will-change: opacity;
&--opened {
opacity: 1;
visibility: visible;
}
&__button {
display: inline-block;
list-style: none;
margin: 0;
background: var(--bg-light);
width: var(--toolbar-buttons-size);
height: var(--toolbar-buttons-size);
border-radius: 30px;
overflow: hidden;
text-align: center;
line-height: var(--toolbar-buttons-size);
&::before {
content: attr(title);
font-size: 22px;
font-weight: 500;
letter-spacing: 1em;
font-variant-caps: all-small-caps;
padding-left: 11.5px;
margin-top: -1px;
display: inline-block;
}
}
}