replace zxq.co/ripple/hanayo

semantic/src/themes/chubby/collections/form.overrides

@@ -0,0 +1,16 @@
+/*-------------------
+   Form Variables
+--------------------*/
+
+.ui.form .selection.dropdown {
+  padding: 1.1em 1.2em;
+  border-width: 2px;
+}
+.ui.form .selection.dropdown .menu {
+  min-width: calc(100% + 4px);
+  margin: 0 -2px;
+  border-width: 2px;
+}
+.ui.form .selection.dropdown input {
+  padding: inherit;
+}

semantic/src/themes/chubby/collections/form.variables

@@ -0,0 +1,9 @@
+/*-------------------
+   Form Variables
+--------------------*/
+
+@labelTextTransform: uppercase;
+@labelFontSize: 0.8em;
+
+@inputPadding: 1em 1.2em;
+@inputBorder: 2px solid @borderColor;

semantic/src/themes/chubby/collections/menu.variables

@@ -0,0 +1,40 @@
+/*******************************
+             Menu
+*******************************/
+
+@background: @darkWhite;
+@boxShadow: none;
+@dividerSize: 0px;
+
+@verticalBoxShadow: 0px 0px 0px 2px @borderColor inset;
+@verticalActiveBoxShadow: none;
+
+@itemVerticalPadding: 1.25em;
+@itemHorizontalPadding: 2em;
+@itemFontWeight: bold;
+
+@activeItemBackground: @primaryColor;
+@activeItemTextColor: @white;
+@activeHoverItemBackground: @primaryColorHover;
+@activeHoverItemColor: @white;
+
+@secondaryItemPadding: @relativeSmall @relativeMedium;
+
+@secondaryActiveItemBackground: @primaryColor;
+@secondaryActiveItemColor: @white;
+@secondaryActiveHoverItemBackground: @primaryColorHover;
+@secondaryActiveHoverItemColor: @white;
+
+@secondaryPointingBorderWidth: 4px;
+@secondaryPointingActiveBorderColor: @primaryColor;
+@secondaryPointingActiveTextColor: @primaryColor;
+
+@arrowSize: 1em;
+@arrowActiveColor: @primaryColor;
+@arrowActiveHoverColor: @primaryColorHover;
+@arrowBorder: transparent;
+
+@paginationActiveBackground: @lightGrey;
+
+@borderColor: @darkWhite;
+@tabularBorderWidth: 2px;

semantic/src/themes/chubby/elements/button.overrides

@@ -0,0 +1,21 @@
+/*******************************
+           Overrides
+*******************************/
+
+@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
+
+.ui.labeled.icon.buttons > .button > .icon,
+.ui.labeled.icon.button > .icon {
+  box-shadow:
+    -1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
+    -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset
+  ;
+}
+
+.ui.right.labeled.icon.buttons .button .icon,
+.ui.right.labeled.icon.button .icon {
+  box-shadow:
+    1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
+    1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset
+  ;
+}

semantic/src/themes/chubby/elements/button.variables

@@ -0,0 +1,57 @@
+/*-------------------
+   Button Variables
+--------------------*/
+
+/* Button Variables */
+@pageFont: 'Source Sans Pro', Arial, sans-serif;
+
+@textTransform: none;
+@fontWeight: normal;
+@textColor: #333333;
+
+@verticalPadding: 1.1em;
+@horizontalPadding: 2.5em;
+@invertedBorderSize: 3px;
+
+@basicBorderRadius: 0.4em;
+@basicFontWeight: bold;
+@basicTextTransform: uppercase;
+
+@blue: #4A88CB;
+@primaryColor: @blue;
+
+@borderRadius: 0.25em;
+
+@backgroundColor: #E6EAED;
+@backgroundImage: none;
+@boxShadow: none;
+
+@hoverBackgroundColor: #DDDDDD;
+@hoverBackgroundImage: none;
+@hoverBoxShadow: none;
+
+@downBackgroundColor: #D0D0D0;
+@downBackgroundImage: none;
+@downBoxShadow: none;
+
+@activeBackgroundColor: #CCCCCC;
+@activeBackgroundImage: none;
+@activeBoxShadow: none;
+
+@verticalBoxShadow: none;
+
+@loadingBackgroundColor: #F0F0F0;
+
+@compactVerticalPadding: (@verticalPadding * 0.5);
+@compactHorizontalPadding: (@horizontalPadding * 0.5);
+
+@labeledIconBackgroundColor: transparent;
+
+@mini: 0.7rem;
+@tiny: 0.75rem;
+@small: 0.8rem;
+@medium: 0.92rem;
+@large: 1rem;
+@big: 1.125rem;
+@huge: 1.2rem;
+@massive: 1.3rem;

