=Base Styles overhaul. MAJOR NOTE: colour vars changed from hex codes to th...

Jake Vanderwerf

5 days ago 92e80666d516de64e488e04911c09e65a32e2a05

 copy-hours.css

@@ -7,7 +7,7 @@


.hours-copy-btn:hover {
    background-color: var(--action-50);
    background-color: rgb(var(--action-50));
    transform: scale(1.05);
}

@@ -22,23 +22,23 @@
/* Copy Hours Modal */
.copy-hours-content h3 {
    margin: 0 0 1rem 0;
    color: var(--contrast);
    font-size: var(--large);
    color: rgb(var(--contrast));
    font-size: var(--txt-large);
}

.copy-hours-source {
    background-color: var(--base-100);
    background-color: rgb(var(--base-100));
    padding: 1rem;
    border-radius: var(--innerRadius);
    border-radius: var(--radius);
    margin-bottom: 1.5rem;
    border: 1px solid var(--base-200);
    border: 1px solid rgb(var(--base-200));
}

.copy-hours-source h4 {
    margin: 0 0 0.5rem 0;
    color: var(--contrast-100);
    color: rgb(var(--contrast-100));
    text-transform: uppercase;
    font-size: var(--small);
    font-size: var(--txt-small);
    font-weight: 600;
}

@@ -48,18 +48,18 @@

.source-day {
    font-weight: 600;
    color: var(--contrast);
    color: rgb(var(--contrast));
    text-transform: capitalize;
}

.source-hours {
    --gap: 1rem;
    font-weight: 500;
    color: var(--contrast);
    color: rgb(var(--contrast));
}

.source-hours.closed {
    color: var(--contrast-200);
    color: rgb(var(--contrast-200));
    font-style: italic;
}

@@ -69,9 +69,9 @@

.copy-hours-targets h4 {
    margin: 0 0 1rem 0;
    color: var(--contrast-100);
    color: rgb(var(--contrast-100));
    text-transform: uppercase;
    font-size: var(--small);
    font-size: var(--txt-small);
    font-weight: 600;
}

@@ -86,15 +86,15 @@
    position: fixed;
    top: 2rem;
    right: 2rem;
    background-color: var(--action-50);
    background-color: rgb(var(--action-50));
    color: var(--action-contrast);
    padding: 1rem 1.5rem;
    border-radius: var(--innerRadius);
    box-shadow: var(--shadow);
    border-radius: var(--radius);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: 10000;
    opacity: 0;
    transform: translateX(100px);
    transition: all var(--transition-base);
    transition: all var(--trans-base);
    display: flex;
    align-items: center;
    gap: 0.5rem;
@@ -108,10 +108,3 @@
.feedback .icon {
    --w: 1.25rem;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .feedback {
        background-color: var(--success-dark, #1e7e34);
    }
}