-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploy website - based on 18831f0ad629fcbaac2695986889fdab1c2fb802
- Loading branch information
1 parent
2101b27
commit 117d6ba
Showing
16 changed files
with
31 additions
and
31 deletions.
There are no files selected for viewing
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
Large diffs are not rendered by default.
Oops, something went wrong.
File renamed without changes.
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -9,12 +9,12 @@ | |
|
|
||
| <script src="https://kit.fontawesome.com/f7f35653b1.js" defer="defer"></script><link rel="stylesheet" href="/assets/css/styles.25dc0332.css"> | ||
| <link rel="preload" href="/assets/js/runtime~main.4602f4c4.js" as="script"> | ||
| <link rel="preload" href="/assets/js/main.52c4f90e.js" as="script"> | ||
| <link rel="preload" href="/assets/js/main.2676fb03.js" as="script"> | ||
| </head> | ||
| <body class="navigation-with-keyboard"> | ||
| <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus"> | ||
| <div id="layout"><a href="#menu" id="menuLink" class="menu-link"><span></span></a><div id="menu"><div class="pure-menu"><a class="pure-menu-heading" href="/">Pure</a><ul class="pure-menu-list"><li class="pure-menu-item"><a class="pure-menu-link" href="/start/">Get Started</a></li><li class="pure-menu-item"><a class="pure-menu-link" href="/layouts/">Layouts</a></li><li class="pure-menu-item menu-item-divided"><a class="pure-menu-link" href="/base/">Base</a></li><li class="pure-menu-item"><a class="pure-menu-link" href="/grids/">Grids</a></li><li class="pure-menu-item"><a class="pure-menu-link" href="/forms/">Forms</a></li><li class="pure-menu-item"><a class="pure-menu-link" href="/buttons/">Buttons</a></li><li class="pure-menu-item"><a class="pure-menu-link" href="/tables/">Tables</a></li><li class="pure-menu-item"><a class="pure-menu-link" href="/menus/">Menus</a></li><li class="pure-menu-item menu-item-divided"><a class="pure-menu-link" href="/tools/">Tools</a></li><li class="pure-menu-item"><a class="pure-menu-link" href="/customize/">Customize</a></li><li class="pure-menu-item"><a class="pure-menu-link" href="/extend/">Extend</a></li><li class="pure-menu-item"><a href="https://github.com/pure-css/pure/releases/" class="pure-menu-link">Releases</a></li></ul></div></div><div id="main" class="base"><div class="header"><h1>Base</h1><h2>Leveraging Normalize.css, an HTML5-ready alternative to CSS resets.</h2></div><div class="content"><h2 id="the-foundation" class="content-subhead">The Foundation<a href="#the-foundation" class="content-link" title="Heading anchor"></a></h2><p>All modules in Pure build on top of <a href="https://necolas.github.io/normalize.css/">Normalize.css</a>. It's our foundational layer to maintain some degree of cross-browser consistency. You can pull in Normalize.css by adding this <code><link></code> element on your page:</p><div><div class="code code-wrap"><pre style="display:block;overflow-x:auto;padding:0.5em;color:#000;background:#f8f8ff"><code class="language-html" style="white-space:pre"><span><link </span><span style="color:#000080;font-weight:normal">rel</span><span>=</span><span style="color:#219161">"stylesheet"</span><span> </span><span style="color:#000080;font-weight:normal">href</span><span>=</span><span style="color:#219161">"https://cdn.jsdelivr.net/npm/[email protected]/build/base-min.css"</span><span>></span></code></pre></div></div><h3>A bit about Normalize.css</h3><p><a href="https://necolas.github.io/normalize.css/">Normalize.css</a> is an open-source project by <a href="http://twitter.com/necolas">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal">Jonathan Neal</a>. <a href="http://nicolasgallagher.com/about-normalize-css/">In their own words</a>:</p><blockquote class="content-quote">Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset."</blockquote><p>Normalize.css comes with <a href="https://github.com/necolas/normalize.css/wiki">great documentation</a> and a <a href="http://nicolasgallagher.com/about-normalize-css/">thorough guide</a> explaining how it differs from a traditional reset.</p><h2 id="extras" class="content-subhead">Extras<a href="#extras" class="content-link" title="Heading anchor"></a></h2><p>In addition to Normalize.css rules, Pure's Base module contains some common styles that are used by most websites.</p><h3>Hiding Elements</h3><p>Add the <code>hidden</code> attribute to an HTML element to hide it from the screen via <code>display: none !important;</code>.</p><div><div class="code code-wrap"><pre style="display:block;overflow-x:auto;padding:0.5em;color:#000;background:#f8f8ff"><code class="language-html" style="white-space:pre"><span><</span><span style="color:#954121">input</span><span> </span><span style="color:#954121">type</span><span>="text" </span><span style="color:#19469d">name</span><span>="_csrf" hidden></span></code></pre></div></div><h3>Responsive Images</h3><p>Add the <code>.pure-img</code> class name to an <code><img></code> element to make it scale with the viewport. This is handy when building responsive websites.</p><div><div class="code code-wrap"><pre style="display:block;overflow-x:auto;padding:0.5em;color:#000;background:#f8f8ff"><code class="language-html" style="white-space:pre"><span><img </span><span style="color:#000080;font-weight:normal">class</span><span>=</span><span style="color:#219161">"pure-img"</span><span> </span><span style="color:#000080;font-weight:normal">src</span><span>=</span><span style="color:#219161">"..."</span><span>></span></code></pre></div></div><h2 id="moving-beyond-normalize" class="content-subhead">Moving beyond Normalize<a href="#moving-beyond-normalize" class="content-link" title="Heading anchor"></a></h2><p>Normalize.css is a great starting place for your project, but some HTML elements such as forms, tables, and menus require more styling than what's provided by Normalize.</p><p>We made a more opinionated look and feel for these elements, while keeping them minimal enough so that you can customize them for your site or app's needs. Check out our CSS for <a href="/forms/">Forms</a>, <a href="/tables/">Tables</a>, and <a href="/menus/">Menus</a>.</p></div><div class="footer"><div class="legal pure-g"><div class="pure-u-1 u-sm-1-2"><p class="legal-license">This site is built with ❤️ using Pure v<!-- -->3.0.0<br>All code on this site is licensed under the <a href="https://github.com/pure-css/pure/blob/master/LICENSE">Yahoo BSD License</a> unless otherwise stated.</p></div><div class="pure-u-1 u-sm-1-2"><ul class="legal-links"><li><a href="https://github.com/pure-css/pure/">GitHub Project</a></li><li><a href="https://hackerone.com/yahoo/">Security Contact Info</a></li></ul><p class="legal-copyright">© 2014 - Present Yahoo Inc. All rights reserved.</p></div></div></div></div></div></div> | ||
| <script src="/assets/js/runtime~main.4602f4c4.js"></script> | ||
| <script src="/assets/js/main.52c4f90e.js"></script> | ||
| <script src="/assets/js/main.2676fb03.js"></script> | ||
| </body> | ||
| </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
Oops, something went wrong.