Merge pull request #598 from MohammadYounes/rtl-hints

RTL hints

server/files/stylesheets/semantic.css

@@ -44,7 +44,7 @@ body {
 }
 
 body#example {
-  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif/*rtl:"Droid Arabic Kufi", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif */;
   background: #FCFCFC url(../images/bg.jpg) repeat;
   margin: 0px;
   padding: 0px;
@@ -60,7 +60,7 @@ h2,
 h3,
 h4,
 h5 {
-  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif/*rtl:"Droid Arabic Kufi", "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif */;;
 }
 
 /*
@@ -93,12 +93,14 @@ h4 + p {
 pre {
   background-color: #F0F0F0;
 }
+/*rtl:ignore*/
 pre.console {
   background-color: transparent;
   line-height: 1.6;
   font-family:  'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
   height: 300px;
   overflow: auto;
+  direction:ltr;
 }
 code {
   background-color: rgba(0, 0, 0, 0.02);
@@ -863,11 +865,13 @@ body.guide .main.container > * {
 #example div.code.hide {
   display: none;
 }
+/*rtl:ignore*/
 #example div.code {
   position: relative;
   width: 100%;
   height: 200px;
   text-align: left;
+  direction:ltr;
 }
 #example div.code {
   margin: -1em;

src/elements/icon.less

@@ -119,6 +119,7 @@ i.icon.book:before { content: "\f02d"; }
 i.icon.bookmark.empty:before { content: "\f097"; }
 i.icon.bookmark:before { content: "\f02e"; }
 i.icon.box.arrow.down:before { content: "\f150"; }
+/*rtl:ignore*/
 i.icon.box.arrow.right:before { content: "\f152"; }
 i.icon.box.arrow.up:before { content: "\f151"; }
 i.icon.briefcase:before { content: "\f0b1"; }

src/modules/accordion.less

@@ -99,7 +99,7 @@
   transform: rotate(0deg);
 }
 .ui.accordion .title .dropdown.icon:before {
-  content: '\f0da';
+  content: '\f0da'/*rtl:'\f0d9'*/;
 }
 
 /*--------------

src/modules/dropdown.less

@@ -103,7 +103,7 @@
   margin: 0em 0em 0em 0.5em;
 }
 .ui.dropdown .menu .item .dropdown.icon:before {
-  content: "\f0da";
+  content: "\f0da"/*rtl:"\f0d9"*/;
 }
 
 
@@ -181,7 +181,7 @@
   right: 0px;
 }
 .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
-  content: "\f0da";
+  content: "\f0da"/*rtl:"\f0d9"*/;
 }
 .ui.dropdown.icon.button > .dropdown.icon {
   margin: 0em;

src/modules/modal.less

@@ -105,6 +105,7 @@
   padding-left: 1.5%;
   vertical-align: top;
 }
+/*rtl:ignore*/
 .ui.modal > .content > .left:not(.ui) > i.icon {
   font-size: 8em;
   margin: 0em;
@@ -131,10 +132,12 @@
 
 /* Mobile Only */
 @media only screen and (max-width : 768px) {
+   /*rtl:ignore*/
   .ui.modal .content > .left:not(.ui) {
     display: block;
     padding: 0em 0em 1em;
   }
+  /*rtl:ignore*/
   .ui.modal .content > .right:not(.ui) {
     display: block;
     padding: 1em 0em 0em;