Skip to content

Instantly share code, notes, and snippets.

@codewizard13
Created October 21, 2022 13:47
Show Gist options
  • Save codewizard13/1dc556fcbb8b66f00db0fd74a242305e to your computer and use it in GitHub Desktop.
Save codewizard13/1dc556fcbb8b66f00db0fd74a242305e to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
:root {
--color-air-superiority-blue: #6190a7;
--color-cornsilk: #fff3d5;
--color-teal-blue: #3d6b7f;
--color-sunray: #f0ad4e;
--color-rhythm: #777197;
--color-gray-300: #9E9E9E
}
.sidebar-main {
.widget {
margin-bottom: 1em;
}
}
aside#nav_menu-2 {
font-family: Roboto;
.widget-title, .menu-item {
padding: 0.5em 1em;
}
.menu-item {
border: 1px solid var(--color-gray-300);
border-top: none;
margin: 0
}
.widget-title {
background-color: var(--color-air-superiority-blue);
font-size: 1em;
font-weight: bold;
color: white;
text-transform: uppercase
}
}
:root {
--color-air-superiority-blue: #6190a7;
--color-cornsilk: #fff3d5;
--color-teal-blue: #3d6b7f;
--color-sunray: #f0ad4e;
--color-rhythm: #777197;
--color-gray-300: #9E9E9E ;
}
.sidebar-main .widget {
margin-bottom: 1em;
}
aside#nav_menu-2 {
font-family: Roboto;
}
aside#nav_menu-2 .widget-title, aside#nav_menu-2 .menu-item {
padding: 0.5em 1em;
}
aside#nav_menu-2 .menu-item {
border: 1px solid var(--color-gray-300);
border-top: none;
margin: 0;
}
aside#nav_menu-2 .widget-title {
background-color: var(--color-air-superiority-blue);
font-size: 1em;
font-weight: bold;
color: white;
text-transform: uppercase;
}
{
"sass": {
"compiler": "dart-sass/1.32.12",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment