You are here

Home » API reference » Acquia Lift Connector 7.2

navbar.icons-rtl.css in Acquia Lift Connector 7.2

Same filename and directory in other branches
  1. 7 css/navbar/navbar.icons-rtl.css

navbar.icons-rtl.css

RTL styles for navbar.icons.css

File

css/navbar/navbar.icons-rtl.css
View source 
  1. /**

  2.  * @file navbar.icons-rtl.css

  3.  *

  4.  * RTL styles for navbar.icons.css

  5.  */

  6. 

  7. #navbar-administration .navbar-icon {

  8.   padding-left: 1.3333em;

  9.   padding-right: 2.75em;

  10. }

  11. #navbar-administration .navbar-icon:before {

  12.   left: auto;

  13.   right: 0.6667em;

  14. }

  15. #navbar-administration .navbar-menu ul .navbar-icon {

  16.   padding-left: 0;

  17.   padding-right: 1.3333em;

  18. }

  19. #navbar-administration .navbar-tray-vertical .navbar-menu ul {

  20.   margin-left: 0;

  21.   margin-right: 1.5em;

  22. }

  23. #navbar-administration .navbar-tray-vertical .navbar-menu ul ul {

  24.   margin-left: 0;

  25.   margin-right: 0.75em;

  26. }

  27. 

  28. /**

  29.  * Top level icons.

  30.  */

  31. .navbar-bar .navbar-icon-escape-admin:before {

  32.   background-image: url("../icons/bebebe/chevron-disc-right.svg");

  33. }

  34. .no-svg .navbar-bar .navbar-icon-escape-admin:before {

  35.   background-image: url("../icons/bebebe/chevron-disc-right.png");

  36. }

  37. 

  38. @media only screen and (min-width: 16.5em) {

  39.   #navbar-administration .navbar-bar .navbar-icon:before {

  40.     left: auto;

  41.     right: 0;

  42.   }

  43. }

  44. 

  45. @media only screen and (min-width: 36em) {

  46.   #navbar-administration .navbar-bar .navbar-icon {

  47.     background-position: right center;

  48.     padding-left: 1.3333em;

  49.     padding-right: 2.75em;

  50.   }

  51.   #navbar-administration .navbar-bar .navbar-icon:before {

  52.     left: auto;

  53.     right: 0.6667em;

  54.   }

  55. }

  56. 

  57. /**

  58.  * Handle.

  59.  */

  60. #navbar-administration .navbar-icon.navbar-handle:before {

  61.   left: auto;

  62.   right: 0;

  63. }

  64. .no-svg #navbar-administration .navbar-icon.navbar-handle:before {

  65.   left: auto;

  66.   right: 0;

  67. }

  68. 

  69. /**

  70.  * Orientation toggle.

  71.  */

  72. #navbar-administration .navbar-toggle-orientation button:before {

  73.   left: auto;

  74.   right: 0;

  75. }

  76. #navbar-administration .navbar-toggle-orientation .navbar-icon {

  77.   padding-right: 0;

  78. }

  79. /**

  80.  * In order to support a hover effect on the SVG images, while also supporting

  81.  * RTL text direction and no SVG support, this little icon requires some very

  82.  * specific targeting, setting and unsetting.

  83.  */

  84. #navbar-administration .navbar-toggle-orientation [value="vertical"]:before {

  85.   background-image: url("../icons/bebebe/push-right.svg");

  86. }

  87. #navbar-administration .navbar-toggle-orientation [value="vertical"]:hover:before {

  88.   background-image: url("../icons/787878/push-right.svg");

  89. }

  90. .no-svg #navbar-administration .navbar-toggle-orientation [value="vertical"]:before {

  91.   background-image: url("../icons/bebebe/push-right.png");

  92. }

  93. .no-svg #navbar-administration .navbar-toggle-orientation [value="vertical"]:hover:before {

  94.   background-image: url("../icons/787878/push-right.png");

  95. }