Mercurial Hosting > sceditor
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;