malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Add CSS custom property for navigation font size

Browse Source
This commit is contained in:
Tetrakern 2024-08-01 20:51:54 +02:00
parent 1226522a03
commit d2d8569d24
7 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
css/editor.css
View File

File diff suppressed because one or more lines are too long

2
css/properties.css
View File

File diff suppressed because one or more lines are too long

3
src/scss/_icon-menu.scss
View File

@ -1,5 +1,8 @@
.icon-menu {
display: flex;
color: var(--navigation-color);
font-size: var(--navigation-font-size);
font-weight: var(--font-weight-navigation);
.menu-item {
:is(a, label, button):not(._no-menu-item-style) {

2
src/scss/_navigation.scss
View File

@ -102,7 +102,7 @@
top: calc(-0.1px - var(--nav-observer-offset, 0px)); // -0.1px to prevent hairline gaps
z-index: 1000;
color: var(--navigation-color);
font-size: get_clamp(14, 16, 375, 768);
font-size: var(--navigation-font-size);
font-weight: var(--font-weight-navigation);
padding: 0;
margin: 12px 0;

1
src/scss/common/_properties.scss
View File

@ -287,6 +287,7 @@
--navigation-subitem-background-hover: var(--bg-300);
--navigation-color: var(--fg-400);
--navigation-color-hover: var(--fg-300);
--navigation-font-size: #{get_clamp(14, 16, 375, 768)};
--navigation-subitem-divider: 1px solid var(--bg-700);
--navigation-submenu-box-shadow: 0 4px 3px -2px rgb(0 0 0 / 30%);
--navigation-drop-shadow: drop-shadow(0 3px 2px rgb(0 0 0 / 20%));