social-icons.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .jetpack_widget_social_icons ul,
  2. .jetpack_widget_social_icons li {
  3. list-style: none;
  4. }
  5. .jetpack_widget_social_icons ul {
  6. display: block;
  7. margin: 0 0 1.5em;
  8. padding: 0;
  9. }
  10. .jetpack_widget_social_icons ul li {
  11. border: 0;
  12. display: inline-block;
  13. line-height: 1;
  14. margin: 0;
  15. padding: 0;
  16. }
  17. .jetpack_widget_social_icons ul li:before,
  18. .jetpack_widget_social_icons ul li:after {
  19. display: none;
  20. }
  21. .jetpack_widget_social_icons a {
  22. border: 0;
  23. box-shadow: none;
  24. display: block;
  25. height: 24px;
  26. text-decoration: none;
  27. width: 24px;
  28. }
  29. .jetpack_widget_social_icons svg {
  30. color: inherit;
  31. fill: currentColor;
  32. height: inherit;
  33. vertical-align: middle;
  34. width: inherit;
  35. }
  36. /* Sizes */
  37. .jetpack_widget_social_icons ul.size-small a {
  38. height: 24px;
  39. width: 24px;
  40. }
  41. .jetpack_widget_social_icons ul.size-medium a {
  42. height: 32px;
  43. width: 32px;
  44. }
  45. .jetpack_widget_social_icons ul.size-large a {
  46. height: 48px;
  47. width: 48px;
  48. }
  49. /*
  50. Text meant only for screen readers.
  51. Provides support for themes that do not bundle this CSS yet.
  52. @see https://make.wordpress.org/accessibility/2015/02/09/hiding-text-for-screen-readers-with-wordpress-core/
  53. ***********************************/
  54. .screen-reader-text {
  55. border: 0;
  56. clip: rect(1px, 1px, 1px, 1px);
  57. clip-path: inset(50%);
  58. height: 1px;
  59. margin: -1px;
  60. overflow: hidden;
  61. padding: 0;
  62. position: absolute ! important;
  63. width: 1px;
  64. word-wrap: normal ! important;
  65. }