+static/css/clym.css +templates/layout-pure.tpl +static/css/pure_r1.0.0/ - cl-yag - Common Lisp Yet Another website Generator HTML git clone git://bitreich.org/cl-yag/ git://enlrupgkhuxnvlhsf6lc3fziv5h2hhfrinws65d7roiv6bfj7d652fid.onion/cl-yag/ DIR Log DIR Files DIR Refs DIR Tags DIR README DIR LICENSE --- DIR commit cbb88896996e3df01b181dacf26607856b14054c DIR parent 6b77098cb11f735b256fa522cbec30495000749a HTML Author: lambda <lambda@fnord.one> Date: Sun, 3 Dec 2017 01:19:14 +0100 +static/css/clym.css +templates/layout-pure.tpl +static/css/pure_r1.0.0/ Status of this commit: Interim & Experimental. Diffstat: M data/articles.lisp | 9 ++++++--- A data/css.md | 78 +++++++++++++++++++++++++++++++ M generator.lisp | 2 +- A static/css/clym.css | 210 +++++++++++++++++++++++++++++++ A static/css/custom.css | 7 +++++++ A static/css/pure_r1.0.0/HISTORY.md | 469 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/LICENSE.md | 52 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/README.md | 185 ++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/base-contex… | 12 ++++++++++++ A static/css/pure_r1.0.0/base-contex… | 481 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/base-min.css | 12 ++++++++++++ A static/css/pure_r1.0.0/base.css | 463 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/bower.json | 9 +++++++++ A static/css/pure_r1.0.0/buttons-cor… | 8 ++++++++ A static/css/pure_r1.0.0/buttons-cor… | 48 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/buttons-min… | 8 ++++++++ A static/css/pure_r1.0.0/buttons.css | 128 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/forms-min.c… | 8 ++++++++ A static/css/pure_r1.0.0/forms-nr-mi… | 8 ++++++++ A static/css/pure_r1.0.0/forms-nr.css | 318 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/forms.css | 383 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/grids-core-… | 8 ++++++++ A static/css/pure_r1.0.0/grids-core.… | 80 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/grids-min.c… | 8 ++++++++ A static/css/pure_r1.0.0/grids-respo… | 8 ++++++++ A static/css/pure_r1.0.0/grids-respo… | 8 ++++++++ A static/css/pure_r1.0.0/grids-respo… | 8 ++++++++ A static/css/pure_r1.0.0/grids-respo… | 862 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/grids-units… | 8 ++++++++ A static/css/pure_r1.0.0/grids-units… | 218 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/grids.css | 293 ++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/menus-core-… | 8 ++++++++ A static/css/pure_r1.0.0/menus-core.… | 41 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/menus-dropd… | 8 ++++++++ A static/css/pure_r1.0.0/menus-dropd… | 44 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/menus-horiz… | 8 ++++++++ A static/css/pure_r1.0.0/menus-horiz… | 25 +++++++++++++++++++++++++ A static/css/pure_r1.0.0/menus-min.c… | 8 ++++++++ A static/css/pure_r1.0.0/menus-scrol… | 8 ++++++++ A static/css/pure_r1.0.0/menus-scrol… | 33 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/menus-skin-… | 8 ++++++++ A static/css/pure_r1.0.0/menus-skin.… | 64 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/menus.css | 187 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/pure-min.css | 12 ++++++++++++ A static/css/pure_r1.0.0/pure-nr-min… | 12 ++++++++++++ A static/css/pure_r1.0.0/pure-nr.css | 1443 ++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/pure.css | 1508 +++++++++++++++++++++++++++++++ A static/css/pure_r1.0.0/tables-min.… | 8 ++++++++ A static/css/pure_r1.0.0/tables.css | 81 ++++++++++++++++++++++++++++++ M static/css/style.css | 19 +++++++++++++++++++ A templates/layout-pure.tpl | 34 +++++++++++++++++++++++++++++++ M templates/layout.tpl | 4 ++-- 52 files changed, 7956 insertions(+), 6 deletions(-) --- DIR diff --git a/data/articles.lisp b/data/articles.lisp @@ -33,11 +33,14 @@ (defvar *articles* (list + ;; CSS + (list :id "css" :date "02.12.2017" :tag "cl-yag" + :title "CSS For cl-yag" :author "lambda" :tiny "Read more") ;; README - (list :id "README" :date "23 November 2017" :tag "cl-yag README" - :title "README" :author "lambda" :short "cl-yag's README got reworked." :tiny "Read cl-yag's README") + (list :id "README" :date "23.11.2017" :tag "cl-yag" + :title "README" :author "lambda" :tiny "Read cl-yag's README") ;; 1 - (list :id "1" :date "29 April 2016" :tag "pony code" + (list :id "1" :date "29.04.2016" :tag "pony" :title "My first message" :short "This is my first message" :author "Solène" :tiny "Read more") )) DIR diff --git a/data/css.md b/data/css.md @@ -0,0 +1,78 @@ +# CSS For cl-yag + +Well, now cl-yag comes with a default css-stylesheet. + +## Where The Stylesheets Live + +All of cl-yag's style sheets are located in **css/**. Of course you +can change that, but we recommend sticking to it. Currently there are +the following files: + + css/ + |-- clym.css + |-- custom.css + `-- style.css + + +## style.css -- One Sheet To Rule Them All + +In order to keep it simple cl-yag uses **data/css/style.css** to +administrate all of its stylesheets. Use the ``@import`` rule to include +your own, or comments to get rid of what is already there. + +Currently, it looks like this: + + /* ==================================================================== */ + /* style.css for cl-yag */ + /* ==================================================================== */ + @charset "utf-8"; + + + /* ~ PURE.CSS ~ */ + @import url("pure_r1.0.0/pure.css"); + @import url("pure_r1.0.0/grids.css"); + @import url("pure_r1.0.0/grids-responsive.css"); + + + /* ~ Stylesheet for cl-yag ~ */ + @import url("clym.css"); + + + /* ~ LAST ENTRY ~ */ + /* ~ custom.css to override styles. ~ */ + @import url("custom.css"); + + +## Pure.css + +cl-yag uses stylesheets from [pure.css](https://purecss.io/ "Pure.css"), +"a set of small, responsive CSS modules", as a minimal css framework: It +employs **pure.css**, **grids.css** and **grids-responsive.css** to +provide a limited set of expected features, e.g. usable menus and basic +responsiveness. + +Additionally, cl-yag puts its first, own stylesheet as a topping on +pure's magic: clym. + +## clym.css -- A Default Stylesheet + +*clym* stands for *cl-yag minimal* and is a set af rules designed to +work with cl-yags specific skeleton. It also provides an unbtrusive +color scheme and some basic typography. You'll find it in +**static/css/clym.css**. + +If you don't like it, deactivate it by uncommenting the following line +in **data/css/style.css**: + + @import url("clym.css"); + + +## custom.css -- Tweak Your Style + +cl-yag provides you with **data/css/custom.css** to tweak your styles. +In order to override rules located in all previous style sheets it needs +to get sourced in as the last file in **data/css/style.css**. + + + + DIR diff --git a/generator.lisp b/generator.lisp @@ -115,7 +115,7 @@ ;; return a html string ;; produce the code of a whole page with title+layout with the parameter as the content (defun generate-layout(body &optional &key (title nil)) - (prepare "templates/layout.tpl" + (prepare "templates/layout-pure.tpl" (template "%%Title%%" (if title title (getf *config* :title))) (template "%%Tags%%" (get-tag-list)) (template "%%Body%%" body) DIR diff --git a/static/css/clym.css b/static/css/clym.css @@ -0,0 +1,210 @@ +/* ====================================================== */ +/* A basic style for wrapper main footer */ +/* ====================================================== */ +html{ + overflow-y:scroll; +} +html, body { + margin: 0em; + padding: 0em; + min-height:100%; + height: 100%; +} +body { + position: relative; + margin: 0 auto; + padding: 0em 1em; +} +#wrapper { + position: relative; + width:100%; + min-height: 100%; + margin: 0em auto; +} +main { + padding-bottom: 3em; + height:100%; +} +main:after { + display: block; + width: 100%; + content:""; + clear: both; +} +footer { + position: absolute; + width: 100%; + height: 3em; + bottom: 0em; + text-align: center; +} +footer > p { + display: block; + text-align: center; + font-size: 0.9em; +} +/* ====================================================== */ +/* A basic style for header */ +/* ====================================================== */ +/* All Tags */ +header > div { + display: block; + margin: 0.5em auto auto auto; + padding: 1ex; + float: right; + border: 1px solid transparent; + min-width: auto; + max-width: 100%; +} +/* ====================================================== */ +/* A basic responsive'ish ruleset */ +/* ====================================================== */ + +@media only screen and (min-width: 360px) { + #wrapper { + font-size: 0.95em; + } +} +@media only screen and (min-width: 800px) { + #wrapper { + max-width: 730px; + max-width: 750px; + font-size: 1em; + } +} +@media only screen and (min-width: 1000px) { + #wrapper { + max-width: 800px; + } +} +@media only screen and (min-width: 1025px) { + #wrapper { + max-width: 1000px; + } +} +/* ====================================================== */ +/* A basic colortheme */ +/* ====================================================== */ +html, body { + font-family: Arial, sans; + color: #1f1f1f ; +} +main { + line-height: 1.3em; +} +h1,h2,h3 { + font-weight: bold; + line-height: 1.8; + margin: 0em; +} +h1 { + font-size: 175%; +} +h2 { + font-size: 150%; +} +h3 { + font-size: 125%; +} +p { + text-align: justify; +} +a { + color: #3b5487; + text-decoration: none; +} +a:active, a:hover, a:focus { + color: #203785; + text-decoration: underline; +} +a.pure-menu-link { + color: #3b5487; + text-decoration: none; + font-weight: 700; +} +a.pure-menu-link:active, a.pure-menu-link:hover, a.pure-menu-link:focus { + color: #203785; +} +footer > p { + display: block; + text-align: center; + font-size: 0.9em; +} +/* default style for information */ +article > header { + font-weight: 900; + font-size: 90%; + text-align: center; +} +article > header > h1 > a { + color: #1f1f1f ; + text-decoration: none; +} +nav.pure-menu { + text-transform: capitalize; +} +/* ====================================================== */ +/* A basic style for code */ +/* ====================================================== */ +code { + display:inline-block; + padding: 1px 5px; + border-radius: 3px; + background-color: #e3f0ff; + font-weight: 700; + font-size: 0.8em; + color: #3c3f42; +} +pre > code { + display: block; + height: auto; + padding: 1em; +} +/* ====================================================== */ +/* A basic style for posts */ +/* ====================================================== */ +article { + display: block; + float: left; + clear:both; + width: 100%; +} +article:after { + display:block; + height: 1em; + content:""; + clear:both; +} +article > header { + display:block; + margin: 0em; + padding: 1em; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: 1px 1px 5px 1px #1f1f1f; + box-shadow: 1px 1px 5px 1px #1f1f1f; +} +article > header:after { + display:block; + width:100%; + height: auto; + content:""; + clear:both; +} +article > header > .information { + font-size: 80%; +} +article > header > h1 { + float: left; + margin: auto 1em; +} +article > header > p { + float: left; + margin-top: 5px; +} +article > header + h1 { + margin-top: 1em; +} + + + DIR diff --git a/static/css/custom.css b/static/css/custom.css @@ -0,0 +1,7 @@ +/* ==================================================================== */ + /* custom.css */ +/* ==================================================================== */ +/* use this file to tweak your styles by overriding them */ + + + DIR diff --git a/static/css/pure_r1.0.0/HISTORY.md b/static/css/pure_r1.0.0/HISTORY.md @@ -0,0 +1,469 @@ +Pure Change History +=================== + +1.0.0 (2017-06-05) +------------------ + +The community has battle-tested Pure and provided valuable feedback. We are now at a place where we can guarantee backwards compatibility through all subsequent 1.x releases. + +We hope you have found Pure to be useful and unobtrusive.. To provide feedback, please comment on this GitHub issue, or file a new issue to have it tracked as a separate thread. + + +0.6.2 (2017-01-05) +------------------ + +* Added proper module API for node users [#619] + +### Buttons + +* Added Button Groups to Pure [#621] + +### Menus + +* Reset style for horizontal dropdown separator [#620] + +0.6.1 (2016-10-12) +------------------ + +* Migrate to PostCSS for browser prefixes [#617] +* Remove duplicate Firefox inner focus border [#457] +* Fix grid inside table in IE 10/11 [#504] +* Fix CSSLint issues [#609] +* Upgraded grunt dependencies to 1.x [#609] + +0.6.0 (2015-02-07) +------------------ + +* Upgraded Normalize.css to 3.0.2. +* Dropped IE7 support. +* Refactored Menus. +* Numerous minor bug fixes. + +### Menus + +* Implemented flatter, low-specificity selectors, not attached to HTML elements, + for easier customization. +* Removed pure-menu-open class. +* Added pure-menu-scrollable capability, to allow for scrollable menus when + restricted by width or height. +* Added pure-menu-allow-hover to reveal dropdowns on hover. +* Removed various default styling properties, making menus a bit more bare-bones, +a bit less opinionated, a bit easier to customize on top. +* Broke Menu up into files for core, horizontal, dropdowns, scrollable, and skin, + again for improved optimization and ease of customization: take only what you + need. +* Removed Paginator. +* While not part of the Pure repo itself, the accompanying Pure website now + features additional menu examples and an example script for enabling dropdowns + and improved accessiblity. + +0.5.0 (2014-05-27) +------------------ + +### Base + +* Added the `.pure-img` class name for make images scale with the viewport in + fluid layouts. + +### Grids + +* __[!]__ Removed `.pure-g-r` from core, in favor of a mobile-first responsive + grid system. ([#24][], [#267][]) + + To use the mobile-first grid system, you need to pull in `pure.css`, along + with `grids-responsive.css`. We also have `grids-responsive-old-ie.css` that + you can serve to IE < 9 users so that they can view a desktop-version of your + website: + + ```html + <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/pure-min.css"> + + <!--[if lt IE 9]> + <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/grids-responsive-old-ie-min.css"> + <![endif]--> + <!--[if gt IE 8]><!--> + <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/grids-responsive-min.css"> + <!--<![endif]--> + ``` + + Find out more about the new grid system at <http://purecss.io/grids/>. + +### Tables + +* Switched cell padding in Tables from `px` to `em` units, and also increased + the amount of padding to `padding: 0.5em 1em`. + + +[#24]: https://github.com/yahoo/pure/issues/24 +[#267]: https://github.com/yahoo/pure/pull/267 + + +0.4.2 (2014-02-13) +------------------ + +* Added `main` to Pure's `bower.json` file to allow easier integration with + build processes and tooling. ([#286][] @stevenvachon) + +### Forms + +* Improved how `<input type="color">` elements look in Chrome by fixing + paddings. ([#283][] @jpetto) + +* Removed `font-size` rules from `<input>`, `<legend>`, and `<fieldset>` + elements within `.pure-form`. Font sizes are now inherited from the + application's CSS file. ([#265][]) + +* Invalid `<input>` elements within a Pure Form no longer explicitly set a + `border-width`. ([#295][] @kwando) + + +[#265]: https://github.com/yahoo/pure/issues/265 +[#283]: https://github.com/yahoo/pure/issues/283 +[#286]: https://github.com/yahoo/pure/issues/286 +[#295]: https://github.com/yahoo/pure/issues/295 + + +0.4.1 (2014-02-06) +------------------ + +### Base + +* Elements that have Pure classnames which set a `display` declaration _and_ use + the `hidden` HTML attribute will now properly be hidden. With these changes, + the following button will be hidden from view: + + ```html + <button class="pure-button" hidden>No showy</button> + ``` + + A new rule for the `[hidden]` selector has been added with the declaration: + `display: none !important;`. This is a time where it's appropriate for a + project like Pure to use `!important`. ([#177][]) + +### Buttons + +* Removed all the occurrences of `-ms-linear-gradient()` from Buttons since it + has never been in the final version of IE 10. ([#200][]: @AurelioDeRosa) + +* `<input>` Buttons now have the same height as non-input buttons. + `font-family: inherit;` has been added to the `.pure-button` selector to + normalize the difference in height. ([#221][] @narcis-radu) + +* Buttons now have visually uniform default `padding` on all four sides. The + left/right padding is 2x the top/bottom padding. ([#191][] @achalv) + +### Forms + +* Added `vertical-align: top;` to `<textarea>`s within `.pure-form-aligned` + Forms to fix an alignment issue where its label was aligned to the middle. + ([#174][] @rictorres, @ItsAsbreuk) + +* Added styling for `<input>` elements that don't have a `type` attribute. + ([#261][] @dougdavies) + +### Grids + +* Added all non-reduced fractions to Grids default 5ths- and 24ths-based units. + There are now styles specified for `.pure-u-1-24` – `.pure-u-24-24`. All 5ths- + based units and reduced factions still remain; e.g., both `.pure-u-12-24` and + `.pure-u-1-2` exist. ([#144][] @mike-engel) + +* Removed `grids-units.css` from `src/`, this file is now generated via a Grunt + task. The units generation is done via the new + [`rework-pure-grids`][rework-pure-grids] [Rework][] plugin, and it can be used + to create any custom nth-based units for Pure's Grids system. + +### Menus + +* Removed hard-coded height for horizontal menus. ([#164][]) + + +[#144]: https://github.com/yahoo/pure/issues/144 +[#164]: https://github.com/yahoo/pure/issues/164 +[#174]: https://github.com/yahoo/pure/issues/174 +[#177]: https://github.com/yahoo/pure/issues/177 +[#191]: https://github.com/yahoo/pure/issues/191 +[#200]: https://github.com/yahoo/pure/issues/200 +[#221]: https://github.com/yahoo/pure/issues/221 +[#261]: https://github.com/yahoo/pure/issues/261 + +[rework-pure-grids]: https://github.com/ericf/rework-pure-grids +[Rework]: https://github.com/visionmedia/rework + + +0.4.0 (2014-02-06) +------------------ + +* __[!]__ Corrupted release build, use `0.4.1`. + + +0.3.0 (2013-09-09) +------------------ + +* __[!]__ Pure now requires the Base module (which is Normalize.css) to be on + the page. Pure has essentially always required the styles provided by + Normalize.css via the Base module, and this now makes it a firm requirement. + The `pure-min.css` and `pure-nr-min.css` rollup files already include the Base + module. + + **Note:** When using a [custom subset][Customize] of Pure, be sure to include + the Base module. + +* Added non-minified rollup files: `pure.css` and `pure-nr.css`. These files are + created in addition to the minified rollups: `pure-min.css` and + `pure-nr-min.css`. The minified rollups _should_ be used in production. + ([#171][] @omeid) + +### Base + +* __[!]__ Removed Normalize.css from checked-in `src/`. Bower is now used to + programmatically import Normalize.css into `bower_components/` if it's not + already installed. Normalize.css is still bundled with Pure, this change is a + development-time change only. ([#160][]) + +### Buttons + +* Removed `-webkit-font-smoothing: antialiased` rule from Buttons. Pure should + not dictate sub-pixel font rendering, that should be left to the person's + browser settings and/or the developer. ([#170][] @dchest) + +### Forms + +* __[!]__ Removed `forms-core.css`. This was a copy of Normalize.css' form + related styles. Now that Pure requires the Base module (Normalize.css) to be + on the page, the Forms Core submodule is no longer needed. ([#160][]) + +* Added `:focus` styles to `[readonly]` `<input>` elements. ([#143][]) + +* Removed `-webkit-font-smoothing: antialiased` rule from Forms input styles. + Pure should not dictate sub-pixel font rendering, that should be left to the + person's browser settings and/or the developer. ([#185][] @dchest) + +### Grids + +* __[!]__ Improved support for Grids across OS/browser combinations, and its + ability to withstand the use of non-default fonts when set by either the + person in their browser settings or by the developer using custom fonts. + + Grids now uses CSS3 Flexbox when possible to avoid the side-effects of setting + a negative `letter-spacing` — the fallback for older browsers. Grids also now + uses a specific font stack on `.pure-g` and `.pure-g-r` classes to ensure the + greatest OS/browser compatibility when non-default fonts are being used. By + default grid units will now have `font-family: sans-serif;` applied — this is + the default font stack Pure's Base module (Normalize.css) applies to the + `<body>`. + + This is a **breaking change** if you are using any non-default fonts in your + web project. Fortunately, it's quite easy to make sure your custom font stacks + apply to content within Pure Girds. Instead of applying your custom font to + only the `<body>` element, apply it to the grid units as well: + + ```css + body, + .pure-g [class *= "pure-u"], + .pure-g-r [class *= "pure-u"] { + /* Set you're content font stack here: */ + font-family: Georgia, Times, "Times New Roman", serif; + } + ``` + + Refer to the [Grids Documentation][Grids-fonts] for more details on using + non-default fonts with Pure Grids. + ([#41][], [#162][], [#166][], [#189][]: @adapterik @dannyfritz, @pandeiro) + +* Fixed grid units from falling to a new line on IE 6 and IE 7. Grid units now + have a separate `*width` value for these older versions of IE. This value is + `0.005%` less than the standard `width` value. This fix does not affect modern + browsers because it uses the star hack. ([#154][]) + +* Added a `height: auto` rule to images within a `.pure-g-r` so that their + aspect ratios are maintained when the page is resized. ([#172][]: @dchest) + + +[#41]: https://github.com/yahoo/pure/issues/41 +[#143]: https://github.com/yahoo/pure/issues/143 +[#154]: https://github.com/yahoo/pure/issues/154 +[#160]: https://github.com/yahoo/pure/issues/160 +[#162]: https://github.com/yahoo/pure/issues/162 +[#166]: https://github.com/yahoo/pure/issues/166 +[#170]: https://github.com/yahoo/pure/issues/170 +[#171]: https://github.com/yahoo/pure/issues/171 +[#172]: https://github.com/yahoo/pure/issues/172 +[#185]: https://github.com/yahoo/pure/issues/185 +[#189]: https://github.com/yahoo/pure/issues/189 + +[Customize]: http://purecss.io/customize/ +[Grids-fonts]: http://purecss.io/grids/#using-grids-with-custom-fonts + + +0.2.1 (2013-07-17) +------------------ + +### Forms + +* __[!]__ Made `[readonly]` `<input>`s look visually different to `[disabled]` + and regular `<input>`s. ([#102][]: @jaseg) + +* Fixed copy/paste bug that mapped text inputs to `.pure-form` instead of + `.pure-group`. The `.pure-form-group input` styles are now applied to all + text-ish `<input>` elements. ([#96][]) + +* Fixed `.pure-input-rounded` styles to now apply correctly. The change to use + more specific selectors for text-ish inputs in v0.2.0 caused the + `.pure-input-rounded` selector to not apply because it was less specific. This + selector now has right specificity. ([#109][]: @AurelioDeRosa) + +* Added `display: block` to `<textarea>`s in `.pure-form-stacked` `<form>`s to + fix an alignment issue for subsequent elements. ([#90][]: @AurelioDeRosa) + +* Removed the gray `color` from `.pure-form label`. This allows `<label>`s to + inherit their foreground color. ([#89][]: @AurelioDeRosa) + +### Grids + +* __[!]__ Changed `.pure-u-1` grid unit to now use `width: 100%` instead of + `display: block` to achieve taking up the full width of its container. This + makes it easier to override and align since it's using `display: inline-block` + like the other grid units. ([#94][]) + +* Fixed `width` value typo in `.pure-u-1-6`, changed it from `16.656%` to + `16.666%`. ([#115][]: @chilts) + +### Menus + +* __[!]__ Fixed broken styling of active paginator items by using Grids CSS + rules to layout items horizontally; this makes sure the active item isn't + overlapped. ([#127][]) + +### Tables + +* Removed `white-space: nowrap` from `.pure-table thead`. This fixes issues + where tables inside of grids would break the grid. ([#95][]: @AurelioDeRosa) + + +[#89]: https://github.com/yahoo/pure/issues/89 +[#90]: https://github.com/yahoo/pure/issues/90 +[#94]: https://github.com/yahoo/pure/issues/94 +[#95]: https://github.com/yahoo/pure/issues/95 +[#96]: https://github.com/yahoo/pure/issues/96 +[#102]: https://github.com/yahoo/pure/issues/102 +[#109]: https://github.com/yahoo/pure/issues/109 +[#115]: https://github.com/yahoo/pure/issues/115 +[#127]: https://github.com/yahoo/pure/issues/127 +[#172]: https://github.com/yahoo/pure/pull/172 + + +0.2.0 (2013-06-11) +------------------ + +* __[!]__ Fixed accessibility mistake by removing `a:focus {outline: none;}` + rule from `buttons-core.css`. + +* __[!]__ Improved `:focus` styles by applying the same rules that are used by + `:hover` styles. When overriding Pure's `:hover` styles, be sure to include + `:focus` selectors as well. + +* Added improvements to developer workflow: + + * Added basic Tests using CSSLint via `grunt test` ([#25][]) + + * Integrated Travis CI which runs `grunt test` on pushes to `master` and for + pull requests. + + * Added `grunt watch` task which runs tests and build. + + * Added support to `pure-site` for serving `pure` locally during + development. ([#46][], [yahoo/pure-site#111][]) + +* Removed vendor prefixes for `box-shadow`, `text-shadow`, `border-radius`. All + modern browsers support the non-prefixed versions of these properties. + ([#23][]) + +### Forms + +* __[!]__ Replaced `.pure-help-inline` with `.pure-form-message-inline`. We + still support the older classname but it is deprecated and will be going away + in a future release. ([#32][]: @dannytatom) + +* Added a new class called `.pure-form-message`. It works the same way as + `.pure-form-message-inline` but is meant for block elements. + ([#32][]: @dannytatom) + +* Added focus styles for file, radio, and checkbox `<input>`s to improve + accessibility. ([#42][]: @codepb) + +* `<textarea>`s now have the same styling as `<input>`s. ([#49][]: @rcbdev) + +* `.pure-form input` rules are now more specific by targetting only "texty" + `<inputs>`. This prevents these styles from affecting "buttony" `<input>`s. + ([#54][]) + +### Grids + +* Elements with classnames before the responsive grid's unit classnames now + works correctly. Before units were targeted using the `^=` ("starts with") + selector, which meant that if another classname preceded the unit classname, + then the rule would not apply. ([#44][]) + +### Menus + +* Added `.pure-menu-separator` classname that can be used to visually + separate horizontal menu items. ([#53][]: @codepb, @mseri) + +* Focused menus have an `outline: none` by default. Instead, menu-items that + have been opened to display children (in a drop-down menu) get a slight + background (`#dedede`) for accessibility. ([#22][]) + + +[#22]: https://github.com/yahoo/pure/issues/22 +[#23]: https://github.com/yahoo/pure/issues/23 +[#25]: https://github.com/yahoo/pure/issues/25 +[#32]: https://github.com/yahoo/pure/issues/32 +[#42]: https://github.com/yahoo/pure/issues/42 +[#44]: https://github.com/yahoo/pure/issues/44 +[#46]: https://github.com/yahoo/pure/issues/46 +[#49]: https://github.com/yahoo/pure/issues/49 +[#53]: https://github.com/yahoo/pure/issues/53 +[#54]: https://github.com/yahoo/pure/issues/54 + +[yahoo/pure-site#111]: https://github.com/yahoo/pure-site/issues/111 + + +0.1.0 (2013-05-24) +------------------ + +* __[!]__ Initial public release. + +* Upgraded Normalize.css to 1.1.2. + +* Integrated Bower into `grunt import` process. + +* Cleaned up manual test files, removing unnecessary CSS files and cruft. + +### Buttons + +* Added `border-radius: 2px` to enhance the appearance the they are click-able. + +### Menus + +* Removed `border-radius` from vertical menus. + +* Replaced blue hover for menus with light grey (`#eee`) + +* Removed `font-weight: bold` from selected menu items. + + +0.0.2 (2013-05-16) +------------------ + +* __[!]__ Renamed to Pure. + +* __[!]__ Renamed CSS classname prefix to `pure`. + +* Preview release (2). + + +0.0.1 (2013-05-14) +------------------ + +* Preview release. DIR diff --git a/static/css/pure_r1.0.0/LICENSE.md b/static/css/pure_r1.0.0/LICENSE.md @@ -0,0 +1,52 @@ +Software License Agreement (BSD License) +======================================== + +Copyright 2014 Yahoo! Inc. All rights reserved. + +Redistribution and use in source and binary forms, with or without +modification, are permitted provided that the following conditions are met: + + * Redistributions of source code must retain the above copyright + notice, this list of conditions and the following disclaimer. + + * Redistributions in binary form must reproduce the above copyright + notice, this list of conditions and the following disclaimer in the + documentation and/or other materials provided with the distribution. + + * Neither the name of the Yahoo! Inc. nor the + names of its contributors may be used to endorse or promote products + derived from this software without specific prior written permission. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND +ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED +WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE +DISCLAIMED. IN NO EVENT SHALL YAHOO! INC. BE LIABLE FOR ANY +DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES +(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; +LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND +ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT +(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS +SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + + +Normalize.css License +===================== + +Copyright (c) Nicolas Gallagher and Jonathan Neal + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. DIR diff --git a/static/css/pure_r1.0.0/README.md b/static/css/pure_r1.0.0/README.md @@ -0,0 +1,185 @@ +Pure +==== + +[![Pure](https://cloud.githubusercontent.com/assets/449779/5291099/1b554cca-7b03-11e4-9157-53a12d91b34a.png)][Pure] + +A set of small, responsive CSS modules that you can use in every web project. +[http://purecss.io/][Pure] + +[![Build Status](http://img.shields.io/travis/yahoo/pure.svg?style=flat)][Build Status] +[![Dependency Status](https://david-dm.org/yahoo/pure/dev-status.svg)](https://david-dm.org/yahoo/pure?type=dev) +[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/yahoo/pure?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) + +**Use From the CDN:** + +```html +<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css"> +``` + +Note: You can [customize which Pure modules you need][customize]. + +**Install with Bower:** + +```shell +$ bower install --save pure +``` + +**Install with NPM:** + +```shell +$ npm install purecss +``` + +[Pure]: http://purecss.io/ +[Bower]: http://bower.io/ +[Build Status]: https://travis-ci.org/yahoo/pure +[customize]: http://purecss.io/customize/ + + +Features +-------- + +Pure is meant to be a starting point for every website or web app. We take care +of all the CSS work that every site needs, without making it look cookie-cutter: + +* A responsive grid that can be customized to your needs. + +* A solid base built on [Normalize.css][] to fix cross-browser compatibility + issues. + +* Consistently styled buttons that work with `<a>` and `<button>` elements. + +* Styles for vertical and horizontal menus, including support for dropdown + menus. + +* Useful form alignments that look great on all screen sizes. + +* Various common table styles. + +* An extremely minimalist look that is super-easy to customize. + +* Responsive by default, with a non-responsive option. + +* Extremely small file size: **4.5KB minified + gzip**. + + +[Normalize.css]: http://necolas.github.io/normalize.css/ + + +Get Started +----------- + +To get started using Pure, go to the [Pure CSS website][Pure]. The website has +extensive documentation and examples to help you start using Pure. + +You can include the Pure CSS file in your project by fetching it from Yahoo's +CDN: + +```html +<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css"> +``` + +You can also install Pure using [Bower][], using the following command: + +```shell +$ bower install --save pure +``` + +Or you can install Pure using NPM: + +```shell +$ npm install purecss +``` + +Build From Source +----------------- + +Optionally, you can build Pure from its source on Github. To do this, you'll +need to have Node.js and npm installed. We use [Grunt][] to build Pure. + +```shell +$ git clone git@github.com:yahoo/pure.git +$ cd pure +$ npm install +$ grunt +``` + +### Build Files + +Now, all Pure CSS files should be built into the `pure/build/` directory. All +files that are in this build directory are also available on the CDN. The naming +conventions of the files in the `build/` directory follow these rules: + +* `[module]-core.css`: The minimal set of styles, usually structural, that + provide the base on which the rest of the module's styles build. + +* `[module]-nr.css`: Rollup of `[module]-core.css` + `[module].css` + + `[module]-[feature].css` from the `src/[module]/` dir. This is the + non-responsive version of a module. + +* `[module].css`: Rollup of `[module]-nr.css` + `[module]-r.css` from the + `build/` dir. This is the responsive version of a module. + +* `*-min.css`: A minified file version of the files of the same name. + +* `pure.css`: A rollup of all `[module].css` files in the `build/` dir. This is + a responsive roll-up of everything, non-minified. Note: does not contain responsive grids with @media queries. + +* `pure-min.css`: Minified version of `pure.css` that should be used in + production. + +* `pure-nr.css`: A Rollup of all modules without @media queries. This is a + non-responsive roll-up of everything, non-minified. + +* `pure-nr-min.css`: Minified version of `pure-nr.css` that should be used in + production. + +* `grids-responsive.css`: Unminified version of Pure's grid stylesheet which + includes @media queries. + +* `grids-responsive-min.css`: Minified version of `grids-responsive.css` that + should be used in production. + + +[Grunt]: http://gruntjs.com/ + + +Browser Support and Testing +--------------------------- + +Pure is tested and works in: + +* IE 8+ +* Latest Stable: Firefox, Chrome, Safari +* iOS 6-8 +* Android 4.x + + +Docs and Website +---------------- + +[Pure's website][Pure] is also open source, so please open any issues or pull +requests for the docs and website over at the [`pure-site`][pure-site] +repository. + + +[pure-site]: https://github.com/yahoo/pure-site + + +Contributing +------------ + +See the [CONTRIBUTING file][] for information on how to contribute to Pure. + + +[CONTRIBUTING file]: https://github.com/yahoo/pure/blob/master/CONTRIBUTING.md + + +License +------- + +This software is free to use under the Yahoo! Inc. BSD license. +See the [LICENSE file][] for license text and copyright information. + + +[LICENSE file]: https://github.com/yahoo/pure/blob/master/LICENSE.md DIR diff --git a/static/css/pure_r1.0.0/base-context-min.css b/static/css/pure_r1.0.0/base-context-min.css @@ -0,0 +1,11 @@ +/*! +Pure v1.0.0 +Copyright 2013 Yahoo! +Licensed under the BSD License. +https://github.com/yahoo/pure/blob/master/LICENSE.md +*/ +/*! +normalize.css v^3.0 | MIT License | git.io/normalize +Copyright (c) Nicolas Gallagher and Jonathan Neal +*/ bitreich.org:70 /scm/cl-yag/commit/cbb88896996e3df01b181dacf26607856b14054c.gph:1131: line too long