You are here

social-media-links.css in AT Tools 8

/**
 * 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: 4px 6px;
  padding: 0.25rem 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 .platform,
.pane-social-media-link-widget .is-horizontal .platform {
  float: left;
  margin: 4px 0 4px 0;
  margin: 0.25rem 0 0.25rem 0;
  list-style: none;
}
.block-social-media-links .is-horizontal .platform ul,
.block-social-media-links .is-horizontal .platform ol,
.pane-social-media-link-widget .is-horizontal .platform ul,
.pane-social-media-link-widget .is-horizontal .platform ol {
  display: none;
}
[dir="rtl"] .block-social-media-links .is-horizontal .platform, [dir="rtl"]
.pane-social-media-link-widget .is-horizontal .platform {
  margin-right: 0;
  margin-left: 0;
}
.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 7px 0;
  margin: 0 0 0.4375rem 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: 7px;
  margin-right: 0.4375rem;
}
.block-social-media-links .is-vertical .platform .fa-lg,
.pane-social-media-link-widget .is-vertical .platform .fa-lg {
  width: 18px;
  width: 1.125rem;
}
.block-social-media-links .is-vertical .platform .fa-2x,
.pane-social-media-link-widget .is-vertical .platform .fa-2x {
  width: 32px;
  width: 2rem;
}
.block-social-media-links .is-vertical .platform .fa-3x,
.pane-social-media-link-widget .is-vertical .platform .fa-3x {
  width: 48px;
  width: 3rem;
}
.block-social-media-links .is-vertical .platform .fa-4x,
.pane-social-media-link-widget .is-vertical .platform .fa-4x {
  width: 64px;
  width: 4rem;
}
.block-social-media-links .is-vertical .platform .fa-5x,
.pane-social-media-link-widget .is-vertical .platform .fa-5x {
  width: 80px;
  width: 5rem;
}
.block-social-media-links .is-vertical .platform img,
.pane-social-media-link-widget .is-vertical .platform img {
  vertical-align: middle;
  margin-right: 7px;
  margin-right: 0.4375rem;
}
.block-social-media-links .fa-lg + .platform__name,
.pane-social-media-link-widget .fa-lg + .platform__name {
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.block-social-media-links .fa-2x + .platform__name,
.pane-social-media-link-widget .fa-2x + .platform__name {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.block-social-media-links .fa-3x + .platform__name,
.pane-social-media-link-widget .fa-3x + .platform__name {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 30px;
  line-height: 1.875rem;
}
.block-social-media-links .fa-4x + .platform__name,
.pane-social-media-link-widget .fa-4x + .platform__name {
  font-size: 29px;
  font-size: 1.8125rem;
  line-height: 33px;
  line-height: 2.0625rem;
}
.block-social-media-links .fa-5x + .platform__name,
.pane-social-media-link-widget .fa-5x + .platform__name {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 45px;
  line-height: 2.8125rem;
}

/*# sourceMappingURL=maps/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: 4px 6px;
  14. padding: 0.25rem 0.375rem;
  15. }
  16. .block-social-media-links .platform__link:hover, .block-social-media-links .platform__link:focus,
  17. .pane-social-media-link-widget .platform__link:hover,
  18. .pane-social-media-link-widget .platform__link:focus {
  19. text-decoration: none;
  20. }
  21. .block-social-media-links .is-horizontal .platform,
  22. .pane-social-media-link-widget .is-horizontal .platform {
  23. float: left;
  24. margin: 4px 0 4px 0;
  25. margin: 0.25rem 0 0.25rem 0;
  26. list-style: none;
  27. }
  28. .block-social-media-links .is-horizontal .platform ul,
  29. .block-social-media-links .is-horizontal .platform ol,
  30. .pane-social-media-link-widget .is-horizontal .platform ul,
  31. .pane-social-media-link-widget .is-horizontal .platform ol {
  32. display: 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: 0;
  37. margin-left: 0;
  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 7px 0;
  51. margin: 0 0 0.4375rem 0;
  52. }
  53. .block-social-media-links .is-vertical .platform__name,
  54. .pane-social-media-link-widget .is-vertical .platform__name {
  55. vertical-align: middle;
  56. }
  57. .block-social-media-links .is-vertical .platform .fa,
  58. .pane-social-media-link-widget .is-vertical .platform .fa {
  59. text-align: center;
  60. vertical-align: middle;
  61. margin-right: 7px;
  62. margin-right: 0.4375rem;
  63. }
  64. .block-social-media-links .is-vertical .platform .fa-lg,
  65. .pane-social-media-link-widget .is-vertical .platform .fa-lg {
  66. width: 18px;
  67. width: 1.125rem;
  68. }
  69. .block-social-media-links .is-vertical .platform .fa-2x,
  70. .pane-social-media-link-widget .is-vertical .platform .fa-2x {
  71. width: 32px;
  72. width: 2rem;
  73. }
  74. .block-social-media-links .is-vertical .platform .fa-3x,
  75. .pane-social-media-link-widget .is-vertical .platform .fa-3x {
  76. width: 48px;
  77. width: 3rem;
  78. }
  79. .block-social-media-links .is-vertical .platform .fa-4x,
  80. .pane-social-media-link-widget .is-vertical .platform .fa-4x {
  81. width: 64px;
  82. width: 4rem;
  83. }
  84. .block-social-media-links .is-vertical .platform .fa-5x,
  85. .pane-social-media-link-widget .is-vertical .platform .fa-5x {
  86. width: 80px;
  87. width: 5rem;
  88. }
  89. .block-social-media-links .is-vertical .platform img,
  90. .pane-social-media-link-widget .is-vertical .platform img {
  91. vertical-align: middle;
  92. margin-right: 7px;
  93. margin-right: 0.4375rem;
  94. }
  95. .block-social-media-links .fa-lg + .platform__name,
  96. .pane-social-media-link-widget .fa-lg + .platform__name {
  97. font-size: 16px;
  98. font-size: 1rem;
  99. line-height: 21px;
  100. line-height: 1.3125rem;
  101. }
  102. .block-social-media-links .fa-2x + .platform__name,
  103. .pane-social-media-link-widget .fa-2x + .platform__name {
  104. font-size: 18px;
  105. font-size: 1.125rem;
  106. line-height: 21px;
  107. line-height: 1.3125rem;
  108. }
  109. .block-social-media-links .fa-3x + .platform__name,
  110. .pane-social-media-link-widget .fa-3x + .platform__name {
  111. font-size: 26px;
  112. font-size: 1.625rem;
  113. line-height: 30px;
  114. line-height: 1.875rem;
  115. }
  116. .block-social-media-links .fa-4x + .platform__name,
  117. .pane-social-media-link-widget .fa-4x + .platform__name {
  118. font-size: 29px;
  119. font-size: 1.8125rem;
  120. line-height: 33px;
  121. line-height: 2.0625rem;
  122. }
  123. .block-social-media-links .fa-5x + .platform__name,
  124. .pane-social-media-link-widget .fa-5x + .platform__name {
  125. font-size: 42px;
  126. font-size: 2.625rem;
  127. line-height: 45px;
  128. line-height: 2.8125rem;
  129. }
  130. /*# sourceMappingURL=maps/social-media-links.css.map */