Standardized W95 styles

public/components/w95/ContextButton.jsx

@@ -52,7 +52,7 @@ class ContextButton extends Component {
   }
 
   render() {
-    let cls = "btn";
+    let cls = "c-context-menu__btn";
 
     let options = [];
     if(this.props.data === "disabled") {
@@ -70,7 +70,7 @@ class ContextButton extends Component {
     let menu = <div></div>;
     if(options.length > 0) {
       menu = (
-        <div className="menu">
+        <div className="c-context-menu__menu">
           {options}
         </div>
       );

public/components/w95/ContextMenu.jsx

@@ -59,7 +59,7 @@ class ContextMenu extends Component {
     }
 
     return (
-      <div className="context-menu">
+      <div className="c-context-menu">
         {contextButtons}
       </div>
     );

public/components/w95/ContextMenuButton.jsx

@@ -30,7 +30,7 @@ class ContextMenuButton extends Component {
   isDisabled() {return this.props.data === "disabled";}
 
   render() {
-    let cls = "menu-option";
+    let cls = "c-context-menu__menu-option";
 
     if(this.isDisabled()) cls += " disabled";
 

public/styles/components/_w95.scss

@@ -3,7 +3,9 @@
 
 @import './w95/_window.scss';
 @import './w95/_title-bar.scss';
+@import './w95/_window-button.scss';
 @import './w95/_text-field.scss';
+@import './w95/_window-menu.scss';
 
 /*$windowBG: #C0C0C0;
 $highlight: #0000BF;

public/styles/components/w95/_window-button.scss

@@ -0,0 +1,29 @@
+.c-window-buttons {
+  height: 100%;
+  float: right;
+  font-size: 0;
+}
+
+.c-window-btn {
+  @include button95($w95Scale);
+  width: 16px*$w95Scale;
+  height: 14px*$w95Scale;
+  font-size: 12px*$w95Scale;
+
+  &.close {
+    margin-left: 2px*$w95Scale;
+    background-position-x: 0px*$w95Scale;
+  }
+
+  &.help {
+    background-position-x: 36px*$w95Scale;
+  }
+
+  &.minimize {
+    background-position-x: 24px*$w95Scale;
+  }
+
+  &.maximize {
+    background-position-x: 12px*$w95Scale;
+  }
+}