You are here

social-media-links.css in AT Tools 8.2

/**
 * Social media
 *  - styles for the Social Media Links module.
 *  - https://www.drupal.org/project/social_media_links
 ============================================================================ */
.block-social-media-links .platforms,
.pane-social-media-link-widget .platforms {
  padding-left: 0;
  overflow: hidden;
}

.block-social-media-links .platform__link,
.pane-social-media-link-widget .platform__link {
  padding: 0.3125rem 0.375rem;
}

.block-social-media-links .platform__link:hover, .block-social-media-links .platform__link:focus,
.pane-social-media-link-widget .platform__link:hover,
.pane-social-media-link-widget .platform__link:focus {
  text-decoration: none;
}

.block-social-media-links .is-horizontal,
.pane-social-media-link-widget .is-horizontal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.block-social-media-links .is-horizontal .platform,
.pane-social-media-link-widget .is-horizontal .platform {
  margin: 0.625rem 0.0625rem 0.625rem 0.0625rem;
  list-style: none;
}

[dir="rtl"] .block-social-media-links .is-horizontal .platform, [dir="rtl"]
.pane-social-media-link-widget .is-horizontal .platform {
  margin-right: 1px;
  margin-left: 1px;
}

.block-social-media-links .is-horizontal .platform,
.pane-social-media-link-widget .is-horizontal .platform {
  text-align: center;
}

.block-social-media-links .is-horizontal .platform__link,
.pane-social-media-link-widget .is-horizontal .platform__link {
  vertical-align: sub;
}

.block-social-media-links .is-vertical .platform,
.pane-social-media-link-widget .is-vertical .platform {
  list-style: none;
  margin: 0 0 0.5rem 0;
}

.block-social-media-links .is-vertical .platform__name,
.pane-social-media-link-widget .is-vertical .platform__name {
  vertical-align: middle;
}

