You are here

Home » API reference » Open Social 10.1.x

activity-followed.css in Open Social 10.1.x

Same filename and directory in other branches
  1. 10.3.x modules/social_features/social_follow_taxonomy/assets/css/activity-followed.css
  2. 10.0.x modules/social_features/social_follow_taxonomy/assets/css/activity-followed.css
  3. 10.2.x modules/social_features/social_follow_taxonomy/assets/css/activity-followed.css
.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. 

  8. .card__activity-followed {

  9.   font-size: 12px;

  10.   line-height: 18px;

  11.   color: #555;

  12. }

  13. .card__activity-followed > span {

  14.   margin-right: 6px;

  15. }

  16. @media (max-width: 599px) {

  17.   .card__activity-followed > span {

  18.     flex: 0 0 100%;

  19.     max-width: 100%;

  20.   }

  21. }

  22. .card__activity-followed .activity-followed {

  23.   position: relative;

  24.   padding: 0 2px;

  25. }

  26. @media (max-width: 599px) {

  27.   .card__activity-followed .activity-followed {

  28.     margin-left: -2px;

  29.   }

  30. }

  31. .card__activity-followed .activity-followed .tag__name {

  32.   margin: 0;

  33. }

  34. .card__activity-followed .activity-followed + .activity-followed {

  35.   margin-left: 4px;

  36. }

  37. .card__activity-followed .activity-followed .tag__arrow,

  38. .card__activity-followed .activity-followed svg {

  39.   width: 18px;

  40.   height: 14px;

  41. }

  42. .card__activity-followed .activity-followed svg {

  43.   width: 18px;

  44.   height: 14px;

  45.   fill: #555;

  46. }

  47. .card__activity-followed .activity-followed .flag,

  48. .card__activity-followed .activity-followed .flag > *,

  49. .card__activity-followed .activity-followed .flag.open > * {

  50.   font-size: 0;

  51.   margin: 0;

  52.   padding: 0;

  53.   border: none;

  54.   background: transparent;

  55. }

  56. .card__activity-followed .activity-followed .flag {

  57.   position: absolute;

  58.   width: 100%;

  59.   height: 100%;

  60.   top: 0;

  61.   left: 0;

  62.   z-index: 1;

  63. }

  64. .card__activity-followed .activity-followed .flag button {

  65.   position: absolute;

  66.   top: 0;

  67.   left: 0;

  68.   width: 100%;

  69.   height: 100%;

  70.   border-radius: 0;

  71. }

  72. .card__activity-followed .activity-followed .flag .caret {

  73.   display: none;

  74. }

  75. .card__activity-followed .activity-followed .flag .dropdown-menu {

  76.   min-width: 175px;

  77.   margin-top: 4px;

  78. }

  79. @media (max-width: 599px) {

  80.   .card__activity-followed .activity-followed .flag .dropdown-menu {

  81.     min-width: 100px;

  82.     margin-top: 0;

  83.   }

  84. }

  85. .card__activity-followed .activity-followed .flag .dropdown-menu a {

  86.   font-weight: 700;

  87. }

  88. .card__activity-followed .activity-followed .flag.open + svg {

  89.   transform: rotate(180deg);

  90. }

  91. 

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