You are here

Home » API reference » Responsive Theme Preview 7

responsive-preview.theme-rtl.css in Responsive Theme Preview 7

RTL styling for responsive preview.

File

css/responsive-preview.theme-rtl.css
View source 
  1. /**

  2.  * @file

  3.  * RTL styling for responsive preview.

  4.  */

  5. 

  6. /**

  7.  * navbar tab.

  8.  */

  9. .navbar-tab-responsive-preview .responsive-preview-trigger:after {

  10.   left: 1em;

  11.   right: auto;

  12. }

  13. .navbar-tab-responsive-preview.open:before {

  14.   left: 0;

  15.   right: auto;

  16. }

  17. .navbar-tab-responsive-preview.open .responsive-preview-trigger:after {

  18.   left: 0.7em;

  19.   right: auto;

  20. }

  21. 

  22. /**

  23.  * Responsive preview control placement.

  24.  */

  25. .responsive-preview-control.responsive-preview-close {

  26.   left: 0;

  27.   right: auto;

  28. }

  29. .responsive-preview-control.responsive-preview-orientation {

  30.   left: auto;

  31.   right: 0;

  32. }

  33. .responsive-preview-device-label-text:after {

  34.   border-left-color: transparent;

  35.   border-right-color: inherit;

  36.   border-width: 0.8ex 0.9ex 0.8ex 0;

  37. }

  38. .responsive-preview-expanded .responsive-preview-device-label-text:after {

  39.   border-left-color: inherit;

  40.   border-right-color: transparent;

  41.   border-width: 0.8ex 0 0.8ex 0.9ex;

  42. }