semantic/src/themes/chubby/elements/header.overrides

@@ -0,0 +1,5 @@
+/*******************************
+           Overrides
+*******************************/
+
+@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);

semantic/src/themes/chubby/elements/header.variables

@@ -0,0 +1,21 @@
+/*-------------------
+       Header
+--------------------*/
+
+@headerFont : 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
+@fontWeight: bold;
+@textTransform: none;
+
+/* HTML Headings */
+@h1: 1.33rem;
+@h2: 1.2rem;
+@h3: 1rem;
+@h4: 0.9rem;
+@h5: 0.8rem;
+
+/* Sizing */
+@hugeFontSize: 1.33em;
+@largeFontSize: 1.2em;
+@mediumFontSize: 1em;
+@smallFontSize: 0.9em;
+@tinyFontSize: 0.8em;

semantic/src/themes/chubby/modules/accordion.overrides

@@ -0,0 +1,7 @@
+/*******************************
+           Overrides
+*******************************/
+
+.ui.styled.accordion .accordion .active.title {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}

semantic/src/themes/chubby/modules/accordion.variables

@@ -0,0 +1,15 @@
+/*-------------------
+   Accordion Variables
+--------------------*/
+
+@iconMargin: 0em 0.5em 0em 0em;
+
+@styledActiveTitleBackground: @subtleGradient;
+@styledActiveTitleColor: @primaryColor;
+
+@styledActiveChildTitleBackground: transparent;
+
+@styledTitlePadding: 1.25em;
+@styledTitleFontWeight: bold;
+@styledContentPadding: 1.5em 3.25em;
+@styledChildContentPadding: @styledContentPadding;

semantic/src/themes/chubby/views/comment.overrides

@@ -0,0 +1,12 @@
+/*******************************
+           Overrides
+*******************************/
+
+.ui.comments .comment {
+  border-radius: 0.5em;
+  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+.ui.comments .comment .comments .comment {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: none;
+}

semantic/src/themes/chubby/views/comment.variables

@@ -0,0 +1,46 @@
+/*******************************
+            Comments
+*******************************/
+
+/*-------------------
+      Elements
+--------------------*/
+
+/* Comment */
+@commentBackground: #FFFFFF;
+@commentMargin: 1em 0em 0em;
+@commentPadding: 1em 1.5em;
+@commentBorder: 1px solid rgba(0, 0, 0, 0.1);
+@commentDivider: 1px solid rgba(0, 0, 0, 0.1);
+@firstCommentMargin: 1em;
+@firstCommentPadding: 1em;
+
+/* Nested Comment */
+@nestedCommentsMargin: 0em 0em 0.5em 0.5em;
+@nestedCommentsPadding: 1em 0em 0em 1em;
+@nestedCommentBackground: #F0F0F0;
+
+/* Avatar */
+@avatarWidth: 3.5em;
+@avatarSpacing: 1.5em;
+@avatarBorderRadius: @circularRadius;
+
+/* Content */
+@contentMargin: @avatarWidth + @avatarSpacing;
+
+/* Author */
+@authorFontSize: 1em;
+@authorColor: @primaryColor;
+@authorHoverColor: @primaryColorHover;
+@authorFontWeight: bold;
+
+@metadataDisplay: block;
+@metadataSpacing: 0em;
+@metadataColor: @textColor;
+
+/*-------------------
+      Variations
+--------------------*/
+
+/* Threaded */
+@threadedCommentMargin: -1.5em 0 -1em  (@avatarWidth / 2);