Web Standards Sherpa web-standards-sherpa
web-standards-sherpa
/ Updated Accordion CSS
Created
November 5, 2013 15:24
— forked from bridgestew/Updated Accordion CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ============================================================== | |
| A few base styles plus column layout | |
| =========================================================== */ | |
| .wrap, | |
| .main, | |
| .secondary { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; |
web-standards-sherpa
/ Accordions side by side
Created
November 5, 2013 15:22
— forked from bridgestew/Accordions side by side
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="main"> | |
| <!-- FAQ --> | |
| <div id="faq" class="accordion"> | |
| <div class="separator"> | |
| <h2 class="accordion__title"> | |
| <a class="accordion__toggle js-accordion-toggle" href="#faq-content1"> | |
| <i class="icn icn--accordion js-accordion-state">Open</i> | |
| FAQ Question 1</a> | |
| </h2> | |
| <div class="accordion__body is-closed"> |
web-standards-sherpa
/ Old Skool Classitis
Created
November 4, 2013 23:36
— forked from bridgestew/Old Skool Classitis
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="wrap"> | |
| <div class="wrap-inner"> | |
| <div class="header"> | |
| <div class="logo"> | |
| <img src="#" /> | |
| </div> | |
| <div class="site-title">Site Title</div> | |
| <div class="nav"> | |
| <div class="nav-list"> | |
| <div class="nav-item"> |
web-standards-sherpa
/ Hard to follow
Created
November 4, 2013 23:35
— forked from bridgestew/Hard to follow
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .accordion-super h1, | |
| .faq h2.question { | |
| color: blue; | |
| } | |
| .accordion-super h1, | |
| .archive h4 { | |
| font-family: serif; | |
| } |
web-standards-sherpa
/ specific selectors
Created
November 4, 2013 23:35
— forked from bridgestew/specific selectors
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .accordion-super h1 { | |
| color: blue; | |
| font-family: serif; | |
| font-size: 20px; | |
| } | |
| .faq h2.question { | |
| color: blue; | |
| font-size: 18px; | |
| } |
web-standards-sherpa
/ Same classes, different elements
Created
November 4, 2013 23:32
— forked from bridgestew/Same classes, different elements
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- FAQ --> | |
| <div id="faq" class="accordion"> | |
| <div class="separator"> | |
| <h3 class="accordion__title"> | |
| <a href="#faq-content1">FAQ Question 1</a> | |
| </h3> | |
| <div class="accordion__body" id="faq-content1">FAQ Answer 1</div> | |
| </div> | |
| <div class="separator"> | |
| <h3 class="accordion__title"> |
web-standards-sherpa
/ Early CSS, part three
Created
November 4, 2013 23:31
— forked from bridgestew/Early CSS, part three
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .separator { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } |
web-standards-sherpa
/ Early CSS, part two
Created
November 4, 2013 23:30
— forked from bridgestew/Early CSS, part two
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #faq > div, | |
| #archive > ul > li { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } |
web-standards-sherpa
/ Early CSS, part one
Created
November 4, 2013 22:46
— forked from bridgestew/Early CSS, part one
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #faq > div { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } | |
| #archive > ul > li { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; |
web-standards-sherpa
/ two-concepts.html
Last active
December 27, 2015 10:19
— forked from bridgestew/Two Concepts: HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="faq"> | |
| <div> | |
| <h3><a href="#">FAQ question</a></h3> | |
| <div> | |
| <p>FAQ answer</p> | |
| </div> | |
| </div> | |
| <div> | |
| <h3><a href="#">FAQ question</a></h3> | |
| <div> |
NewerOlder