| 1 |
// Top bar — the editor header bits that survive the chrome-stripping (the |
| 2 |
// inserter toggle, undo/redo/list-view, View/Options, and command palette are |
| 3 |
// all removed in _editor-chrome.scss + the disable-* plugins). What's left on |
| 4 |
// the right is our Preview button and the native Save button. |
| 5 |
// |
| 6 |
// Preview button → the mockup's "secondary / link" button: white surface, a |
| 7 |
// strong-border outline, primary text, trailing ↗ glyph, hover to accent. It's |
| 8 |
// a `<Button variant="secondary">` (FormPreviewButton.js) so it already has the |
| 9 |
// border/white base; this aligns its colors/radius to the tokens. Save stays |
| 10 |
// the native accent publish button (already correct). Tokens: _tokens.scss. |
| 11 |
.wppb-fb-preview-button.components-button { |
| 12 |
border-radius: var(--wppb-fb-radius-sm); |
| 13 |
color: var(--wppb-fb-text-primary); |
| 14 |
|
| 15 |
// The `variant="secondary"` outline uses the admin theme color by default; |
| 16 |
// pin it to the neutral strong border like the mockup's secondary button. |
| 17 |
box-shadow: inset 0 0 0 1px var(--wppb-fb-border-strong); |
| 18 |
|
| 19 |
&:hover, |
| 20 |
&:focus { |
| 21 |
color: var(--wppb-fb-accent); |
| 22 |
box-shadow: inset 0 0 0 1px var(--wppb-fb-accent); |
| 23 |
} |
| 24 |
|
| 25 |
svg { |
| 26 |
fill: currentColor; |
| 27 |
} |
| 28 |
} |
| 29 |
|
