Add var for leaf border; Switch to Liberation Sans; Scale Quick Links.
This commit is contained in:
@@ -2,8 +2,7 @@
|
||||
margin: 0;
|
||||
padding: var(--spacing-horizontal);
|
||||
background-color: var(--background-2);
|
||||
border-radius: var(--border-radius-small)
|
||||
var(--border-radius-large);
|
||||
border-radius: var(--border-radius-leaf);
|
||||
text-align: center;
|
||||
|
||||
.location_header {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.nav_quick_links {
|
||||
--cols: 5;
|
||||
--item-padding: 0.35rem;
|
||||
--item-edge-length: 1.25rem;
|
||||
--item-padding: 0.3rem;
|
||||
--item-edge-length: 1.15rem;
|
||||
--item-size: calc(
|
||||
var(--item-edge-length) + calc(var(--item-padding) * 2)
|
||||
);
|
||||
@@ -32,8 +32,7 @@
|
||||
padding: var(--item-padding);
|
||||
|
||||
background-color: var(--background-2);
|
||||
border-radius: var(--border-radius-small)
|
||||
var(--border-radius-large);
|
||||
border-radius: var(--border-radius-leaf);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
margin: inherit;
|
||||
padding: 0 var(--spacing-horizontal);
|
||||
transition: var(--transition-fade);
|
||||
text-transform: uppercase;
|
||||
/*text-transform: uppercase;*/
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
@@ -5,6 +5,5 @@
|
||||
margin: var(--margin-pane);
|
||||
padding: 0;
|
||||
|
||||
border-radius: var(--border-radius-small)
|
||||
var(--border-radius-large);
|
||||
border-radius: var(--border-radius-leaf);
|
||||
}
|
||||
|
||||
@@ -4,14 +4,15 @@
|
||||
@use "nav_quick_links";
|
||||
|
||||
.pane_nav {
|
||||
--spacing-horizontal: 0.75rem;
|
||||
--transform-scale-x: scaleX(1.15);
|
||||
|
||||
margin: var(--margin-pane);
|
||||
padding: 0;
|
||||
gap: var(--spacing-menu-gap);
|
||||
width: min-content;
|
||||
align-content: start;
|
||||
|
||||
display: grid;
|
||||
grid-auto-flow: row;
|
||||
grid-template-rows: auto auto auto 1fr max-content;
|
||||
|
||||
color: var(--accent-pink);
|
||||
}
|
||||
|
||||
@@ -15,8 +15,7 @@
|
||||
)
|
||||
);
|
||||
flex: 1;
|
||||
border-radius: var(--border-radius-small)
|
||||
var(--border-radius-large);
|
||||
border-radius: var(--border-radius-leaf);
|
||||
|
||||
/* Vertical Text Align */
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user