Skip to content

Commit

Permalink
feat(icon): add bookmark and more ids
Browse files Browse the repository at this point in the history
  • Loading branch information
@jaketrent
jaketrent committed Jul 6, 2017
1 parent 6c1586b commit 7acaf00
Show file tree
Hide file tree
Showing 6 changed files with 1,128 additions and 844 deletions.
3 changes: 2 additions & 1 deletion docs/components/card/index.html
View file
Expand Up @@ -13,7 +13,8 @@
<Card metadata1="Simon Allardice"></Card>
<Card metadata1="Simon Allardice" metadata2="Intermediate,2hr 20min,July 24, 1847"></Card>
<Card metadata1="[object Object]" metadata2="Only about the Best Level in the World for Learning,2hr 20min or longer depending,July 24, 1847 or year thereabouts, it's unclear"></Card>
</code></pre></div></div></div><h2 class="ps-heading___1seKB ps-heading--large___12bkX root___1O5zt">Actions</h2><div class="root___3YG2a"><div class="outputHorizontal___1W9Su output___wQB7z"><div class="outputChild___3QK6i"><div class="ps-card___2zSSP ps-card--medium___5eDWG"><div class="ps-card__image-frame___1ocA2"><img src="http://via.placeholder.com/350x150" class="ps-card__image___2MmCd"/><div class="ps-card__action-bar___2d3QI"><button class="ps-button___2EFfR ps-button--flat___3IG4H ps-button--small___3bU65 ps-button--icon-only___1iOv7"><div class="ps-button__icon___3o9gL"><span class="ps-icon___2krFn ps-icon--small___32ekv"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Pluralsight logo icon</title><g class="ps-icon__fg--fill___1Nbfk"><path d="M15.072 1.685C9.66-.285 3.655 2.515 1.685 7.928c-1.97 5.412.83 11.417 6.242 13.387 5.412 1.97 11.418-.831 13.388-6.242 1.97-5.412-.83-11.418-6.243-13.388M11.5 23C5.16 23 0 17.84 0 11.5 0 5.159 5.16 0 11.5 0 17.841 0 23 5.159 23 11.5 23 17.84 17.841 23 11.5 23"></path><path d="M8 5v13l11-6.5L8 5zm1 2l8 4.5L9 16V7z"></path><path d="M6 6.5v10l8-5-8-5zM7 9l5 2.5L7 14V9z"></path></g></svg></span></div><span></span></button></div></div><div class="ps-card__title___CCHuG"><span style="display:block;position:relative;overflow:hidden;max-height:0px;"><span style="display:block;width:100%;">…</span><span style="display:block;overflow:hidden;height:0px;width:100%;">The Card Title</span><span style="display:block;position:absolute;left:-20000px;width:100%;"><span style="display:block;"><span style="display:block;">W</span><span style="display:block;">W</span></span><span style="display:block;">…</span></span></span></div></div></div></div><div class="src___3PC8V"><div class="root___3LLvR"><div class="root___3OvNE"><div class="optionActiveBg___3m-Na option___1ejQX"></div><button class="optionActive___6PkC_ option___1ejQX">REACT</button><button class="option___1ejQX">HTML</button></div></div><div class="srcOptions___1yeyx"><pre><code class="html react___3L7f-">import Card from &#x27;@pluralsight/ps-card/react&#x27;
</code></pre></div></div></div><h2 class="ps-heading___1seKB ps-heading--large___12bkX root___1O5zt">Actions</h2><div class="root___3YG2a"><div class="outputHorizontal___1W9Su output___wQB7z"><div class="outputChild___3QK6i"><div class="ps-card___2zSSP ps-card--medium___5eDWG"><div class="ps-card__image-frame___1ocA2"><img src="http://via.placeholder.com/350x150" class="ps-card__image___2MmCd"/><div class="ps-card__action-bar___2d3QI"><button class="ps-button___2EFfR ps-button--flat___3IG4H ps-button--small___3bU65 ps-button--icon-only___1iOv7"><div class="ps-button__icon___3o9gL"><span class="ps-icon___2krFn ps-icon--small___32ekv"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Bookmarks icon</title><path d="M20 6V3c0-2-1.045-3-2-3h-7C7.944 0 6 .998 6 4v18l1-1 4-4 4 4c.154.094 1 1 1 1V4c0-2 1.5-3 1.5-3H16s-1 1-1 3v17-1.5l-4-4-4 4V21 4C6.875 1.494 8.427.898 11 1h6.5c.402-.096 1.5 0 1.499 2C18.997 5 19 5 19 5h-3v1h4z" class="ps-icon__fg--fill___1Nbfk"></path></svg></span></div><span></span></button></div></div><div class="ps-card__title___CCHuG"><span style="display:block;position:relative;overflow:hidden;max-height:0px;"><span style="display:block;width:100%;">…</span><span style="display:block;overflow:hidden;height:0px;width:100%;">The Card Title</span><span style="display:block;position:absolute;left:-20000px;width:100%;"><span style="display:block;"><span style="display:block;">W</span><span style="display:block;">W</span></span><span style="display:block;">…</span></span></span></div></div></div><div class="outputChild___3QK6i"><div class="ps-card___2zSSP ps-card--medium___5eDWG"><div class="ps-card__image-frame___1ocA2"><img src="http://via.placeholder.com/350x150" class="ps-card__image___2MmCd"/><div class="ps-card__action-bar___2d3QI"><button class="ps-button___2EFfR ps-button--flat___3IG4H ps-button--small___3bU65 ps-button--icon-only___1iOv7"><div class="ps-button__icon___3o9gL"><span class="ps-icon___2krFn ps-icon--small___32ekv"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Bookmarks icon</title><path d="M20 6V3c0-2-1.045-3-2-3h-7C7.944 0 6 .998 6 4v18l1-1 4-4 4 4c.154.094 1 1 1 1V4c0-2 1.5-3 1.5-3H16s-1 1-1 3v17-1.5l-4-4-4 4V21 4C6.875 1.494 8.427.898 11 1h6.5c.402-.096 1.5 0 1.499 2C18.997 5 19 5 19 5h-3v1h4z" class="ps-icon__fg--fill___1Nbfk"></path></svg></span></div><span></span></button><button class="ps-button___2EFfR ps-button--flat___3IG4H ps-button--small___3bU65 ps-button--icon-only___1iOv7"><div class="ps-button__icon___3o9gL"><span class="ps-icon___2krFn ps-icon--small___32ekv"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>More icon</title><g class="ps-icon__fg--fill___1Nbfk"><path d="M4.5 10c-.827 0-1.5.673-1.5 1.5S3.673 13 4.5 13 6 12.327 6 11.5 5.327 10 4.5 10m0 4A2.504 2.504 0 0 1 2 11.5C2 10.122 3.122 9 4.5 9S7 10.122 7 11.5 5.878 14 4.5 14M11.5 10c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5m0 4A2.504 2.504 0 0 1 9 11.5C9 10.122 10.122 9 11.5 9s2.5 1.122 2.5 2.5-1.122 2.5-2.5 2.5M18.5 10c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5m0 4a2.504 2.504 0 0 1-2.5-2.5c0-1.378 1.122-2.5 2.5-2.5s2.5 1.122 2.5 2.5-1.122 2.5-2.5 2.5"></path></g></svg></span></div><span></span></button></div></div><div class="ps-card__title___CCHuG"><span style="display:block;position:relative;overflow:hidden;max-height:0px;"><span style="display:block;width:100%;">…</span><span style="display:block;overflow:hidden;height:0px;width:100%;">The Card Title</span><span style="display:block;position:absolute;left:-20000px;width:100%;"><span style="display:block;"><span style="display:block;">W</span><span style="display:block;">W</span></span><span style="display:block;">…</span></span></span></div></div></div></div><div class="src___3PC8V"><div class="root___3LLvR"><div class="root___3OvNE"><div class="optionActiveBg___3m-Na option___1ejQX"></div><button class="optionActive___6PkC_ option___1ejQX">REACT</button><button class="option___1ejQX">HTML</button></div></div><div class="srcOptions___1yeyx"><pre><code class="html react___3L7f-">import Card from &#x27;@pluralsight/ps-card/react&#x27;

&lt;Card actions=&quot;[object Object]&quot;&gt;&lt;/Card&gt;
&lt;Card actions=&quot;[object Object],[object Object]&quot;&gt;&lt;/Card&gt;
</code></pre></div></div></div></div></div></main></div></div></div></div><script src="/index.js"></script></body></html>

0 comments on commit 7acaf00

Please sign in to comment.