:star:

14 files changed, 472 insertions, 0 deletions

diff --git a/semantic/src/themes/github/elements/button.overrides b/semantic/src/themes/github/elements/button.overrides
new file mode 100644
index 0000000..6273007
--- /dev/null
+++ b/semantic/src/themes/github/elements/button.overrides
@@ -0,0 +1,4 @@
+/*******************************
+           Overrides
+*******************************/
+
diff --git a/semantic/src/themes/github/elements/button.variables b/semantic/src/themes/github/elements/button.variables
new file mode 100644
index 0000000..3967fa5
--- /dev/null
+++ b/semantic/src/themes/github/elements/button.variables
@@ -0,0 +1,77 @@
+/*-------------------
+   Button Variables
+--------------------*/
+
+/* Button Variables */
+@pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
+@textTransform: none;
+@fontWeight: bold;
+@textColor: #333333;
+
+@textShadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
+@invertedTextShadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
+
+@borderRadius: @relativeBorderRadius;
+
+@verticalPadding: 0.75em;
+@horizontalPadding: 1.15em;
+
+@backgroundColor: #FAFAFA;
+@backgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1));
+@boxShadow:
+  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+  0 1px 3px rgba(0, 0, 0, 0.05)
+;
+
+@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
+@coloredBoxShadow:
+  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+  0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+  0 1px 3px rgba(0, 0, 0, 0.05)
+;
+
+@hoverBackgroundColor: #E0E0E0;
+@hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
+@hoverBoxShadow: @boxShadow;
+
+@downBackgroundColor: '';
+@downBackgroundImage: '';
+@downBoxShadow:
+  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+  0 3px 5px rgba(0, 0, 0, 0.15) inset !important
+;
+@activeBackgroundColor: #DFDFDF;
+@activeBackgroundImage: none;
+@activeBoxShadow:
+  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+  0 3px 5px rgba(0, 0, 0, 0.1) inset !important
+;
+
+@labeledIconBackgroundColor: transparent;
+@labeledIconBorder: transparent;
+@labeledIconPadding: (@horizontalPadding + 2.25em);
+
+@basicFontWeight: bold;
+@basicTextColor: @linkColor;
+@basicHoverTextColor: @linkHoverColor;
+
+@basicHoverBackground: #E0E0E0;
+
+@blue: #3072B3;
+@green: #60B044;
+@black: #5D5D5D;
+
+@primaryColor: @blue;
+@secondaryColor: @black;
+
+@mini: 0.6rem;
+@tiny: 0.7rem;
+@small: 0.85rem;
+@medium: 0.92rem;
+@large: 1rem;
+@big: 1.125rem;
+@huge: 1.25rem;
+@massive: 1.3rem;
diff --git a/semantic/src/themes/github/elements/header.variables b/semantic/src/themes/github/elements/header.variables
new file mode 100644
index 0000000..ae1da01
--- /dev/null
+++ b/semantic/src/themes/github/elements/header.variables
@@ -0,0 +1,9 @@
+/*******************************
+            Header
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+@iconMargin: @4px;
diff --git a/semantic/src/themes/github/elements/icon.overrides b/semantic/src/themes/github/elements/icon.overrides
new file mode 100644
index 0000000..c86b7ed
--- /dev/null
+++ b/semantic/src/themes/github/elements/icon.overrides
@@ -0,0 +1,208 @@
+/* Octicons */
+
+.icon.alert:before { content: '\f02d'} /*  */
+.icon.alignment.align:before { content: '\f08a'} /*  */
+.icon.alignment.aligned.to:before { content: '\f08e'} /*  */
+.icon.alignment.unalign:before { content: '\f08b'} /*  */
+.icon.arrow.down:before { content: '\f03f'} /*  */
+.icon.arrow.left:before { content: '\f040'} /*  */
+.icon.arrow.right:before { content: '\f03e'} /*  */
+.icon.arrow.small.down:before { content: '\f0a0'} /*  */
+.icon.arrow.small.left:before { content: '\f0a1'} /*  */
+.icon.arrow.small.right:before { content: '\f071'} /*  */
+.icon.arrow.small.up:before { content: '\f09f'} /*  */
+.icon.arrow.up:before { content: '\f03d'} /*  */
+.icon.beer:before { content: '\f069'} /*  */
+.icon.book:before { content: '\f007'} /*  */
+.icon.bookmark:before { content: '\f07b'} /*  */
+.icon.briefcase:before { content: '\f0d3'} /*  */
+.icon.broadcast:before { content: '\f048'} /*  */
+.icon.browser:before { content: '\f0c5'} /*  */
+.icon.bug:before { content: '\f091'} /*  */
+.icon.calendar:before { content: '\f068'} /*  */
+.icon.check:before { content: '\f03a'} /*  */
+.icon.checklist:before { content: '\f076'} /*  */
+.icon.chevron.down:before { content: '\f0a3'} /*  */
+.icon.chevron.left:before { content: '\f0a4'} /*  */
+.icon.chevron.right:before { content: '\f078'} /*  */
+.icon.chevron.up:before { content: '\f0a2'} /*  */
+.icon.circle.slash:before { content: '\f084'} /*  */
+.icon.circuit.board:before { content: '\f0d6'} /*  */
+.icon.clippy:before { content: '\f035'} /*  */
+.icon.clock:before { content: '\f046'} /*  */
+.icon.cloud.download:before { content: '\f00b'} /*  */
+.icon.cloud.upload:before { content: '\f00c'} /*  */
+.icon.code:before { content: '\f05f'} /*  */
+.icon.color.mode:before { content: '\f065'} /*  */
+.icon.comment.add:before,
+.icon.comment:before { content: '\f02b'} /*  */
+.icon.comment.discussion:before { content: '\f04f'} /*  */
+.icon.credit.card:before { content: '\f045'} /*  */
+.icon.dash:before { content: '\f0ca'} /*  */
+.icon.dashboard:before { content: '\f07d'} /*  */
+.icon.database:before { content: '\f096'} /*  */
+.icon.device.camera:before { content: '\f056'} /*  */
+.icon.device.camera.video:before { content: '\f057'} /*  */
+.icon.device.desktop:before { content: '\f27c'} /*  */
+.icon.device.mobile:before { content: '\f038'} /*  */
+.icon.diff:before { content: '\f04d'} /*  */
+.icon.diff.added:before { content: '\f06b'} /*  */
+.icon.diff.ignored:before { content: '\f099'} /*  */
+.icon.diff.modified:before { content: '\f06d'} /*  */
+.icon.diff.removed:before { content: '\f06c'} /*  */
+.icon.diff.renamed:before { content: '\f06e'} /*  */
+.icon.ellipsis:before { content: '\f09a'} /*  */
+.icon.eye.unwatch:before,
+.icon.eye.watch:before,
+.icon.eye:before { content: '\f04e'} /*  */
+.icon.file.binary:before { content: '\f094'} /*  */
+.icon.file.code:before { content: '\f010'} /*  */
+.icon.file.directory:before { content: '\f016'} /*  */
+.icon.file.media:before { content: '\f012'} /*  */
+.icon.file.pdf:before { content: '\f014'} /*  */
+.icon.file.submodule:before { content: '\f017'} /*  */
+.icon.file.symlink.directory:before { content: '\f0b1'} /*  */
+.icon.file.symlink.file:before { content: '\f0b0'} /*  */
+.icon.file.text:before { content: '\f011'} /*  */
+.icon.file.zip:before { content: '\f013'} /*  */
+.icon.flame:before { content: '\f0d2'} /*  */
+.icon.fold:before { content: '\f0cc'} /*  */
+.icon.gear:before { content: '\f02f'} /*  */
+.icon.gift:before { content: '\f042'} /*  */
+.icon.gist:before { content: '\f00e'} /*  */
+.icon.gist.secret:before { content: '\f08c'} /*  */
+.icon.git.branch.create:before,
+.icon.git.branch.delete:before,
+.icon.git.branch:before { content: '\f020'} /*  */
+.icon.git.commit:before { content: '\f01f'} /*  */
+.icon.git.compare:before { content: '\f0ac'} /*  */
+.icon.git.merge:before { content: '\f023'} /*  */
+.icon.git.pull.request.abandoned:before,
+.icon.git.pull.request:before { content: '\f009'} /*  */
+.icon.globe:before { content: '\f0b6'} /*  */
+.icon.graph:before { content: '\f043'} /*  */
+.icon.heart:before { content: '\2665'} /* ♥ */
+.icon.history:before { content: '\f07e'} /*  */
+.icon.home:before { content: '\f08d'} /*  */
+.icon.horizontal.rule:before { content: '\f070'} /*  */
+.icon.hourglass:before { content: '\f09e'} /*  */
+.icon.hubot:before { content: '\f09d'} /*  */
+.icon.inbox:before { content: '\f0cf'} /*  */
+.icon.info:before { content: '\f059'} /*  */
+.icon.issue.closed:before { content: '\f028'} /*  */
+.icon.issue.opened:before { content: '\f026'} /*  */
+.icon.issue.reopened:before { content: '\f027'} /*  */
+.icon.jersey:before { content: '\f019'} /*  */
+.icon.jump.down:before { content: '\f072'} /*  */
+.icon.jump.left:before { content: '\f0a5'} /*  */
+.icon.jump.right:before { content: '\f0a6'} /*  */
+.icon.jump.up:before { content: '\f073'} /*  */
+.icon.key:before { content: '\f049'} /*  */
+.icon.keyboard:before { content: '\f00d'} /*  */
+.icon.law:before { content: '\f0d8'} /*  */
+.icon.light.bulb:before { content: '\f000'} /*  */
+.icon.linkify:before { content: '\f05c'} /*  */
+.icon.linkify.external:before { content: '\f07f'} /*  */
+.icon.list.ordered:before { content: '\f062'} /*  */
+.icon.list.unordered:before { content: '\f061'} /*  */
+.icon.location:before { content: '\f060'} /*  */
+.icon.gist.private:before,
+.icon.mirror.private:before,
+.icon.git.fork.private:before,
+.icon.lock:before { content: '\f06a'} /*  */
+.icon.logo.github:before { content: '\f092'} /*  */
+.icon.mail:before { content: '\f03b'} /*  */
+.icon.mail.read:before { content: '\f03c'} /*  */
+.icon.mail.reply:before { content: '\f051'} /*  */
+.icon.mark.github:before { content: '\f00a'} /*  */
+.icon.markdown:before { content: '\f0c9'} /*  */
+.icon.megaphone:before { content: '\f077'} /*  */
+.icon.mention:before { content: '\f0be'} /*  */
+.icon.microscope:before { content: '\f089'} /*  */
+.icon.milestone:before { content: '\f075'} /*  */
+.icon.mirror.public:before,
+.icon.mirror:before { content: '\f024'} /*  */
+.icon.mortar.board:before { content: '\f0d7'} /*  */
+.icon.move.down:before { content: '\f0a8'} /*  */
+.icon.move.left:before { content: '\f074'} /*  */
+.icon.move.right:before { content: '\f0a9'} /*  */
+.icon.move.up:before { content: '\f0a7'} /*  */
+.icon.mute:before { content: '\f080'} /*  */
+.icon.no.newline:before { content: '\f09c'} /*  */
+.icon.octoface:before { content: '\f008'} /*  */
+.icon.organization:before { content: '\f037'} /*  */
+.icon.package:before { content: '\f0c4'} /*  */
+.icon.paintcan:before { content: '\f0d1'} /*  */
+.icon.pencil:before { content: '\f058'} /*  */
+.icon.person.add:before,
+.icon.person.follow:before,
+.icon.person:before { content: '\f018'} /*  */
+.icon.pin:before { content: '\f041'} /*  */
+.icon.playback.fast.forward:before { content: '\f0bd'} /*  */
+.icon.playback.pause:before { content: '\f0bb'} /*  */
+.icon.playback.play:before { content: '\f0bf'} /*  */
+.icon.playback.rewind:before { content: '\f0bc'} /*  */
+.icon.plug:before { content: '\f0d4'} /*  */
+.icon.repo.create:before,
+.icon.gist.new:before,
+.icon.file.directory.create:before,
+.icon.file.add:before,
+.icon.plus:before { content: '\f05d'} /*  */
+.icon.podium:before { content: '\f0af'} /*  */
+.icon.primitive.dot:before { content: '\f052'} /*  */
+.icon.primitive.square:before { content: '\f053'} /*  */
+.icon.pulse:before { content: '\f085'} /*  */
+.icon.puzzle:before { content: '\f0c0'} /*  */
+.icon.question:before { content: '\f02c'} /*  */
+.icon.quote:before { content: '\f063'} /*  */
+.icon.radio.tower:before { content: '\f030'} /*  */
+.icon.repo.delete:before,
+.icon.repo:before { content: '\f001'} /*  */
+.icon.repo.clone:before { content: '\f04c'} /*  */
+.icon.repo.force.push:before { content: '\f04a'} /*  */
+.icon.gist.fork:before,
+.icon.repo.forked:before { content: '\f002'} /*  */
+.icon.repo.pull:before { content: '\f006'} /*  */
+.icon.repo.push:before { content: '\f005'} /*  */
+.icon.rocket:before { content: '\f033'} /*  */
+.icon.rss:before { content: '\f034'} /*  */
+.icon.ruby:before { content: '\f047'} /*  */
+.icon.screen.full:before { content: '\f066'} /*  */
+.icon.screen.normal:before { content: '\f067'} /*  */
+.icon.search.save:before,
+.icon.search:before { content: '\f02e'} /*  */
+.icon.server:before { content: '\f097'} /*  */
+.icon.settings:before { content: '\f07c'} /*  */
+.icon.log.in:before,
+.icon.sign.in:before { content: '\f036'} /*  */
+.icon.log.out:before,
+.icon.sign.out:before { content: '\f032'} /*  */
+.icon.split:before { content: '\f0c6'} /*  */
+.icon.squirrel:before { content: '\f0b2'} /*  */
+.icon.star.add:before,
+.icon.star.delete:before,
+.icon.star:before { content: '\f02a'} /*  */
+.icon.steps:before { content: '\f0c7'} /*  */
+.icon.stop:before { content: '\f08f'} /*  */
+.icon.repo.sync:before,
+.icon.sync:before { content: '\f087'} /*  */
+.icon.tag.remove:before,
+.icon.tag.add:before,
+.icon.tag:before { content: '\f015'} /*  */
+.icon.telescope:before { content: '\f088'} /*  */
+.icon.terminal:before { content: '\f0c8'} /*  */
+.icon.three.bars:before { content: '\f05e'} /*  */
+.icon.thumbsdown:before { content: '\f0db'} /*  */
+.icon.thumbsup:before { content: '\f0da'} /*  */
+.icon.tools:before { content: '\f031'} /*  */
+.icon.trashcan:before { content: '\f0d0'} /*  */
+.icon.triangle.down:before { content: '\f05b'} /*  */
+.icon.triangle.left:before { content: '\f044'} /*  */
+.icon.triangle.right:before { content: '\f05a'} /*  */
+.icon.triangle.up:before { content: '\f0aa'} /*  */
+.icon.unfold:before { content: '\f039'} /*  */
+.icon.unmute:before { content: '\f0ba'} /*  */
+.icon.versions:before { content: '\f064'} /*  */
+.icon.remove.close:before,
+.icon.x:before { content: '\f081'} /*  */
+.icon.zap:before { content: '\26A1'} /* ⚡ */
diff --git a/semantic/src/themes/github/elements/icon.variables b/semantic/src/themes/github/elements/icon.variables
new file mode 100644
index 0000000..3ff3802
--- /dev/null
+++ b/semantic/src/themes/github/elements/icon.variables
@@ -0,0 +1,13 @@
+@fontPath: '../../themes/github/assets/fonts';
+@fontName: 'octicons';
+@fallbackSRC: '';
+
+@width: 1em;
+@height: 1em;
+
+@small: 13px;
+@medium: 16px;
+@large: 18px;
+@big : 20px;
+@huge: 28px;
+@massive: 32px;
\ No newline at end of file
diff --git a/semantic/src/themes/github/elements/image.variables b/semantic/src/themes/github/elements/image.variables
new file mode 100644
index 0000000..2480c17
--- /dev/null
+++ b/semantic/src/themes/github/elements/image.variables
@@ -0,0 +1,5 @@
+/*******************************
+    User Variable Overrides
+*******************************/
+
+@miniWidth: 20px;
\ No newline at end of file
diff --git a/semantic/src/themes/github/elements/input.overrides b/semantic/src/themes/github/elements/input.overrides
new file mode 100644
index 0000000..d19fea9
--- /dev/null
+++ b/semantic/src/themes/github/elements/input.overrides
@@ -0,0 +1,32 @@
+/*******************************
+            Input
+*******************************/
+
+/* Labeled Input has padding */
+.ui.labeled.input {
+  background-color: @white;
+  border: @borderWidth solid @borderColor;
+  border-radius: @borderRadius !important;
+}
+.ui.labeled.input input {
+  box-shadow: none !important;
+  border: none !important;
+}
+.ui.labeled.input .label {
+  font-weight: normal;
+  align-self: center;
+  font-size: 12px;
+  margin: @2px;
+  border-radius: @borderRadius !important;
+  padding: @relative5px @relative8px !important;
+}
+
+/* GitHub Uses Focus Group with class name added */
+.ui.labeled.input.focused {
+  border-color: @focusBorderColor;
+  box-shadow: @focusBoxShadow;
+}
+.ui.labeled.input.focused .label {
+  background-color: #E1EAF5;
+  color: #4078C0;
+}
\ No newline at end of file
diff --git a/semantic/src/themes/github/elements/input.variables b/semantic/src/themes/github/elements/input.variables
new file mode 100644
index 0000000..7bb9354
--- /dev/null
+++ b/semantic/src/themes/github/elements/input.variables
@@ -0,0 +1,16 @@
+/*******************************
+            Input
+*******************************/
+
+@boxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
+
+@verticalPadding: @relative7px;
+@horizontalPadding: @relative8px;
+
+@borderColor: #CCCCCC;
+
+@focusBorderColor: #51A7E8;
+@focusBoxShadow:
+  0 1px 2px rgba(0, 0, 0, 0.075) inset,
+  0 0 5px rgba(81, 167, 232, 0.5)
+;
\ No newline at end of file
diff --git a/semantic/src/themes/github/elements/label.overrides b/semantic/src/themes/github/elements/label.overrides
new file mode 100644
index 0000000..5826cb2
--- /dev/null
+++ b/semantic/src/themes/github/elements/label.overrides
@@ -0,0 +1,9 @@
+/*******************************
+         Site Overrides
+*******************************/
+
+/* Notification Label on GitHub */
+.ui.floating.blue.label {
+  border: 2px solid #f3f3f3 !important;
+  background-image: linear-gradient(#7aa1d3, #4078c0) !important;
+}
\ No newline at end of file
diff --git a/semantic/src/themes/github/elements/label.variables b/semantic/src/themes/github/elements/label.variables
new file mode 100644
index 0000000..8a1e13f
--- /dev/null
+++ b/semantic/src/themes/github/elements/label.variables
@@ -0,0 +1,4 @@
+/*******************************
+    User Variable Overrides
+*******************************/
+
diff --git a/semantic/src/themes/github/elements/segment.overrides b/semantic/src/themes/github/elements/segment.overrides
new file mode 100644
index 0000000..c5c5336
--- /dev/null
+++ b/semantic/src/themes/github/elements/segment.overrides
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/semantic/src/themes/github/elements/segment.variables b/semantic/src/themes/github/elements/segment.variables
new file mode 100644
index 0000000..4c53f05
--- /dev/null
+++ b/semantic/src/themes/github/elements/segment.variables
@@ -0,0 +1,40 @@
+/*******************************
+            Standard
+*******************************/
+
+/*-------------------
+       Segment
+--------------------*/
+
+@segmentBorderWidth: 1px;
+@border: 1px solid #D8DEE2;
+@boxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
+
+@verticalPadding: 20px;
+@horizontalPadding: 20px;
+
+@borderRadius: 4px;
+
+/*******************************
+            Variations
+*******************************/
+
+
+/* Raised */
+@raisedBoxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
+
+/* Colors */
+@coloredBorderSize: 0.5em;
+
+/* Ordinality */
+@secondaryBackground: #F9F9F9;
+@secondaryColor: @textColor;
+
+@tertiaryBackground:  #F0F0F0;
+@tertiaryColor: @textColor;
+
+@secondaryInvertedBackground: #555555;
+@secondaryInvertedColor: @textColor;
+
+@tertiaryInvertedBackground: #333333;
+@tertiaryInvertedColor: @textColor;
diff --git a/semantic/src/themes/github/elements/step.overrides b/semantic/src/themes/github/elements/step.overrides
new file mode 100644
index 0000000..f4c076d
--- /dev/null
+++ b/semantic/src/themes/github/elements/step.overrides
@@ -0,0 +1,26 @@
+/*******************************
+           Overrides
+*******************************/
+
+.ui.steps .step:after {
+  display: none;
+}
+.ui.steps .completed.step:before {
+  opacity: 0.5;
+}
+
+.ui.steps .step.active:after {
+  display: block;
+  border: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-left: 1px solid rgba(0, 0, 0, 0.2);
+}
+.ui.vertical.steps .step.active:after {
+  display: block;
+  border: none;
+  top: 50%;
+  right: 0%;
+  border-left: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+}
\ No newline at end of file
diff --git a/semantic/src/themes/github/elements/step.variables b/semantic/src/themes/github/elements/step.variables
new file mode 100644
index 0000000..ff8dad8
--- /dev/null
+++ b/semantic/src/themes/github/elements/step.variables
@@ -0,0 +1,26 @@
+/*-------------------
+   Step Variables
+--------------------*/
+
+/* Step */
+@background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.07));
+@verticalPadding: 1em;
+
+@arrowDisplay: none;
+@lastArrowDisplay: none;
+@activeArrowDisplay: block;
+@activeLastArrowDisplay: block;
+
+/* Group */
+@stepsBackground: #FFFFFF;
+@stepsBoxShadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
+
+/* States */
+@activeBackground: #FFFFFF;
+@activeIconColor: @darkTextColor;
+
+/* Arrow */
+@arrowTopOffset: 100%;
+@arrowRightOffset: 50%;
+@arrowBorderColor: rgba(0, 0, 0, 0.2);
+@arrowBorderWidth: 0px 0px @borderWidth @borderWidth;