pxt-core
Version:
Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors
43 lines (34 loc) • 706 B
text/less
.music-staff-row {
stroke-width: 3;
stroke: black;
}
.music-staff-column {
stroke-width: 1;
stroke: #666666;
}
.music-staff-column.measure-start.beat-start {
stroke: orange;
stroke-width: 3;
stroke-dasharray: 0;
}
.music-staff-column.beat-start {
stroke-dasharray: 2;
stroke-width: 2;
}
.music-staff-background {
fill: #f3e9f7;
}
.music-staff text {
user-select: none;
}
.music-playback-line {
stroke-width: 3;
stroke: white;
}
.music-staff-beats {
// These sit against the main background, not the staff, so we need to theme them.
fill: var(--pxt-neutral-foreground1);
}
.music-playback-head {
transition: translate 0.06ms linear;
}