Remove unneccessary pure.css style sheets. Leave sane set of pure.css. Who needs more can easily download it. Change style.css accordingly. Add OpenBSD license to clym.css. Provide documentation via data/css.md. - 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 aa1264695d482881b8ddbfe78e13cc7300d899bd DIR parent cbb88896996e3df01b181dacf26607856b14054c HTML Author: lambda <lambda@fnord.one> Date: Sun, 3 Dec 2017 02:00:39 +0100 Remove unneccessary pure.css style sheets. Leave sane set of pure.css. Who needs more can easily download it. Change style.css accordingly. Add OpenBSD license to clym.css. Provide documentation via data/css.md. Status of this commit: Interim & Experimental. Requires Testing. Diffstat: M data/css.md | 127 +++++++++++++++++++++++-------- M generator.lisp | 2 +- A static/css/LICENSE | 20 ++++++++++++++++++++ M static/css/clym.css | 39 +++++++++++++++++-------------- M static/css/custom.css | 13 +++++++++++-- D static/css/pure_r1.0.0/HISTORY.md | 469 ------------------------------- D static/css/pure_r1.0.0/README.md | 185 ------------------------------ D static/css/pure_r1.0.0/base-contex… | 12 ------------ D static/css/pure_r1.0.0/base-contex… | 481 ------------------------------- D static/css/pure_r1.0.0/base-min.css | 12 ------------ D static/css/pure_r1.0.0/base.css | 463 ------------------------------- D static/css/pure_r1.0.0/bower.json | 9 --------- D static/css/pure_r1.0.0/buttons-cor… | 8 -------- D static/css/pure_r1.0.0/buttons-cor… | 48 ------------------------------- D static/css/pure_r1.0.0/buttons-min… | 8 -------- D static/css/pure_r1.0.0/buttons.css | 128 ------------------------------- D static/css/pure_r1.0.0/forms-min.c… | 8 -------- D static/css/pure_r1.0.0/forms-nr-mi… | 8 -------- D static/css/pure_r1.0.0/forms-nr.css | 318 ------------------------------- D static/css/pure_r1.0.0/forms.css | 383 ------------------------------- D static/css/pure_r1.0.0/grids-core-… | 8 -------- D static/css/pure_r1.0.0/grids-core.… | 80 ------------------------------- D static/css/pure_r1.0.0/grids-min.c… | 8 -------- D static/css/pure_r1.0.0/grids-respo… | 8 -------- D static/css/pure_r1.0.0/grids-respo… | 8 -------- D static/css/pure_r1.0.0/grids-respo… | 8 -------- D static/css/pure_r1.0.0/grids-respo… | 862 ------------------------------- D static/css/pure_r1.0.0/grids-units… | 8 -------- D static/css/pure_r1.0.0/grids-units… | 218 ------------------------------- D static/css/pure_r1.0.0/grids.css | 293 ------------------------------ D static/css/pure_r1.0.0/menus-core-… | 8 -------- D static/css/pure_r1.0.0/menus-core.… | 41 ------------------------------- D static/css/pure_r1.0.0/menus-dropd… | 8 -------- D static/css/pure_r1.0.0/menus-dropd… | 44 ------------------------------- D static/css/pure_r1.0.0/menus-horiz… | 8 -------- D static/css/pure_r1.0.0/menus-horiz… | 25 ------------------------- D static/css/pure_r1.0.0/menus-min.c… | 8 -------- D static/css/pure_r1.0.0/menus-scrol… | 8 -------- D static/css/pure_r1.0.0/menus-scrol… | 33 ------------------------------- D static/css/pure_r1.0.0/menus-skin-… | 8 -------- D static/css/pure_r1.0.0/menus-skin.… | 64 ------------------------------- D static/css/pure_r1.0.0/menus.css | 187 ------------------------------- D static/css/pure_r1.0.0/pure-min.css | 12 ------------ D static/css/pure_r1.0.0/pure-nr-min… | 12 ------------ D static/css/pure_r1.0.0/pure-nr.css | 1443 ------------------------------ D static/css/pure_r1.0.0/tables-min.… | 8 -------- D static/css/pure_r1.0.0/tables.css | 81 ------------------------------ M static/css/style.css | 14 ++++++-------- D templates/layout-pure.tpl | 34 ------------------------------- M templates/layout.tpl | 10 +++++----- C templates/layout.tpl -> templates/… | 0 51 files changed, 159 insertions(+), 6139 deletions(-) --- DIR diff --git a/data/css.md b/data/css.md @@ -1,16 +1,23 @@ # CSS For cl-yag -Well, now cl-yag comes with a default css-stylesheet. +cl-yag comes with a default css-stylesheet - *clym* - and a useful +approach to administrate, tweak and test your stylesheets. *clym* +doesn't use javascript and provides *nil* javascript-features (such as +dropdown-menus). + ## 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: +All of cl-yag's style sheets are located in **static/css/**. Of course +you can change that, but we recommend sticking to it. It pays to know +where your stuff is. Currently there are the following files: css/ |-- clym.css |-- custom.css + |-- pure_r1.0.0/ + | |-- LICENSE.md + | `-- pure.css `-- style.css @@ -18,60 +25,114 @@ the following files: 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. +your own, or comments to get rid of what is already there - but mind the +[cascade](https://www.w3.org/TR/css-cascade-3/ "W3C: CSS Cascading and Inheritance Level 3"). -Currently, it looks like this: +Currently, **style.css** looks like this: - /* ==================================================================== */ + /* =================================================================== */ /* style.css for cl-yag */ - /* ==================================================================== */ + /* =================================================================== */ @charset "utf-8"; - /* ~ PURE.CSS ~ */ + /* ~ 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 ~ */ + /* ~ Stylesheet for cl-yag ~ */ @import url("clym.css"); - /* ~ LAST ENTRY ~ */ - /* ~ custom.css to override styles. ~ */ + /* ~ LAST ENTRY ~ */ + /* ~ custom.css to override styles. ~ */ @import url("custom.css"); -## Pure.css +## Pure - "A Set Of Small, Responsive CSS Modules" + +cl-yag uses [Pure](https://purecss.io/ "purecss.io"), a minimal, BSD licensed css +framework. It employs the style sheet **pure.css** to provide a set of +expected features among which are usable menus and sane +resets. **pure.css** incorporates +[normalize.css](https://necolas.github.io/normalize.css/ +"Normalize.css - A modern, HTML5-ready alternative to CSS resets")'s +reset rules. + +To see the effects of **pure.css** uncomment the *PURE.CSS* ``@import`` +rule in **static/css/style.css** and re-run ``make``. -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 -- A Default Theme -## clym.css -- A Default Stylesheet +Additionally, cl-yag comes with its first theme: *clym*. -*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**. +*clym* stands for *cl-yag minimal*. It is a set of css rules designed to +work with cl-yags specific skeleton. It provides an unobtrusive color +scheme, basic typography, as well as basic responsiveness. 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**: +*clym* doesn't provide css-resets and menu-layouts. That's where +[Pure](https://purecss.io/ "purecss.io") steps in and does a +magnificient job. + +If you don't like *clym*, put the following line in **data/css/style.css** +in comments to deactivate it: @import url("clym.css"); -## custom.css -- Tweak Your Style +## **custom.css** + +For information about **custom.css** read the following section "Working +With Stylesheets". + +## Working With Stylesheets + +Before you start working, make copies of cl-yags default layout files +and/or use a version control system, e.g. [git](https://git-scm.com/ "git - the free and open source distributed version control system"). + +### Current Styles And Minor Tweaks + +If you are already using a combination of stylesheets but need to adjust +some parts of the layout, use cl-yag's **static/css/custom.css**. It is +currently used to override pure's default layout for horizontal menus +with *clym*'s colorscheme , so you already have a working example of +howto use **custom.css**. + +#### MIND + +- In order to override rules located in all previous(!) style sheets +**custom.css** needs(!) to get sourced in as the last(!) file(!) in +**data/css/style.css** (see section: "style.css – One Sheet To Rule Them +All"). +- Respect the [cascade](https://www.w3.org/TR/css-cascade-3/ "W3C: CSS Cascading and Inheritance Level 3") :-). + +### Frameworks + +CSS frameworks provide an easy way to create your own full-of-features +theme. To make use of a framework's rulesets, + +- their ids and classes need to get wired into cl-yag's html-skeleton and +- the skeleton needs to get used by cl-yag's **generator.lisp**. + +So you need to edit cl-yag's template-files in **templates/** and - +depending on the scale of work and your approach - **generator.lisp** as +well. + +#### **templates/** + +To get more information about templates, read them :-). + + +#### **generator.lisp** + +In case you've choosen to rename your template-files, you need to adjust +their corresponding paths and filenames in **generator.lisp** as well. + + + -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-pure.tpl" + (prepare "templates/layout.tpl" (template "%%Title%%" (if title title (getf *config* :title))) (template "%%Tags%%" (get-tag-list)) (template "%%Body%%" body) DIR diff --git a/static/css/LICENSE b/static/css/LICENSE @@ -0,0 +1,20 @@ +/* + * OpenBSD License + * + * Copyright (c) 2017 lambda <lambda@fnord.one> + * + * Permission to use, copy, modify, and distribute this software for any + * purpose with or without fee is hereby granted, provided that the + * above copyright notice and this permission notice appear in all + * copies. + * + * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL + * WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE + * AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL + * DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR + * PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER + * TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR + * PERFORMANCE OF THIS SOFTWARE. + */ + DIR diff --git a/static/css/clym.css b/static/css/clym.css @@ -1,3 +1,23 @@ +/* + * OpenBSD License + * + * Copyright (c) 2017 lambda <lambda@fnord.one> + * + * Permission to use, copy, modify, and distribute this software for any + * purpose with or without fee is hereby granted, provided that the + * above copyright notice and this permission notice appear in all + * copies. + * + * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL + * WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE + * AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL + * DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR + * PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER + * TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR + * PERFORMANCE OF THIS SOFTWARE. + */ + /* ====================================================== */ /* A basic style for wrapper main footer */ /* ====================================================== */ @@ -59,7 +79,6 @@ header > div { /* ====================================================== */ /* A basic responsive'ish ruleset */ /* ====================================================== */ - @media only screen and (min-width: 360px) { #wrapper { font-size: 0.95em; @@ -83,7 +102,7 @@ header > div { } } /* ====================================================== */ -/* A basic colortheme */ +/* A basic theme */ /* ====================================================== */ html, body { font-family: Arial, sans; @@ -117,20 +136,12 @@ 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 */ +/* default style for 'information' */ article > header { font-weight: 900; font-size: 90%; @@ -140,9 +151,6 @@ article > header > h1 > a { color: #1f1f1f ; text-decoration: none; } -nav.pure-menu { - text-transform: capitalize; -} /* ====================================================== */ /* A basic style for code */ /* ====================================================== */ @@ -205,6 +213,3 @@ article > header > p { article > header + h1 { margin-top: 1em; } - - - DIR diff --git a/static/css/custom.css b/static/css/custom.css @@ -1,7 +1,16 @@ /* ==================================================================== */ /* custom.css */ /* ==================================================================== */ -/* use this file to tweak your styles by overriding them */ - +/* use this file to tweak your styles by overriding others */ +/* Override some of pure.css's menu rules to get clym's */ +a.pure-menu-link { + color: #3b5487; + text-decoration: none; + font-weight: 700; + text-transform: uppercase; +} +a.pure-menu-link:active, a.pure-menu-link:hover, a.pure-menu-link:focus { + color: #203785; +} DIR diff --git a/static/css/pure_r1.0.0/HISTORY.md b/static/css/pure_r1.0.0/HISTORY.md @@ -1,469 +0,0 @@ -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/README.md b/static/css/pure_r1.0.0/README.md @@ -1,185 +0,0 @@ -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 @@ -1,11 +0,0 @@ -/*! -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/aa1264695d482881b8ddbfe78e13cc7300d899bd.gph:1055: line too long