Components

Components are modules with specific chunks of UI with more visual styling than any other layer. The components in Obsidian.css are highly experimental.


Card UI

Card displays content that carries a visual metaphor of a playing card. For information on this pattern, checkout Using Card-Based Design To Enhance UX from Nick Babich.

Adam West is back as Batman
CSS-Tricks Logo

CNN

Adam West is back as Batman

Lisa Respers France —

Here's a perfect one for a Throwback Thursday: Adam West, Burt Ward and Julie Newmar are reprising their famous "Batman" roles in the new animated film "Batman: Return of the Caped Crusaders.

Field

Visual skins for <input> and <textarea> elements.

Select Custom Input

This is a pattern to change the skin of <select> element without losing its inherent accessibility.

Range Input

This is a skin for the <input type='range'> element. You can modify the color of the range's track by overriding --range-color. Currently, styles don't work in IE, Mozilla or Opera, but should fallback nicely.

Buttons

Simple skin for buttons to be applied on <input type='button'>, <button>, and <a> elements.

Xtra Small Buttons
Button
Buttons
Button
Medium Buttons
Button
Large Buttons
Button
Applied to Input Nodes

Input Group

This is a visual pattern for any time you want <input type="text"> inlined with a button. Admittedly this component is a little rough around the edges.

Sign Up for Our Newsletter

Radio Group

Radio group pattern can be used as links or as <input type="radio"> elements. Check out the HTML markup to see it in action.

Radio Inputs
Links

Progress

This is a skin for the <progress> element. You can modify the color by overriding --progress-color.

Tabbed UI

This tabbed UI is powered by Tabby to move the .active class around on them.

Buffalo Springfield

Once they reached Los Angeles, Young and Palmer met up with Stephen Stills, Richie Furay, and Dewey Martin to form Buffalo Springfield. A mixture of folk, country, psychedelia, and rock, lent a hard edge by the twin lead guitars of Stills and Young, made Buffalo Springfield a critical success, and their first record Buffalo Springfield (1966) sold well after Stills' topical song "For What It's Worth" became a hit, aided by Young's melodic harmonics played on electric guitar. According to Rolling Stone, the Rock and Roll Hall of Fame and other sources, Buffalo Springfield helped create the genres of folk rock and country rock.

Distrust of their management, as well as the arrest and deportation of Palmer, exacerbated the already strained relations among the group members and led to Buffalo Springfield's demise. A second album, Buffalo Springfield Again, was released in late 1967, but two of Young's three contributions were solo tracks recorded apart from the rest of the group.

In many ways, these three songs on Buffalo Springfield Again, "Mr. Soul", "Expecting to Fly", and "Broken Arrow", are harbingers of much of Young's later work in that, although they all share deeply personal, almost idiosyncratic lyrics, they also present three very different musical approaches to the arrangement of what is essentially an original folk song. "Mr. Soul" is the only Young song of the three that all five members of the group performed together. In contrast, "Broken Arrow" was confessional folk-rock of a kind that would characterize much of the music that emerged from the singer-songwriter movement. Young's experimental production intersperses each verse with snippets of sound from other sources, including opening the song with a soundbite of Dewey Martin singing "Mr. Soul" and closing it with the thumping of a heartbeat. "Expecting to Fly" was a lushly produced ballad similar to the baroque pop of the mid-1960s, featuring a string arrangement that Young's co-producer for the track, Jack Nitzsche, would dub "symphonic pop".

In May 1968, the band split up for good, but to fulfill a contractual obligation, a final album, Last Time Around, was released, primarily from recordings made earlier that year. Young contributed the songs "On the Way Home" and "I Am a Child", singing lead on the latter. In 1997, the band was inducted into the Rock & Roll Hall of Fame; Young did not appear at the ceremony. The three surviving members, Furay, Stills and Young, appeared together as Buffalo Springfield at Young's annual Bridge School Benefit on October 23–24, 2010, and at Bonnaroo in the summer of 2011.

Going solo, Crazy Horse

After the break-up of Buffalo Springfield, Young signed a solo deal with Reprise Records, home of his colleague and friend Joni Mitchell, with whom he shared a manager, Elliot Roberts, who manages Young to this day. Young and Roberts immediately began work on Young's first solo record, Neil Young (January 22, 1969), which received mixed reviews. In a 1970 interview, Young deprecated the album as being "overdubbed rather than played", and the quest for music that expresses the spontaneity of the moment has long been a feature of his career. Nevertheless, the album contains some songs that remain a staple of his live shows, most notably "The Loner".

For his next album, Young recruited three musicians from a band called The Rockets: Danny Whitten on guitar, Billy Talbot on bass guitar, and Ralph Molina on drums. These three took the name Crazy Horse (after the historical figure of the same name), and Everybody Knows This Is Nowhere (May 1969), is credited to "Neil Young with Crazy Horse". Recorded in just two weeks, the album opens with one of Young's most familiar songs, "Cinnamon Girl", and is dominated by two more, "Cowgirl in the Sand" and "Down by the River", that feature improvisations with Young's distinctive electric guitar solos billowing out over the hypnotic Crazy Horse backing. Young reportedly wrote all three songs on the same day, while nursing a high fever of 103 °F (39 °C) in bed.

Crosby, Stills, Nash, and Young

Shortly after the release of Everybody Knows This Is Nowhere, Young reunited with Stephen Stills by joining Crosby, Stills & Nash, who had already released one album Crosby, Stills & Nash as a trio in May 1969. Young was originally offered a position as a sideman, but agreed to join only if he received full membership, and the group – winners of the 1969 "Best New Artist" Grammy Award – was renamed Crosby, Stills, Nash & Young. The quartet debuted in Chicago on August 16, 1969, and later performed at the famous Woodstock Festival, during which Young skipped the majority of the acoustic set and refused to be filmed during the electric set, even telling the cameramen: "One of you fuckin' guys comes near me and I'm gonna fuckin' hit you with my guitar". During the making of their first album, Déjà Vu (March 11, 1970), the musicians frequently argued, particularly Young and Stills, who both fought for control. Stills continued throughout their lifelong relationship to criticize Young, saying that he "wanted to play folk music in a rock band." Despite the tension, Young's tenure with CSN&Y coincided with the band's most creative and successful period, and greatly contributed to his subsequent success as a solo artist.

Young wrote "Ohio" following the Kent State massacre on May 4, 1970. The song was quickly recorded by CSN&Y and immediately released as a single, even though CSN&Y's "Teach Your Children" was still climbing the singles charts.

Dropdown UI

This is a simple dropdown, meant to be trading by an .active for a .hidden class on the component. Position is yours to manage. Modifier --l moves the arrow to the left, --r to the right and --c centers the arrow.


Install Obsidian.css

yarn add obsidian.css