replace zxq.co/ripple/hanayo

semantic/src/themes/material/modules/dropdown.overrides

@@ -0,0 +1,5 @@
+@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
+
+.ui.dropdown {
+  font-family: 'Roboto';
+}

semantic/src/themes/material/modules/dropdown.variables

@@ -0,0 +1,20 @@
+/*******************************
+             Menu
+*******************************/
+
+@menuBorderRadius: @borderRadius;
+@menuBorderColor: #DADADA;
+@menuBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+
+@menuPadding: @relative8px 0em;
+@itemVerticalPadding: 1em;
+@itemHorizontalPadding: 1.5em;
+
+@menuHeaderFontSize: @small;
+@menuHeaderFontWeight: bold;
+@menuHeaderTextTransform: none;
+
+@selectionBorderEmWidth: 0em;
+@selectionItemDivider: none;
+
+@labelBoxShadow: none;

semantic/src/themes/material/modules/modal.overrides

@@ -0,0 +1,6 @@
+@import url(http://fonts.googleapis.com/css?family=Roboto);
+
+.ui.modal .header {
+  font-family: "Roboto", Arial, Sans-serif !important;
+  font-weight: 400 !important;
+}

semantic/src/themes/material/modules/modal.variables

@@ -0,0 +1,15 @@
+@boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22);
+@borderRadius: 0em;
+
+
+@headerBackground: @white;
+@headerVerticalPadding: 1.7142rem;
+@headerHorizontalPadding: 1.7142rem;
+@headerFontWeight: 400;
+@headerFontFamily: 'Roboto', "Helvetica Neue", Arial, sans-serif;
+@headerBorder: none;
+
+@contentPadding: 1rem 2rem 2rem;
+
+@actionBorder: none;
+@actionBackground: @white;