95 lines
1.5 KiB
SCSS
95 lines
1.5 KiB
SCSS
// JM MOSFET AMPLIFIER
|
|
div#graph-container {
|
|
@extend .clearfix;
|
|
border-top: 1px solid #ddd;
|
|
padding-top: lh(1.0);
|
|
|
|
canvas#graph {
|
|
width: flex-grid(4.5, 9);
|
|
float: left;
|
|
margin-right: flex-gutter(9);
|
|
}
|
|
|
|
div.graph-controls {
|
|
width: flex-grid(4.5, 9);
|
|
float: left;
|
|
|
|
select#musicTypeSelect {
|
|
display: block;
|
|
margin-bottom: lh();
|
|
}
|
|
|
|
div#graph-output {
|
|
display: block;
|
|
margin-bottom: lh();
|
|
}
|
|
|
|
div#graph-listen {
|
|
display: block;
|
|
margin-bottom: lh();
|
|
}
|
|
|
|
p {
|
|
margin-bottom: lh(.5);
|
|
}
|
|
|
|
div#label {
|
|
display: inline-block;
|
|
}
|
|
|
|
input#playButton {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
div#schematic-container {
|
|
@extend .clearfix;
|
|
|
|
canvas {
|
|
width: flex-grid(4.5, 9);
|
|
float: left;
|
|
margin-right: flex-gutter(9);
|
|
}
|
|
|
|
div.schematic-sliders {
|
|
width: flex-grid(4.5, 9);
|
|
float: left;
|
|
|
|
div.slider-label#vs {
|
|
margin-top: lh(2.0);
|
|
}
|
|
|
|
div.slider-label {
|
|
margin-bottom: lh(0.5);
|
|
}
|
|
|
|
div.slider {
|
|
margin-bottom: lh(1);
|
|
}
|
|
}
|
|
}
|
|
//End JM MOSFET AMPLIFIER
|
|
|
|
// Labels
|
|
div.graph-controls, div#graph-listen {
|
|
|
|
label {
|
|
@include border-radius(2px);
|
|
font-weight: bold;
|
|
padding: 3px;
|
|
}
|
|
|
|
label[for="vinCheckbox"], label[for="vinRadioButton"]{
|
|
color: desaturate(#00bfff, 50%);
|
|
}
|
|
label[for="voutCheckbox"], label[for="voutRadioButton"]{
|
|
color: darken(#ffcf48, 20%);
|
|
}
|
|
label[for="vrCheckbox"], label[for="vrRadioButton"]{
|
|
color: desaturate(#1df914, 40%);
|
|
}
|
|
|
|
}
|
|
|