synthing

a waveform sequencing synth on the web
Log | Files | Refs | Submodules

style.css (670B)

      1 .circle-button {
      2     margin: 5px;
      3 }
      4 
      5 .circle-button.circle {
      6     background: transparent;
      7     border: 2px solid transparent;
      8 }
      9 
     10 .circle-button.circle .triangle {
     11     border-top-color: #ff735e;
     12 }
     13 
     14 .circle-button.circle .rectangle {
     15     background: #ff735e;
     16 }
     17 
     18 .circle-button.circle:hover {
     19     background: #edccc4;
     20     transition: background 0.2s linear;
     21 }
     22 
     23 .circle-button.circle:active, .circle-button.circle:focus {
     24     border: 2px solid rgba(255,75,54,0.2);
     25     
     26 }
     27 .circle-button.circle.active {
     28     background: #ff735e;
     29 }
     30 
     31 .circle-button.circle.active .triangle {
     32     border-top-color: #f1ddd8;
     33 }
     34 
     35 .circle-button.circle.active .rectangle {
     36     background: #f1ddd8;
     37 }