Jump to content

Template:Binary signal/styles.css: Difference between revisions

From Logic World Wiki
Created page with ".signal-graph-table { border-collapse: collapse; } .signal-graph-table td.signal-header-cell { text-align: center; transform: translateX(-50%); } .signal-graph-table tr.signal-spacer-row { height: 1rem; border: none; } .signal-graph-table tr.signal-spacer-row td.signal-spacer-row-cell { border-left: var(--tick-marker-border); border-right: var(--tick-marker-border); } .signal-graph-table tr.signal-row { height: 2rem; } .signal-graph-tab..."
 
use border color for tick markers
Tag: Reverted
Line 13: Line 13:
}
}
.signal-graph-table tr.signal-spacer-row td.signal-spacer-row-cell {
.signal-graph-table tr.signal-spacer-row td.signal-spacer-row-cell {
     border-left: var(--tick-marker-border);
     border-left: var(--border-color-base);
     border-right: var(--tick-marker-border);
     border-right: var(--border-color-base);
}
}


Line 45: Line 45:


.signal-graph-table td.signal-value-cell {
.signal-graph-table td.signal-value-cell {
     border-right: var(--tick-marker-border);
     border-right: var(--border-color-base);
}
}
.signal-graph-table td.signal-value-cell:not(.signal-on-left) {
.signal-graph-table td.signal-value-cell:not(.signal-on-left) {
     border-left: var(--tick-marker-border);
     border-left: var(--border-color-base);
}
}

Revision as of 16:51, 8 September 2025

.signal-graph-table {
    border-collapse: collapse;
}

.signal-graph-table td.signal-header-cell {
    text-align: center;
    transform: translateX(-50%);
}

.signal-graph-table tr.signal-spacer-row {
    height: 1rem;
    border: none;
}
.signal-graph-table tr.signal-spacer-row td.signal-spacer-row-cell {
    border-left: var(--border-color-base);
    border-right: var(--border-color-base);
}

.signal-graph-table tr.signal-row {
    height: 2rem;
}
.signal-graph-table tr.signal-row td:first-of-type {
    width: auto;
    padding: 0 0.5rem;
    font-weight: bold;
}
.signal-graph-table tr.signal-row td.signal-spacer {
    border: none;
    width: .5rem;
}

.signal-graph-table td.signal-value-cell {
    width: 3rem;
    text-align: center;
}
.signal-graph-table td.signal-value-cell.signal-on-top {
    border-top: var(--signal-border);
}
.signal-graph-table td.signal-value-cell.signal-on-bottom {
    border-bottom: var(--signal-border);
}
.signal-graph-table td.signal-value-cell.signal-on-left {
    border-left: var(--signal-border);
}

.signal-graph-table td.signal-value-cell {
    border-right: var(--border-color-base);
}
.signal-graph-table td.signal-value-cell:not(.signal-on-left) {
    border-left: var(--border-color-base);
}