diff --git a/src/components/BuildControls/BuildControl/BuildControl.css b/src/components/BuildControls/BuildControl/BuildControl.css new file mode 100644 index 0000000..68777e8 --- /dev/null +++ b/src/components/BuildControls/BuildControl/BuildControl.css @@ -0,0 +1,56 @@ +.BuildControl { + display: flex; + justify-content: space-between; + align-items: center; + margin: 5px 0; +} + +.BuildControl button { + display: block; + font: inherit; + padding: 5px; + margin: 0 5px; + width: 80px; + border: 1px solid #AA6817; + cursor: pointer; + outline: none; +} + +.BuildControl button:disabled { + background-color: #AC9980; + border: 1px solid #7E7365; + color: #ccc; + cursor: default; +} + +.BuildControl button:hover:disabled { + background-color: #AC9980; + color: #ccc; + cursor: not-allowed; +} + +.Label { + padding: 10px; + font-weight: bold; + width: 80px; +} + +.BuildControl .Less { + background-color: #D39952; + color: white; +} + +.BuildControl .More { + background-color: #8F5E1E; + color: white; +} + +.BuildControl .Less:hover, .BuildControl .Less:active { + background-color: #DAA972; + color: white; +} + +.BuildControl .More:hover,.BuildControl .More:active { + background-color: #99703F; + color: white; +} \ No newline at end of file diff --git a/src/components/BuildControls/BuildControl/BuildControl.js b/src/components/BuildControls/BuildControl/BuildControl.js new file mode 100644 index 0000000..f3a13f1 --- /dev/null +++ b/src/components/BuildControls/BuildControl/BuildControl.js @@ -0,0 +1,13 @@ +import React from 'react'; + +import classes from './BuildControl.css'; + +const buildControl = (props) => ( +