@performant-software/semantic-components 0.5.2 → 0.5.5

package/src/css/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;

package/src/css/themes/github/elements/header.variables

@@ -0,0 +1,9 @@
+/*******************************
+            Header
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+@iconMargin: @4px;

package/src/css/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'} /* ⚡ */

package/src/css/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;

package/src/css/themes/github/elements/image.variables

@@ -0,0 +1,5 @@
+/*******************************
+    User Variable Overrides
+*******************************/
+
+@miniWidth: 20px;

package/src/css/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;
+}

package/src/css/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)
+;

package/src/css/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;
+}

package/src/css/themes/github/elements/label.variables

@@ -0,0 +1,4 @@
+/*******************************
+    User Variable Overrides
+*******************************/
+

package/src/css/themes/github/elements/segment.overrides

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/

package/src/css/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;

package/src/css/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);
+}

package/src/css/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;

package/src/css/themes/github/globals/site.variables

@@ -0,0 +1,47 @@
+/*******************************
+     User Global Variables
+*******************************/
+
+@pageMinWidth  : 1049px;
+@pageOverflowX : visible;
+
+@emSize: 13px;
+@fontSize : 13px;
+@fontName : 'Arial';
+@importGoogleFonts : false;
+
+@h1: 2.25em;
+
+@defaultBorderRadius: 0.2307em;
+
+@disabledOpacity: 0.3;
+
+/* Colors */
+@blue: #80A6CD;
+@green: #78CB5B;
+@orange: #D26911;
+@black: #333333;
+@primaryColor: @green;
+@secondaryColor: @black;
+
+/* Links */
+@linkColor: #4078C0;
+@linkHoverColor: @linkColor;
+@linkHoverUnderline: underline;
+
+/* Borders */
+@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;
+
+@infoBackgroundColor: #E6F1F6;
+
+@infoTextColor: #4E575B;
+@warningTextColor: #613A00;
+@errorTextColor: #991111;

package/src/css/themes/github/modules/dropdown.overrides

@@ -0,0 +1,53 @@
+/*******************************
+        User Overrides
+*******************************/
+
+/* Smaller Icon */
+.ui.dropdown > .dropdown.icon {
+  font-size: 12px;
+}
+
+
+/* Dropdown Carets */
+@font-face {
+  font-family: 'Dropdown';
+  src:
+    url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),
+    url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff')
+  ;
+  font-weight: normal;
+  font-style: normal;
+}
+
+.ui.dropdown > .dropdown.icon {
+  font-family: 'Dropdown';
+  line-height: 1;
+  height: 1em;
+  width: 1.23em;
+  backface-visibility: hidden;
+  font-weight: normal;
+  font-style: normal;
+  text-align: center;
+}
+
+.ui.dropdown > .dropdown.icon {
+  width: auto;
+}
+.ui.dropdown > .dropdown.icon:before {
+  content: '\f0d7';
+}
+
+/* Sub Menu */
+.ui.dropdown .menu .item .dropdown.icon:before {
+  content: '\f0da'/*rtl:'\f0d9'*/;
+}
+
+.ui.dropdown .item .left.dropdown.icon:before,
+.ui.dropdown .left.menu .item .dropdown.icon:before {
+  content: "\f0d9"/*rtl:"\f0da"*/;
+}
+
+/* Vertical Menu Dropdown */
+.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
+  content: "\f0da"/*rtl:"\f0d9"*/;
+}

package/src/css/themes/github/modules/dropdown.variables

@@ -0,0 +1,35 @@
+/*******************************
+    User Variable Overrides
+*******************************/
+
+@transition:
+  width @defaultDuration @defaultEasing
+;
+
+@menuPadding: 0px;
+
+@itemVerticalPadding: @relative8px;
+@itemHorizontalPadding: @relative14px;
+
+@dropdownIconMargin: 0em 0em 0em 2px;
+
+@raisedBoxShadow: 0px 3px 12px rgba(0, 0, 0, 0.15);
+
+@menuPadding: @relative5px 0px;
+
+@menuHeaderMargin: 0em;
+@menuHeaderPadding: @relative6px @itemHorizontalPadding;
+@menuHeaderFontSize: @relative12px;
+@menuHeaderTextTransform: none;
+@menuHeaderFontWeight: normal;
+@menuHeaderColor: #767676;
+
+@menuDividerMargin: @relative8px 0em;
+
+@disabledOpacity: 0.6;
+
+/* States */
+@hoveredItemBackground: #4078C0;
+@hoveredItemColor: @white;
+
+@pointingArrowSize: @relative9px;

package/src/css/themes/github/modules/popup.variables

@@ -0,0 +1,12 @@
+/*******************************
+             Popup
+*******************************/
+
+
+@small: @relative10px;
+@medium: @relative11px;
+@large: @relative13px;
+
+@verticalPadding: @relative7px;
+@horizontalPadding: @relative11px;
+

package/src/css/themes/gmail/collections/message.variables

@@ -0,0 +1,15 @@
+@background: #F3F3F3;
+
+@boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+@borderRadius: 4px;
+@verticalPadding: 7px;
+@horizontalPadding: 15px;
+
+@headerFontSize: 1em;
+
+@floatingBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+
+@iconSize: 1.5em;
+@iconDistance: 1em;
+
+@warningBackgroundColor: #F9EDBE;

package/src/css/themes/instagram/views/card.overrides

@@ -0,0 +1,12 @@
+/*******************************
+           Overrides
+*******************************/
+
+
+@import url(https://fonts.googleapis.com/css?family=Montserrat:700,400);
+
+.ui.cards > .card,
+.ui.card {
+  font-family: 'Montserrat';
+  font-size-adjust: 0.5;
+}