site-icon-rtl.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /*! This file is auto-generated */
  2. /*------------------------------------------------------------------------------
  3. 28.0 - Site Icon
  4. ------------------------------------------------------------------------------*/
  5. .site-icon-preview .favicon-preview {
  6. margin: 5px 0 20px;
  7. overflow: hidden;
  8. position: relative;
  9. max-width: 180px;
  10. }
  11. .site-icon-preview .favicon,
  12. .site-icon-preview .browser-title {
  13. height: 16px;
  14. right: 88px;
  15. overflow: hidden;
  16. position: absolute;
  17. top: 16px;
  18. }
  19. .site-icon-preview .favicon {
  20. width: 16px;
  21. }
  22. .site-icon-preview .browser-title {
  23. right: 109px;
  24. width: 72px;
  25. white-space: nowrap;
  26. }
  27. .site-icon-preview .app-icon-preview {
  28. background-color: #000;
  29. border-radius: 16px;
  30. height: 64px;
  31. overflow: hidden;
  32. width: 64px;
  33. margin-top: 5px;
  34. }
  35. /* rtl:ignore */
  36. .site-icon-preview .favicon,
  37. .site-icon-preview .app-icon-preview {
  38. direction: ltr;
  39. }
  40. .customize-control-site_icon .favicon-preview {
  41. float: right;
  42. margin-left: 12px;
  43. margin-bottom: 0;
  44. }
  45. .customize-control-site_icon .app-icon-preview {
  46. margin-top: 9px;
  47. }