A Pen by Mike Stezycki on CodePen.
Mike Stezycki mr-stezz
🧘♂️
This file contains hidden or 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
| /* breadcrumbs */ | |
| *{padding:0;margin:0;} | |
| body{font:13px/26px sans-serif;} | |
| @media screen and (max-width:983px) { | |
| body{font:13px/24px;} | |
| } | |
| @media screen and (max-width:763px) { | |
| body{font:13px/22px;} | |
| } | |
| @media screen and (max-width:583px) { |
This file contains hidden or 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
| /* intrinsic ratio test */ | |
| /* reset */ | |
| *{box-sizing:border-box;padding:0;margin:0;} | |
| /* clearfix */ | |
| .cf:before,.cf:after, | |
| .grid-wrap:before,.grid-wrap:after, | |
| .grid:before,.grid:after, | |
| .media:before,.media:after{content="";display:table;} |
This file contains hidden or 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
| /* emissions rating */ | |
| *{ | |
| margin:0; | |
| padding:0; | |
| box-sizing:border-box; | |
| } | |
| /*------------------------------------*\ | |
| $EMISSIONS-RATING | |
| \*------------------------------------*/ |
This file contains hidden or 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
| *{ | |
| margin:0; | |
| padding:0; | |
| box-sizing:border-box; | |
| } | |
| html{ | |
| font:81.25%/2 sans-serif; | |
| color:#666; | |
| background:#fff; | |
| } |
This file contains hidden or 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
| *{padding:0;margin:0;box-sizing:border-box;} | |
| body{font:81.25%/2 sans-serif;} | |
| input,select,textarea{display:inline-block;padding:0.077em 0.308em;} | |
| .is-accessible,.accessibility,.is-semantic{position:absolute;left:-99999px;} | |
| .filter-colours{border-top:0.077em solid rgba(0,0,0,.10);} | |
| .filter-colours>.filter{padding:0 0.9230769230769231em;} | |
| [class*="filter-"]{overflow:hidden;} | |
| .filter-description,.filter-colours>.filter{width:100%;} | |
| .filter-label{font-weight:bold;font-size:.846em;text-align:center;color:#888;} | |
| .input-label{display:block;margin:0;} |
This is a pattern library of sorts for Zero Culture. Built with SASS and OOCSS in mind, to keep ultra easy to maintain.
A Pen by Mike Stezycki on CodePen.
A Pen by Mike Stezycki on CodePen.
A Pen by Mike Stezycki on CodePen.
A Pen by Mike Stezycki on CodePen.