:star:

3 files changed, 147 insertions, 0 deletions

diff --git a/semantic/src/themes/amazon/elements/button.overrides b/semantic/src/themes/amazon/elements/button.overrides
new file mode 100644
index 0000000..9efc5e4
--- /dev/null
+++ b/semantic/src/themes/amazon/elements/button.overrides
@@ -0,0 +1,46 @@
+.ui.button {
+  background-image: linear-gradient(center top , #F7F8FA, #E7E9EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
+}
+
+.ui.primary.button {
+  color: #111111;
+  border: 1px solid;
+  border-color: #C59F43 #AA8326 #957321;
+}
+.ui.primary.button:hover {
+  border-color: #C59F43 #AA8326 #957321;
+  color: #111111;
+}
+
+.ui.secondary.button {
+  border: 1px solid;
+  border-color: #3D444C #2F353B #2C3137;
+}
+.ui.secondary.button:hover {
+  border-color: #32373E #24282D #212429;
+}
+
+
+.ui.labeled.icon.buttons .button > .icon,
+.ui.labeled.icon.button > .icon {
+  padding-bottom: 0.48em;
+  padding-top: 0.48em;
+  position: absolute;
+  text-align: center;
+  width: 2em;
+  height: 2em;
+  top: 0.35em;
+  left: 0.4em;
+  border-radius: 3px;
+}
+.ui.right.labeled.icon.buttons .button > .icon,
+.ui.right.labeled.icon.button > .icon {
+  left: auto;
+  right: 0.4em;
+  border-radius: 3px;
+}
+
+.ui.basic.labeled.icon.buttons .button > .icon,
+.ui.basic.labeled.icon.button > .icon {
+  padding-top: 0.4em !important;
+}
\ No newline at end of file
diff --git a/semantic/src/themes/amazon/elements/button.variables b/semantic/src/themes/amazon/elements/button.variables
new file mode 100644
index 0000000..d4762a3
--- /dev/null
+++ b/semantic/src/themes/amazon/elements/button.variables
@@ -0,0 +1,58 @@
+/*-------------------
+   Button Variables
+--------------------*/
+
+/* Button Variables */
+@pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
+@textTransform: none;
+@textColor: #111111;
+@fontWeight: normal;
+@transition:
+  opacity @defaultDuration @defaultEasing,
+  background-color @defaultDuration @defaultEasing,
+  color @defaultDuration @defaultEasing,
+  background @defaultDuration @defaultEasing
+;
+
+@hoverBackgroundColor: #E0E0E0;
+
+@borderRadius: 3px;
+@verticalPadding: 0.8em;
+@horizontalPadding: 1.75em;
+
+@backgroundColor: #F7F8FA;
+@backgroundImage: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
+@boxShadow:
+  0 1px 0 1px rgba(255, 255, 255, 0.3) inset,
+  0 0 0 1px #ADB2BB inset
+;
+
+@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
+@coloredBoxShadow:
+  0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset
+;
+
+@downBoxShadow:
+  0 0 0 1px #ADB2BB inset,
+  0 1px 3px rgba(0, 0, 0, 0.2) inset
+;
+
+@labeledIconBackgroundColor: #313A43;
+@labeledIconColor: #FFFFFF;
+@labeledIconBorder: transparent;
+
+@black: #444C55;
+@orange: #F4CC67;
+
+@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1));
+@primaryColor: @orange;
+@secondaryColor: @black;
+
+@mini: 10px;
+@tiny: 11px;
+@small: 12px;
+@medium: 13px;
+@large: 14px;
+@big: 16px;
+@huge: 18px;
+@massive: 22px;
diff --git a/semantic/src/themes/amazon/globals/site.variables b/semantic/src/themes/amazon/globals/site.variables
new file mode 100644
index 0000000..add8426
--- /dev/null
+++ b/semantic/src/themes/amazon/globals/site.variables
@@ -0,0 +1,43 @@
+/*******************************
+     User Global Variables
+*******************************/
+
+@pageMinWidth  : 1049px;
+@pageOverflowX : visible;
+
+@emSize: 13px;
+@fontSize : 13px;
+@fontName : 'Arial';
+@importGoogleFonts : false;
+
+@h1: 2.25em;
+
+@defaultBorderRadius: 0.30769em; /* 4px @ 13em */
+
+@disabledOpacity: 0.3;
+
+@black: #444C55;
+@orange: #FDE07B;
+
+@linkColor: #0066C0;
+@linkHoverColor: #C45500;
+@linkHoverUnderline: underline;
+
+@borderColor: rgba(0, 0, 0, 0.13);
+@solidBorderColor: #DDDDDD;
+@internalBorderColor: rgba(0, 0, 0, 0.06);
+@selectedBorderColor: #51A7E8;
+
+/* Breakpoints */
+@largeMonitorBreakpoint: 1049px;
+@computerBreakpoint: @largeMonitorBreakpoint;
+@tabletBreakpoint: @largeMonitorBreakpoint;
+
+/* Colors */
+@blue: #80A6CD;
+@green: #60B044;
+@orange: #D26911;
+
+
+@infoBackgroundColor: #E6F1F6;
+@infoTextColor: #4E575B;
\ No newline at end of file