diff src/themes/office-toolbar.css @ 43:ab852c9f04c3

use buttons
author Franklin Schmidt <fschmidt@gmail.com>
date Mon, 29 Aug 2022 23:33:11 -0600
parents 2606bfb75529
children
line wrap: on
line diff
--- a/src/themes/office-toolbar.css	Mon Aug 29 22:36:31 2022 -0600
+++ b/src/themes/office-toolbar.css	Mon Aug 29 23:33:11 2022 -0600
@@ -28,41 +28,41 @@
 	background: #cadcf0;
 	background: linear-gradient(to bottom, #cadcf0 24%, #bcd0e9 38%, #d0e1f7 99%);
 }
-.sceditor-button {
+.sceditor-toolbar button {
 	height: 16px;
 	padding: 3px 4px;
 	border-radius: 0;
 	background-clip: padding-box;
 	box-shadow: inset 0 1px #d5e3f1, inset 0 -1px #e3edfb, inset 1px 0 #cddcef, inset -1px 0 #b8ceea;
 }
-.sceditor-button:first-child {
+.sceditor-toolbar button:first-child {
 	border-radius: 4px 0 0 4px;
 	background-clip: padding-box;
 }
-.sceditor-button:last-child {
+.sceditor-toolbar button:last-child {
 	border-radius: 0 4px 4px 0;
 	background-clip: padding-box;
 }
-.sceditor-button div,
-.sceditor-button svg {
+.sceditor-toolbar button div,
+.sceditor-toolbar button svg {
 	margin: 0;
 }
-.sceditor-button.active {
+.sceditor-toolbar button.active {
 	background: #fbdbb5;
 	background: linear-gradient(to bottom, #fbdbb5 11%, #feb456 29%, #fdeb9f 99%);
 	box-shadow: inset 0 1px #ebd1b4, inset 0 -1px #ffe47f, inset -1px 0 #b8ceea;
 }
-.sceditor-button:hover {
+.sceditor-toolbar button:hover {
 	background: #fef7d5;
 	background: linear-gradient(to bottom, #fef7d5 0%, #fae5a9 42%, #ffd048 42%, #ffe59f 100%);
 	box-shadow: inset 0 1px #fffbe8, inset -1px 0 #ffefc4, inset 0 -1px #fff9cc;
 }
-.sceditor-button:active {
+.sceditor-toolbar button:active {
 	background: #e7a66d;
 	background: linear-gradient(to bottom, #e7a66d 0%, #fcb16d 1%, #ff8d05 42%, #ffc450 100%);
 	box-shadow: inset 0 1px 1px #7b6645, inset 0 -1px #d19c33;
 }
-.sceditor-button.active:hover {
+.sceditor-toolbar button.active:hover {
 	background: #dba368;
 	background: linear-gradient(to bottom, #dba368 0%, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%);
 	box-shadow: inset 0 1px 1px #9e8255, inset 0 -1px #fcce6b;