use variables
This commit is contained in:
@@ -133,6 +133,8 @@ const handleClickNavBar = () => {
|
|||||||
z-index: 100;
|
z-index: 100;
|
||||||
-webkit-backdrop-filter: blur(4px);
|
-webkit-backdrop-filter: blur(4px);
|
||||||
backdrop-filter: blur(4px);
|
backdrop-filter: blur(4px);
|
||||||
|
background-color: var(--navbar-color);
|
||||||
|
box-shadow: var(--base-shadow);
|
||||||
|
|
||||||
&.sm-show-nav {
|
&.sm-show-nav {
|
||||||
#sm-nav {
|
#sm-nav {
|
||||||
@@ -161,6 +163,10 @@ const handleClickNavBar = () => {
|
|||||||
|
|
||||||
#sm-nav-toggle {
|
#sm-nav-toggle {
|
||||||
padding: 23px;
|
padding: 23px;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: hsla(0, 0%, 50%, 0.1);
|
background-color: hsla(0, 0%, 50%, 0.1);
|
||||||
@@ -187,10 +193,11 @@ const handleClickNavBar = () => {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
li a {
|
li a {
|
||||||
color: var(--base-colour-text);
|
color: var(--base-color-text);
|
||||||
display: block;
|
display: block;
|
||||||
padding: 12px 24px;
|
padding: 12px 24px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|||||||
Reference in New Issue
Block a user