Commit 366bc92f authored by Lyza Danger Gardner's avatar Lyza Danger Gardner Committed by Lyza Gardner

Isolate annotator font sizes in TW configuration

parent e5192bff
...@@ -19,7 +19,7 @@ function ToolbarButton({ ...buttonProps }) { ...@@ -19,7 +19,7 @@ function ToolbarButton({ ...buttonProps }) {
className={classnames( className={classnames(
'w-[30px] h-[30px]', // These buttons have precise dimensions 'w-[30px] h-[30px]', // These buttons have precise dimensions
'flex items-center justify-center', 'flex items-center justify-center',
'border rounded bg-white text-grey-6 hover:text-grey-9 text-xl', 'border rounded bg-white text-grey-6 hover:text-grey-9 text-annotator-lg',
'shadow transition-colors' 'shadow transition-colors'
)} )}
icon={icon} icon={icon}
...@@ -86,7 +86,7 @@ export default function Toolbar({ ...@@ -86,7 +86,7 @@ export default function Toolbar({
className={classnames( className={classnames(
'w-[27px] h-[27px] mt-[140px] ml-[6px]', 'w-[27px] h-[27px] mt-[140px] ml-[6px]',
'flex items-center justify-center bg-white border', 'flex items-center justify-center bg-white border',
'text-grey-6 hover:text-grey-9 text-xl transition-colors', 'text-grey-6 hover:text-grey-9 text-annotator-lg transition-colors',
// Turn off right border to blend with sidebar // Turn off right border to blend with sidebar
'border-r-0', 'border-r-0',
// A more intense shadow than other ToolbarButtons, to match that // A more intense shadow than other ToolbarButtons, to match that
......
...@@ -45,13 +45,15 @@ export default { ...@@ -45,13 +45,15 @@ export default {
fontSize: { fontSize: {
tiny: ['10px'], tiny: ['10px'],
sm: ['11px', '1.4'], sm: ['11px', '1.4'],
'annotator-sm': ['12px'],
base: ['13px', '1.4'], base: ['13px', '1.4'],
lg: ['14px'], lg: ['14px'],
xl: ['16px'], xl: ['16px'],
annotator: { // Keep separate font settings for the annotator; these may need to
sm: ['12px'], // remain as pixels when sidebar converts to rems or otherwise be
}, // independent of sidebar font sizes
'annotator-sm': ['12px'],
'annotator-lg': ['16px'],
'annotator-xl': ['18px'],
}, },
keyframes: { keyframes: {
adderPopDown: { adderPopDown: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment