beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add a --primary-nav--color-border in Seedlet and set it to transparent in Spearhead.

Browse source
This commit is contained in:
Jeff Ong 2020-10-28 13:32:22 -04:00
parent 26db0b5daa
commit 295d97a5da
18 changed files with 33 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
seedlet/assets/css/style-editor.css
View file

@ -176,6 +176,7 @@
--primary-nav--font-style-sub-menu-mobile: italic;
--primary-nav--font-weight: normal;
--primary-nav--line-height: var(--global--line-height-body);
--primary-nav--color-border: var(--global--color-secondary);
--primary-nav--color-link: var(--global--color-primary);
--primary-nav--color-link-hover: var(--global--color-primary-hover);
--primary-nav--color-text: var(--global--color-foreground);

2
seedlet/assets/css/style-editor.css.map
View file

File diff suppressed because one or more lines are too long

2
seedlet/assets/css/style-navigation-rtl.css
View file

@ -394,7 +394,7 @@
.primary-navigation .menu-item > a:hover,
.woo-navigation .menu-item > a:hover {
color: var(--primary-nav--color-link-hover);
border-color: var(--global--color-secondary);
border-color: var(--primary-nav--color-border);
}
.primary-navigation .menu-item > a:focus,

2
seedlet/assets/css/style-navigation.css
View file

@ -394,7 +394,7 @@
.primary-navigation .menu-item > a:hover,
.woo-navigation .menu-item > a:hover {
color: var(--primary-nav--color-link-hover);
border-color: var(--global--color-secondary);
border-color: var(--primary-nav--color-border);
}
.primary-navigation .menu-item > a:focus,

2
seedlet/assets/css/style-navigation.css.map
View file

File diff suppressed because one or more lines are too long

1
seedlet/assets/sass/components/header/_config.scss
View file

@ -24,6 +24,7 @@
--primary-nav--font-style-sub-menu-mobile: italic;
--primary-nav--font-weight: normal;
--primary-nav--line-height: var(--global--line-height-body);
--primary-nav--color-border: var(--global--color-secondary);
--primary-nav--color-link: var(--global--color-primary);
--primary-nav--color-link-hover: var(--global--color-primary-hover);
--primary-nav--color-text: var(--global--color-foreground);

2
seedlet/assets/sass/components/navigation/_style.scss
View file

@ -327,7 +327,7 @@
&:hover {
color: var(--primary-nav--color-link-hover);
border-color: var(--global--color-secondary);
border-color: var(--primary-nav--color-border);
}
&:focus {

1
seedlet/style-rtl.css
View file

@ -241,6 +241,7 @@ Included in theme screenshot and in block patterns.
--primary-nav--font-style-sub-menu-mobile: italic;
--primary-nav--font-weight: normal;
--primary-nav--line-height: var(--global--line-height-body);
--primary-nav--color-border: var(--global--color-secondary);
--primary-nav--color-link: var(--global--color-primary);
--primary-nav--color-link-hover: var(--global--color-primary-hover);
--primary-nav--color-text: var(--global--color-foreground);

1
seedlet/style.css
View file

@ -241,6 +241,7 @@ Included in theme screenshot and in block patterns.
--primary-nav--font-style-sub-menu-mobile: italic;
--primary-nav--font-weight: normal;
--primary-nav--line-height: var(--global--line-height-body);
--primary-nav--color-border: var(--global--color-secondary);
--primary-nav--color-link: var(--global--color-primary);
--primary-nav--color-link-hover: var(--global--color-primary-hover);
--primary-nav--color-text: var(--global--color-foreground);

2
seedlet/style.css.map
View file

File diff suppressed because one or more lines are too long

8
spearhead/assets/sass/_header.scss
View file

@ -4,6 +4,10 @@ $site-branding-height: 68px;
.has-main-navigation {
.site-header {
padding: var(--global--spacing-horizontal);
a {
border-bottom: 1px solid transparent;
}
@include media( laptop ){
padding: 35px var(--global--spacing-horizontal);
}
@ -130,8 +134,8 @@ $site-branding-height: 68px;
padding: 0;
&:hover {
border-color: transparent;
color: var(--global--color-primary);
border-color: var(--primary-nav--color-border);
color: var(--social-nav--color-link-hover);
}
}
}

2
spearhead/navigation-rtl.css
View file

@ -397,7 +397,7 @@
.primary-navigation .menu-item > a:hover,
.woo-navigation .menu-item > a:hover {
color: var(--primary-nav--color-link-hover);
border-color: var(--global--color-secondary);
border-color: var(--primary-nav--color-border);
}
.primary-navigation .menu-item > a:focus,

2
spearhead/navigation.css
View file

@ -397,7 +397,7 @@
.primary-navigation .menu-item > a:hover,
.woo-navigation .menu-item > a:hover {
color: var(--primary-nav--color-link-hover);
border-color: var(--global--color-secondary);
border-color: var(--primary-nav--color-border);
}
.primary-navigation .menu-item > a:focus,

2
spearhead/navigation.css.map
View file

File diff suppressed because one or more lines are too long

8
spearhead/style-rtl.css
View file

@ -192,6 +192,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
padding: var(--global--spacing-horizontal);
}
.has-main-navigation .site-header a {
border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 830px) {
.has-main-navigation .site-header {
padding: 35px var(--global--spacing-horizontal);
@ -319,8 +323,8 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
}
.site-header .social-navigation .menu-item > a:hover {
border-color: transparent;
color: var(--global--color-primary);
border-color: var(--primary-nav--color-border);
color: var(--social-nav--color-link-hover);
}
.site-header div.menu-button-container button#primary-open-menu {

8
spearhead/style.css
View file

@ -192,6 +192,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
padding: var(--global--spacing-horizontal);
}
.has-main-navigation .site-header a {
border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 830px) {
.has-main-navigation .site-header {
padding: 35px var(--global--spacing-horizontal);
@ -319,8 +323,8 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
}
.site-header .social-navigation .menu-item > a:hover {
border-color: transparent;
color: var(--global--color-primary);
border-color: var(--primary-nav--color-border);
color: var(--social-nav--color-link-hover);
}
.site-header div.menu-button-container button#primary-open-menu {

2
spearhead/style.css.map
View file

File diff suppressed because one or more lines are too long

1
spearhead/variables.css
View file

@ -69,6 +69,7 @@
--primary-nav--justify-content: flex-end;
--primary-nav--color-link: var(--global--color-secondary);
--primary-nav--color-border: transparent;
--primary-nav--dropdown-color-link: var(--global--color-background);
--primary-nav--color-background: var(--global--color-foreground);
--primary-nav--padding: 6px;