     [:.card
      {:display "block"}]]
 
-   [:.pill
+   [:>.pill
     mixins/pill-box]
 
-   [:.card
+   [:>.card
     (mixins/box-shadow)
     {:display "none"
      :position "absolute"

  [:.tag
   (hover-card)

   [:.card

    [:.count
     {:margin-left (em 1)
      :display "inline-block"}
     (mixins/mini-text)

     [:&::after
       {:margin-left (em 0.25)
        :-webkit-font-smoothing "antialiased"}]

     [:&.threads

      [:&::after
       (mixins/fontawesome \uf181)]]

     [:&.subscribers

      [:&::after
       (mixins/fontawesome \uf0c0)]]]]])

(defn user []
  [:.user
   (hover-card)

   [:.card

    [:.header
     ; reserve room for avatar, which is absolutely positioned
     {:padding-right avatar-size}

     [:.status
      {:display "inline-block"
       :margin-left (em 0.5)}
      (mixins/mini-text)]

     [:.badges
      {:display "inline-block"
       :margin [[0 (em 0.5)]]}
      [:.admin::before
       {:display "inline-block"
        :-webkit-font-smoothing "antialiased"}
       (mixins/fontawesome \uf0e3)]]

     [:img.avatar
      {:margin-top (px 2)
       :border-radius (px 3)
       :width avatar-size

       :top offset
       :right offset}]]

    [:>.local-time

     [:&::after
      (mixins/fontawesome \uf017)
