💄 (interval) better interval look

This commit is contained in:
2020-07-12 22:03:01 +02:00
parent 8d6a3f6cf3
commit bab8de9dfe
6 changed files with 39 additions and 29 deletions

View File

@@ -2,7 +2,7 @@
<div class="zone-music">
<div class="pm-field">
<label for="use-music" data-pm-holder>
<span :class="{ disabled: withMusic }">Focus</span>
<span :class="{ disabled: withMusic }">focus</span>
<input
type="checkbox"
name="use-music"
@@ -11,7 +11,7 @@
@change="setWithMusic(!withMusic)"
data-pm-checkbox-toggle
/>
<span :class="{ disabled: !withMusic }">Chill</span>
<span :class="{ disabled: !withMusic }">chill</span>
</label>
</div>
<ChilledMusic v-if="withMusic" :play="play" @play="play" @pause="pause" />
@@ -63,6 +63,6 @@ label[data-pm-holder] {
}
}
.disabled {
color: darken($color, 60);
color: desaturate($color, 70%);
}
</style>