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:+f.+linkbar'

Dec. 4th, 2017

06. Entries - Linkbar

Your entry links are a list wrapped in a div called .entry-linkbar. The only other class in this area is .first-el which identifies the first link in the list for the original style's purposes of dividing each list item with a border.

.entry-linkbar
ul
Each li contains a link in your linkbar
li.first-el
li
li


.entry-linkbar{font-size:small;}
.entry-linkbar ul{list-style:none;padding-left:0;margin-left:0;}
.entry-linkbar li{display:inline;border-left:1px solid #000;padding:2px .5em;margin:.15em 0;}
li.first-el{border-left:none;padding-left:0;}
.entry-linkbar li a{}


If you want to style the links themselves and not the list item they're inside of, I recommend resetting the border, padding, and margin on .entry-linkbar li before styling .entry-linkbar a or you might wind up with some spacing issues. If you do this you likely will not need li.first-el in your stylesheet.