You are here

Home » API reference » Responsive Theme Preview 7

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

RTL icon styling for responsive preview.

File

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

  2.  * @file

  3.  * RTL icon styling for responsive preview.

  4.  */

  5. .drupal-navbar .navbar-bar .navbar-tab-responsive-preview .responsive-preview-icon-responsive-preview:before {

  6.   left: auto;

  7.   right: 6px;

  8. }

  9. .drupal-navbar .navbar-tab-responsive-preview.navbar-tab .responsive-preview-options .responsive-preview-device.responsive-preview-icon-active.active {

  10.   padding-left: 1.333em;

  11.   padding-right: 2.25em;

  12. }

  13. .drupal-navbar .navbar-tab-responsive-preview.navbar-tab .responsive-preview-options .responsive-preview-device.responsive-preview-icon-active:before {

  14.   left: auto;

  15.   right: 0.667em;

  16. }

  17. 

  18. /**

  19.  * Responsive preview controls icons.

  20.  */

  21. .responsive-preview-icon-close:before {

  22.   left: 9px;

  23.   right: auto;

  24. }

  25. .responsive-preview-icon-orientation:before {

  26.   background-position: left -155px;

  27.   left: auto;

  28.   right: 9px;

  29. }

  30. .responsive-preview-icon-orientation:hover:before {

  31.   background-position: left -167px;

  32. }

  33. .responsive-preview-icon-orientation.rotated:before {

  34.   background-position: left -131px;

  35. }

  36. .responsive-preview-icon-orientation.rotated:hover:before {

  37.   background-position: left -143px;

  38. }