You are here

activity-followed.css in Open Social 10.1.x

.card__activity-followed,
.card__activity-followed .activity-followed {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.card__activity-followed {
  font-size: 12px;
  line-height: 18px;
  color: #555;
}
.card__activity-followed > span {
  margin-right: 6px;
}
@media (max-width: 599px) {
  .card__activity-followed > span {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.card__activity-followed .activity-followed {
  position: relative;
  padding: 0 2px;
}
@media (max-width: 599px) {
  .card__activity-followed .activity-followed {
    margin-left: -2px;
  }
}
.card__activity-followed .activity-followed .tag__name {
  margin: 0;
}
.card__activity-followed .activity-followed + .activity-followed {
  margin-left: 4px;
}
.card__activity-followed .activity-followed .tag__arrow,
.card__activity-followed .activity-followed svg {
  width: 18px;
  height: 14px;
}
.card__activity-followed .activity-followed svg {
  width: 18px;
  height: 14px;
  fill: #555;
}
.card__activity-followed .activity-followed .flag,
.card__activity-followed .activity-followed .flag > *,
.card__activity-followed .activity-followed .flag.open > * {
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.card__activity-followed .activity-followed .flag {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.card__activity-followed .activity-followed .flag button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.card__activity-followed .activity-followed .flag .caret {
  display: none;
}
.card__activity-followed .activity-followed .flag .dropdown-menu {
  min-width: 175px;
  margin-top: 4px;
}
@media (max-width: 599px) {
  .card__activity-followed .activity-followed .flag .dropdown-menu {
    min-width: 100px;
    margin-top: 0;
  }
}
.card__activity-followed .activity-followed .flag .dropdown-menu a {
  font-weight: 700;
}
.card__activity-followed .activity-followed .flag.open + svg {
  transform: rotate(180deg);
}

/*# sourceMappingURL=activity-followed.css.map */

File

modules/social_features/social_follow_taxonomy/assets/css/activity-followed.css
View source
  1. .card__activity-followed,
  2. .card__activity-followed .activity-followed {
  3. display: flex;
  4. align-items: center;
  5. flex-wrap: wrap;
  6. }
  7. .card__activity-followed {
  8. font-size: 12px;
  9. line-height: 18px;
  10. color: #555;
  11. }
  12. .card__activity-followed > span {
  13. margin-right: 6px;
  14. }
  15. @media (max-width: 599px) {
  16. .card__activity-followed > span {
  17. flex: 0 0 100%;
  18. max-width: 100%;
  19. }
  20. }
  21. .card__activity-followed .activity-followed {
  22. position: relative;
  23. padding: 0 2px;
  24. }
  25. @media (max-width: 599px) {
  26. .card__activity-followed .activity-followed {
  27. margin-left: -2px;
  28. }
  29. }
  30. .card__activity-followed .activity-followed .tag__name {
  31. margin: 0;
  32. }
  33. .card__activity-followed .activity-followed + .activity-followed {
  34. margin-left: 4px;
  35. }
  36. .card__activity-followed .activity-followed .tag__arrow,
  37. .card__activity-followed .activity-followed svg {
  38. width: 18px;
  39. height: 14px;
  40. }
  41. .card__activity-followed .activity-followed svg {
  42. width: 18px;
  43. height: 14px;
  44. fill: #555;
  45. }
  46. .card__activity-followed .activity-followed .flag,
  47. .card__activity-followed .activity-followed .flag > *,
  48. .card__activity-followed .activity-followed .flag.open > * {
  49. font-size: 0;
  50. margin: 0;
  51. padding: 0;
  52. border: none;
  53. background: transparent;
  54. }
  55. .card__activity-followed .activity-followed .flag {
  56. position: absolute;
  57. width: 100%;
  58. height: 100%;
  59. top: 0;
  60. left: 0;
  61. z-index: 1;
  62. }
  63. .card__activity-followed .activity-followed .flag button {
  64. position: absolute;
  65. top: 0;
  66. left: 0;
  67. width: 100%;
  68. height: 100%;
  69. border-radius: 0;
  70. }
  71. .card__activity-followed .activity-followed .flag .caret {
  72. display: none;
  73. }
  74. .card__activity-followed .activity-followed .flag .dropdown-menu {
  75. min-width: 175px;
  76. margin-top: 4px;
  77. }
  78. @media (max-width: 599px) {
  79. .card__activity-followed .activity-followed .flag .dropdown-menu {
  80. min-width: 100px;
  81. margin-top: 0;
  82. }
  83. }
  84. .card__activity-followed .activity-followed .flag .dropdown-menu a {
  85. font-weight: 700;
  86. }
  87. .card__activity-followed .activity-followed .flag.open + svg {
  88. transform: rotate(180deg);
  89. }
  90. /*# sourceMappingURL=activity-followed.css.map */