.block-social-media-links .is-vertical .platform .fa,
.pane-social-media-link-widget .is-vertical .platform .fa {
  text-align: center;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.block-social-media-links .is-vertical .platform .fa-lg,
.pane-social-media-link-widget .is-vertical .platform .fa-lg {
  width: 1.25rem;
}

.block-social-media-links .is-vertical .platform .fa-2x,
.pane-social-media-link-widget .is-vertical .platform .fa-2x {
  width: 2rem;
}

.block-social-media-links .is-vertical .platform .fa-3x,
.pane-social-media-link-widget .is-vertical .platform .fa-3x {
  width: 3rem;
}

.block-social-media-links .is-vertical .platform .fa-4x,
.pane-social-media-link-widget .is-vertical .platform .fa-4x {
  width: 4rem;
}

.block-social-media-links .is-vertical .platform .fa-5x,
.pane-social-media-link-widget .is-vertical .platform .fa-5x {
  width: 5rem;
}

.block-social-media-links .is-vertical .platform img,
.pane-social-media-link-widget .is-vertical .platform img {
  vertical-align: middle;
  margin-right: 0.5rem;
}

.block-social-media-links .fa-lg + .platform__name,
.pane-social-media-link-widget .fa-lg + .platform__name {
  font-size: 1rem;
}

.block-social-media-links .fa-2x + .platform__name,
.pane-social-media-link-widget .fa-2x + .platform__name {
  font-size: 1.25rem;
}

.block-social-media-links .fa-3x + .platform__name,
.pane-social-media-link-widget .fa-3x + .platform__name {
  font-size: 1.625rem;
}

.block-social-media-links .fa-4x + .platform__name,
.pane-social-media-link-widget .fa-4x + .platform__name {
  font-size: 2rem;
}

.block-social-media-links .fa-5x + .platform__name,
.pane-social-media-link-widget .fa-5x + .platform__name {
  font-size: 2.625rem;
}
/*# sourceMappingURL=social-media-links.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/social-media-links.css
View source
  1. /**
  2. * Social media
  3. * - styles for the Social Media Links module.
  4. * - https://www.drupal.org/project/social_media_links
  5. ============================================================================ */
  6. .block-social-media-links .platforms,
  7. .pane-social-media-link-widget .platforms {
  8. padding-left: 0;
  9. overflow: hidden;
  10. }
  11. .block-social-media-links .platform__link,
  12. .pane-social-media-link-widget .platform__link {
  13. padding: 0.3125rem 0.375rem;
  14. }
  15. .block-social-media-links .platform__link:hover, .block-social-media-links .platform__link:focus,
  16. .pane-social-media-link-widget .platform__link:hover,
  17. .pane-social-media-link-widget .platform__link:focus {
  18. text-decoration: none;
  19. }
  20. .block-social-media-links .is-horizontal,
  21. .pane-social-media-link-widget .is-horizontal {
  22. display: -webkit-flex;
  23. display: -ms-flexbox;
  24. display: flex;
  25. -webkit-flex-direction: row;
  26. -ms-flex-direction: row;
  27. flex-direction: row;
  28. }
  29. .block-social-media-links .is-horizontal .platform,
  30. .pane-social-media-link-widget .is-horizontal .platform {
  31. margin: 0.625rem 0.0625rem 0.625rem 0.0625rem;
  32. list-style: none;
  33. }
  34. [dir="rtl"] .block-social-media-links .is-horizontal .platform, [dir="rtl"]
  35. .pane-social-media-link-widget .is-horizontal .platform {
  36. margin-right: 1px;
  37. margin-left: 1px;
  38. }
  39. .block-social-media-links .is-horizontal .platform,
  40. .pane-social-media-link-widget .is-horizontal .platform {
  41. text-align: center;
  42. }
  43. .block-social-media-links .is-horizontal .platform__link,
  44. .pane-social-media-link-widget .is-horizontal .platform__link {
  45. vertical-align: sub;
  46. }
  47. .block-social-media-links .is-vertical .platform,
  48. .pane-social-media-link-widget .is-vertical .platform {
  49. list-style: none;
  50. margin: 0 0 0.5rem 0;
  51. }
  52. .block-social-media-links .is-vertical .platform__name,
  53. .pane-social-media-link-widget .is-vertical .platform__name {
  54. vertical-align: middle;
  55. }
  56. .block-social-media-links .is-vertical .platform .fa,
  57. .pane-social-media-link-widget .is-vertical .platform .fa {
  58. text-align: center;
  59. vertical-align: middle;
  60. margin-right: 0.5rem;
  61. }
  62. .block-social-media-links .is-vertical .platform .fa-lg,
  63. .pane-social-media-link-widget .is-vertical .platform .fa-lg {
  64. width: 1.25rem;
  65. }
  66. .block-social-media-links .is-vertical .platform .fa-2x,
  67. .pane-social-media-link-widget .is-vertical .platform .fa-2x {
  68. width: 2rem;
  69. }
  70. .block-social-media-links .is-vertical .platform .fa-3x,
  71. .pane-social-media-link-widget .is-vertical .platform .fa-3x {
  72. width: 3rem;
  73. }
  74. .block-social-media-links .is-vertical .platform .fa-4x,
  75. .pane-social-media-link-widget .is-vertical .platform .fa-4x {
  76. width: 4rem;
  77. }
  78. .block-social-media-links .is-vertical .platform .fa-5x,
  79. .pane-social-media-link-widget .is-vertical .platform .fa-5x {
  80. width: 5rem;
  81. }
  82. .block-social-media-links .is-vertical .platform img,
  83. .pane-social-media-link-widget .is-vertical .platform img {
  84. vertical-align: middle;
  85. margin-right: 0.5rem;
  86. }
  87. .block-social-media-links .fa-lg + .platform__name,
  88. .pane-social-media-link-widget .fa-lg + .platform__name {
  89. font-size: 1rem;
  90. }
  91. .block-social-media-links .fa-2x + .platform__name,
  92. .pane-social-media-link-widget .fa-2x + .platform__name {
  93. font-size: 1.25rem;
  94. }
  95. .block-social-media-links .fa-3x + .platform__name,
  96. .pane-social-media-link-widget .fa-3x + .platform__name {
  97. font-size: 1.625rem;
  98. }
  99. .block-social-media-links .fa-4x + .platform__name,
  100. .pane-social-media-link-widget .fa-4x + .platform__name {
  101. font-size: 2rem;
  102. }
  103. .block-social-media-links .fa-5x + .platform__name,
  104. .pane-social-media-link-widget .fa-5x + .platform__name {
  105. font-size: 2.625rem;
  106. }
  107. /*# sourceMappingURL=social-media-links.css.map */