Read More Read Less v2 - Sho.com Styleguide

This refactor of the read more/read less pattern supports two modes: inline and block. Inline appends the toggle to the (non-truncated) text and is meant to be used for smaller lengths of copy in contexts like the Hero. Block mode places the toggle under the copy and is intended for longer text, with possibility of animating the hidden text as flipping the display on. Block mode is a replacement for the existing read-more component current in production, while inline is a new component variant/feature.

Mode=Block

Block mode is the Read-More component currently in production. This version doesn't peform any runtime height calculation, rather it relies on the truncated text being isolated in a div with a classnamne of .read-more__content. The (truncated) text is animated in and out of view, and the scroll offset is restored when the user collapses the block.

David Nevins

Chief Creative Officer, CBS Corporation,
Chairman and Chief Executive Officer, Showtime Networks Inc.

David Nevins serves as Chief Creative Officer, CBS. He is responsible for oversight of programming, marketing and research across CBS Television Studios, the CBS Television Network's Entertainment division, and, in conjunction with CBS Interactive, programming for CBS All Access. Nevins has oversight of all aspects of Showtime Networks Inc. and its channels, along with BET and Pop TV. He also oversees CBS' interest in The CW, a joint venture between CBS Corporation and Warner Bros. Entertainment.

Nevins also chairs the ViacomCBS Content Council, comprised by content leaders across the company, to ensure that these leaders and other senior executives are working together to maximize the use of IP and talent relationships across the combined company.

As Chairman and Chief Executive Officer of Showtime Networks Inc., Nevins manages the Company's programming, distribution, business development, finance, marketing, scheduling, research, streaming, acquisitions, legal, network operations, and corporate communications teams, as well as SHOWTIME Sports®. He also works closely with CBS Corporation's international and domestic distribution groups on the monetization of Showtime Networks content around the world.

Since joining the company in 2010 and under his leadership, SHOWTIME launched its stand-alone streaming service, along with countless hit series, including the critically acclaimed originals HOMELAND, BILLIONS, RAY DONOVAN, SHAMELESS, THE AFFAIR, THE CIRCUS, THE CHI and TWIN PEAKS. The first project greenlit by Nevins at the network, HOMELAND, was the recipient of Golden Globe® and Emmy® Awards for Outstanding Drama Series, as well as a prestigious Peabody Award. During his tenure, SHOWTIME has also become the industry leader in boxing.

Before joining Showtime Networks, Nevins was an Emmy Award-winning producer and network programming executive. He served as President of Imagine Television from 2002-2010, where he oversaw development, production and was an executive producer on all Imagine Television shows. Under his leadership, Imagine produced ARRESTED DEVELOPMENT, which won the Emmy for Outstanding Comedy Series, and 24, which won for Outstanding Drama Series. He also developed and executive produced PARENTHOOD, LIE TO ME, SHARK, and the critically acclaimed series FRIDAY NIGHT LIGHTS, which received honors from the American Film Institute (AFI) for Television Program of the Year and the prestigious George Foster Peabody Award. Nevins also received an Emmy Award nomination for his work as an executive producer on the final season of FRIDAY NIGHT LIGHTS.

Prior to joining Imagine, Nevins served as Executive Vice President of Programming at Fox Broadcasting Company. He oversaw all development and current programming for such series as THE BERNIE MAC SHOW, MALCOLM IN THE MIDDLE, as well as the Emmy and Golden Globe® Award-winning first season of 24. Previously, Nevins served as Senior Vice President, Primetime Series at NBC, where he was responsible for the development and creative supervision of such renowned dramas and comedies as ER, THE WEST WING, WILL & GRACE, HOMICIDE: LIFE ON THE STREET and LAW & ORDER: SVU.

In 2014, Nevins was awarded the prestigious Vanguard Award for Programmers, the National Cable and Telecommunications Association's (NCTA) top honor. He serves on various industry boards, including the HRTS Board of Directors, the George Foster Peabody Awards Board of Advisors, the Paley Center Los Angeles Board of Governors, and is on the ATAS Executive Committee. Nevins currently serves as the Vice President of the Board of Directors for the Friends of the Saban Community Clinic, who honored him with the Leadership Award at their annual Gala in 2013. In 2016, Nevins was honored with the Dorothy and Sherrill C. Corwin Human Relations Award from the American Jewish Committee Los Angeles.

Nevins graduated with a Bachelor of Arts from Amherst College in Amherst, Mass. He and his wife, Emmy Award winning and Academy Award® nominated documentary filmmaker Andrea Blaugrund Nevins, live in Los Angeles with their daughter and two sons.

Mode=Inline aka Clamp

Inline Mode. This limits the block of text to 3* lines with line-clamp, and appends a toggle just outside the container.

Mode=Inline no Truncating required

When there is less than 3* lines of copy, we shouldn't see the more button or the gradient

* actually the 3 lines is a bit of a misnomer - we only apply the behavior if the content is more than 5 lines, but when truncated, only 3 are shown. This is intended to avoid truncating content that's only slightly over the limit.