You are here

escapeAdmin.toolbar.css in Escape Admin 7

.toolbar .toolbar-icon-escape-admin:before {
  background-image: url("../icons/chevron-disc-left.svg");
}
.no-svg .toolbar .toolbar-icon-escape-admin:before {
  background-image: url("../icons/chevron-disc-left.png");
}
[dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
  background-image: url("../icons/chevron-disc-right.svg");
}
[dir="rtl"] .no-svg .toolbar .toolbar-icon-escape-admin:before {
  background-image: url("../icons/chevron-disc-right.png");
}

.toolbar .toolbar-icon-escape-admin:before {
  background-attachment: scroll;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  display: block;
  height: 100%;
  left: 0.6667em; /* LTR */
  position: absolute;
  top: 0;
  width: 20px;
}
.no-svg .toolbar .toolbar-icon-escape-admin:before {
  background-size: auto auto;
}
[dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
  left: auto;
  right: 0.6667em;
}

@media only screen and (min-width: 16.5em) {
  .toolbar .toolbar-icon-escape-admin {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    text-indent: -9999px;
    width: 4em;
  }
  .toolbar .toolbar-icon-escape-admin:before {
    background-size: 42% auto;
    left: 0; /* LTR */
    width: 100%;
  }
  .no-svg .toolbar .toolbar-icon-escape-admin:before {
    background-size: auto auto;
  }
  [dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
    left: auto;
    right: 0;
  }
}

@media only screen and (min-width: 36em) {
  .toolbar .toolbar-icon-escape-admin {
    background-position: left center; /* LTR */
    padding-left: 2em !important; /* LTR */
    padding-right: 1em !important; /* LTR */
    text-indent: 0;
    width: auto;
  }
  [dir="rtl"] .toolbar .toolbar-icon-escape-admin {
    background-position: right center;
    padding-left: 1em;
    padding-right: 2em;
  }
  .toolbar .toolbar-icon-escape-admin:before {
    background-size: 100% auto;
    left: 0.6667em; /* LTR */
    width: 20px;
  }
  .no-svg .toolbar .toolbar-icon-escape-admin:before {
    background-size: auto auto;
  }
  [dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
    left: 0;
    right: 0.6667em;
  }
}

File

css/escapeAdmin.toolbar.css
View source
  1. .toolbar .toolbar-icon-escape-admin:before {
  2. background-image: url("../icons/chevron-disc-left.svg");
  3. }
  4. .no-svg .toolbar .toolbar-icon-escape-admin:before {
  5. background-image: url("../icons/chevron-disc-left.png");
  6. }
  7. [dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
  8. background-image: url("../icons/chevron-disc-right.svg");
  9. }
  10. [dir="rtl"] .no-svg .toolbar .toolbar-icon-escape-admin:before {
  11. background-image: url("../icons/chevron-disc-right.png");
  12. }
  13. .toolbar .toolbar-icon-escape-admin:before {
  14. background-attachment: scroll;
  15. background-color: transparent;
  16. background-position: center center;
  17. background-repeat: no-repeat;
  18. background-size: 100% auto;
  19. content: '';
  20. display: block;
  21. height: 100%;
  22. left: 0.6667em; /* LTR */
  23. position: absolute;
  24. top: 0;
  25. width: 20px;
  26. }
  27. .no-svg .toolbar .toolbar-icon-escape-admin:before {
  28. background-size: auto auto;
  29. }
  30. [dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
  31. left: auto;
  32. right: 0.6667em;
  33. }
  34. @media only screen and (min-width: 16.5em) {
  35. .toolbar .toolbar-icon-escape-admin {
  36. margin-left: 0;
  37. margin-right: 0;
  38. padding-left: 0;
  39. padding-right: 0;
  40. text-indent: -9999px;
  41. width: 4em;
  42. }
  43. .toolbar .toolbar-icon-escape-admin:before {
  44. background-size: 42% auto;
  45. left: 0; /* LTR */
  46. width: 100%;
  47. }
  48. .no-svg .toolbar .toolbar-icon-escape-admin:before {
  49. background-size: auto auto;
  50. }
  51. [dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
  52. left: auto;
  53. right: 0;
  54. }
  55. }
  56. @media only screen and (min-width: 36em) {
  57. .toolbar .toolbar-icon-escape-admin {
  58. background-position: left center; /* LTR */
  59. padding-left: 2em !important; /* LTR */
  60. padding-right: 1em !important; /* LTR */
  61. text-indent: 0;
  62. width: auto;
  63. }
  64. [dir="rtl"] .toolbar .toolbar-icon-escape-admin {
  65. background-position: right center;
  66. padding-left: 1em;
  67. padding-right: 2em;
  68. }
  69. .toolbar .toolbar-icon-escape-admin:before {
  70. background-size: 100% auto;
  71. left: 0.6667em; /* LTR */
  72. width: 20px;
  73. }
  74. .no-svg .toolbar .toolbar-icon-escape-admin:before {
  75. background-size: auto auto;
  76. }
  77. [dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
  78. left: 0;
  79. right: 0.6667em;
  80. }
  81. }