timeline/unit.yml
timeline-unit
A timeline unit.
Selectors:
- .fbTimelineUnit
timeline-unit--container
The timeline unit container, one that contains the background and border.
Selectors:
- .fbTimelineCapsule .timelineUnitContainer
- ._4lh .timelineReportContainer
timeline-unit--container--container
But when a container is inside a container (what?!) we have to cancel one border out.
Selectors:
- .timelineReportContainer .timelineUnitContainer
timeline-unit--background
Other elements that need some background treatment.
Selectors:
- .fbTimelineUFI
- .fbTimelineUnit .uiMorePagerLight .uiMorePagerPrimary
timeline-unit--border
Things that need border color treatment.
Selectors:
- ._1_m
- .pageFriendSummaryContainer .header
- .fbPageFriendSummarySection.needsBorder
- .timelinePageMostRecentLabel
- .fbTimelineUnit .uiMorePagerLight .uiMorePagerPrimary
- .timelinePageLikedPagesLabel
timeline-unit--rounded-border
Each unit contains a top border and bottom border. Facebook uses images to make these unit look rounder.
Selectors:
- .fbTimelineCapsule .topBorder
- .fbTimelineCapsule .bottomBorder
timeline-unit--title
Selectors:
- ._70l
timeline-unit--image-container
The image container in a featured story in timeline.
Selectors:
- .uiScaledImageCentered
timeline-unit--comments
The comments section.
Selectors:
- .fbTimelineUFI
timeline-unit--comments--container
The container that contains the comments section. They need some background treatment.
Selectors:
- .fbTimelineFeedbackActions
- .timelineUnitContainer .UFIList
timeline-unit--comments--separator
The separator between the buttons 'Like / Comment / Share' and the sentence that says (someone likes this). We need to color its line.
Selectors:
- .timelineUnitContainer .UFIRow
timeline-unit--num-friends-like
The number of friends that likes this page.
Selectors:
- .pageFriendSummaryContainer .headerDigit
timeline-unit(2014)
The upcoming version of the timeline unit. Used in Year in Review and Notes.
Selectors:
- ._4-u2
timeline-unit(2014)--text(title)
Selectors:
- ._4-u2 h1, ._4-u2 h2, ._4-u2 h3, ._4-u2 h4, ._4-u2 h5, ._4-u2 h6
timeline-unit(2014)--comments
Selectors:
- ._4-u2
timeline-unit(2014)--comments--container
Selectors:
- ._6kb