Learning S2 Complete Style

S2 Complete Style is a pretty huge layout—it's easy to get overwhelmed! [info]s2complete is a complete documentation resource brought to you by [info]tessisamess.

This documentation breaks down S2 Complete Style piece by piece so you can learn just how every piece works. Once you understand the layout dynamics you'll be glad it's such a comprehensive sheet; it makes the possibilities nearly endless!

December 2017

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Syndicate

RSS Atom
Powered by InsaneJournal

Posts Tagged: '06.+entries'

Dec. 4th, 2017

06. Entries - Entry

Your .entry is another area with two outer nested divs containing it. These two containers hold all of your entry content and other instances of nested divs.

.entry
.entry-inner
this contains all entry elements


In the cleaned CSS I've set these up as "floating" entries (ie. entries with a background and padding that sit as individual blocks) but you can easily change this by giving #alpha a background and padding instead, and setting your entries to only have a bottom margin. By default, entries only have padding and margins, so these are the only things you'll need to actively override. (The background can just be deleted if unneeded.)

.entry{margin:0 0 40px 0;padding:30px;background:#fff;}
.entry-inner{}