Commit Graph

238 Commits

Author SHA1 Message Date
James Alley
704e5fd5ec fixes some problems with the custom implentation; the font-size: small rule ensures the caret :after for a dropdown menu does not affect the sizing of its parent box, which was causing bad vertical alignment of links in the horizontal menu. 2015-01-20 15:49:13 -08:00
James Alley
524b2fc90f removing width here because it causes submenu widths to be limited to their parent 2015-01-20 15:29:03 -08:00
James Alley
01d18ff41d misc whitespace cleanup 2015-01-20 15:08:08 -08:00
James Alley
acd1fbb469 removing thin dotted styles for old IE; IE8+ can display the solid blue border just fine. 2015-01-20 14:43:22 -08:00
James Alley
40952f5a50 Initial commit of edits in support of the new menu. 2015-01-20 14:33:54 -08:00
Chao
0833fe802c Preventing grids distributing verticle space
When there's a grid container of a defined height excess vertical space gets distributed across the rows rather than allowing each row to take up its natural height [see this fiddle](http://jsfiddle.net/ambekpdm/). As grids are used for horizontal positioning it's pretty counter intuitive to come across it affecting vertical distribution. This can be fixed by adding `align-content: flex-start` to the element with the `pure-g` class.

Not sure if this is something best fixed by adding this style in to Pure itself or something to highlight on the site along with the box-sizing notes. But considering it causes significantly different behaviour in browsers without flexbox I'd consider this to be the best place.
2014-12-30 13:29:05 +00:00
John Tregoning
4a487193e2 Refactoring form.css in order to remove unnecessary CSS code 2014-09-02 17:28:02 -07:00
Eric Ferraiuolo
370d0d3218 Update URLs to point to Yahoo org on GitHub
Closes #366
2014-08-26 12:06:14 -04:00
Tilo Mitra
9c55ca2d52 update menus manual test 2014-08-25 10:55:27 -07:00
Tilo Mitra
4a52463933 add white background over dropdown children 2014-08-25 10:50:50 -07:00
Tilo Mitra
eab6a0ca65 add z-index in case another menu is behind this menu 2014-08-25 10:50:28 -07:00
Tilo Mitra
e8c024525c Merge branch 'master' of github.com:yui/pure into new-menu
Conflicts:
	src/menus/css/menus-core.css
	src/menus/tests/manual/menus.html
2014-08-25 10:30:31 -07:00
Tilo Mitra
b247b2de34 add customized menu example 2014-08-25 10:25:44 -07:00
Tilo Mitra
5aaebe0e71 add border-box rule 2014-08-25 10:25:33 -07:00
Tilo Mitra
fa7ffd3527 Revamp Menus to make them mobile-first with dropdown support
- Removed menus-paginator, I don't think it's very useful
- Added CSS-only dropdowns
- Mobile-first
- Easier to style, with new classnames
- Responsive Menus supported
2014-08-24 16:13:19 -07:00
Eric Ferraiuolo
be60214f1b Remove line-break from Tables test page 2014-08-20 17:36:10 -07:00
Narcis Radu
9404335efb fix nested bordered table 2014-08-21 03:04:28 +03:00
zane
a44b656186 change background color assignments to be more specific to only change background color and not entire background property overriding background images and anything else declared on background. 2014-06-12 14:32:52 -07:00
Eric Ferraiuolo
dccf7907e6 Merge pull request #310 from kwando/master
Update to fontawesome 4.0.3.
2014-03-21 11:58:31 -04:00
Hannes Nevalainen
09a7ce6a79 Update to fontawesome 4.0.3. 2014-03-21 16:18:13 +01:00
Erki Esken
d826a62984 Added manual tests as requested in https://github.com/yui/pure/pull/303#issuecomment-37080933
Fixed another issue with grouped inputs, where there were 4+ inputs.
2014-03-12 16:27:59 +02:00
Tilo Mitra
92862c3d71 add IE conditional comment to pull in -old-ie.css 2014-03-07 13:15:29 -05:00
Tilo Mitra
da94ef232c add viewport meta element to grids test page 2014-03-07 11:47:45 -05:00
tehnomaag
69c58f4d05 Fixed grouped input square corners special case
When there is only one input in a .pure-group, it had square top corners. Added a :first-child:last-child rule to have round corners as it should.

This is useful when you want grouped input fields, but where the input elements might be dynamically added to the group, so you start with one input, but more are added later.
2014-03-07 12:05:42 +02:00
Tilo Mitra
b2d0b1682a Merge branch 'remove-responsive-grid' of github.com:tilomitra/pure into remove-responsive-grid 2014-03-06 12:03:06 -05:00
Tilo Mitra
9f59f01dd3 add HISTORY.md for Grids and Base changes 2014-03-06 12:02:52 -05:00
Eric Ferraiuolo
a264619342 Use grids-responsive.css on Forms manual test 2014-02-28 13:13:07 -05:00
Tilo Mitra
3bbbf47ccd add responsive grid manual test 2014-02-28 12:57:27 -05:00
Tilo Mitra
cf34ac3ed6 update .img-responsive to .pure-img 2014-02-28 12:57:13 -05:00
Tilo Mitra
f21710aa90 Merge branch 'master' into remove-responsive-grid 2014-02-27 19:15:36 -05:00
Eric Ferraiuolo
ad2db0b5b4 Use em for cell padding in Tables 2014-02-18 16:21:47 -05:00
Hannes Nevalainen
daefad74c1 Do not force border-width on invalid form inputs
I have set border-width on on my inputs and it is overridden by that declaration.
2014-02-13 16:09:41 +01:00
Tilo
592e5b48e8 update font-sizes to be whole-number px values when converted 2014-02-11 11:13:41 -08:00
Tilo Mitra
f2b5fd06bc [Fix #265]: Remove font-size rules from .pure-form children
This commit removes `font-size` rules from `<input>`, `<legend>`, and
`<fieldset>` elements within `.pure-form`. I did keep the font-size
rules for `.pure-form-help-inline` since that size is meant to denote
importance.
2014-02-09 23:44:27 -05:00
Tilo Mitra
def7bbad8a Merge branch 'update-color-padding-for-chrome'
Conflicts:
	src/forms/css/forms.css
2014-02-09 23:27:34 -05:00
Tilo Mitra
06fb6d673f fix dangling brace 2014-02-06 01:49:54 -05:00
Tilo Mitra
f0fa81f8f1 wrap comments at 80 chars 2014-02-06 01:45:26 -05:00
Tilo Mitra
b4755b0bd3 Separate out :not() selectors from CSS 2.1 selectors.
IE8 won't execute the CSS block if it contains a CSS3 selector.
This makes IE8 still execute the CSS, and CSS3-compliant browsers
can support the `:not()`.
2014-02-06 01:34:06 -05:00
Jon Petto
b6076530b4 Reduce padding/add room on color input for Chrome (v32/34 OS X). 2014-01-28 20:32:21 -06:00
Steven Vachon
49f78812dc Remove transitions from Buttons and Forms
Fixes #273
2014-01-16 12:04:28 -05:00
Tilo Mitra
5e6fd019cc remove .pure-g-r from forms manual test 2013-12-27 13:06:10 -05:00
Tilo Mitra
477833ce77 add .img-responsive class to base.css 2013-12-23 16:24:23 -05:00
Tilo Mitra
b2212f91a2 Remove grids-r.css
We'll be using [rework-pure-grids][1] to generate responsive
grids on a per-app basis. This is more useful than having
.pure-g-r inside Pure's `src/` since media queries cannot
be over-written.

[1]: https://github.com/ericf/rework-pure-grids
2013-12-23 13:37:13 -05:00
Doug Davies
25bcbc4374 Added styling for input tag without type 2013-12-17 17:23:32 -05:00
Eric Ferraiuolo
ba39a319f3 Add [hidden] selector to Base to counteract all display declarations
Anytime a Pure style rule uses the `display` declaration with a value
other than `none`, using the `hidden` HTML attribute on that element
won't have the desired affect of hiding that element. To counteract
this, A new rule has been added to Base to force
`display: none !important;` on elements that use the `hidden` HTML
attribute.

The following button will be hidden from view with these changes:

    <button class="pure-button" hidden>No showy</button>

Fixes #177
2013-12-07 15:40:32 -05:00
Eric Ferraiuolo
7b884f71f8 Add Base to src/ which is Pure's extras on top of Normalize.css 2013-12-07 15:27:58 -05:00
Eric Ferraiuolo
97f862bd7e Improve CSSLint config to work on a per-module basis
The grunt-contrib-csslint Grunt plugin does odd things with the way it
processes CSSLint config. This improves linting by only applying in-file
lint overrides on a per-module basis.
2013-11-27 14:38:03 -05:00
Eric Ferraiuolo
0b9e047581 Merge branch 'rework-grids' 2013-11-26 01:54:12 -05:00
Eric Ferraiuolo
30de24a70b Merge branch 'achalv-master' 2013-11-25 16:02:06 -05:00
Eric Ferraiuolo
d644d16a7d Update Buttons to use padding: 0.5em 1em 2013-11-25 16:01:28 -05:00
Tilo Mitra
50f502399a Menus: add example to help testing menu overflow 2013-11-25 14:18:23 -05:00
Tilo Mitra
2d3401fe18 Menus: Remove hard-coded height (fixes #164) 2013-11-25 14:17:42 -05:00
Eric Ferraiuolo
e3127820b8 Merge branch 'master' of https://github.com/achalv/pure into achalv-master
Conflicts:
	HISTORY.md
2013-11-24 19:58:43 -05:00
Eric Ferraiuolo
a4c0ade4b1 Generate 5ths and 24ths grid units including non-reduced fractions
Closes #144
Relates #149
2013-11-24 18:40:32 -05:00
Eric Ferraiuolo
dfff4fe238 Generate Grids Units via Grunt task 2013-11-18 14:46:19 -05:00
Eric Ferraiuolo
bdc76d6fd0 Merge branch 'textarea-vtop' of github.com:rictorres/pure into rictorres-textarea-vtop
Conflicts:
	HISTORY.md
2013-11-06 15:02:59 -08:00
Eric Ferraiuolo
74c952aa68 Merge branch 'master' of github.com:narcis-radu/pure into narcis-radu-master 2013-11-06 14:37:16 -08:00
Narcis Radu
ba5d3a7a4e pure buttons with custom fonts 2013-10-26 09:33:57 +03:00
Narcis Radu
0f8f2966fa Revert "Same height for pure-button when using custom fonts"
This reverts commit 2ed11acb47.
2013-10-26 09:30:57 +03:00
Narcis Radu
2ed11acb47 Same height for pure-button when using custom fonts
When using custom fonts, buttons (a and input) don't have the same
height (issue #221).
2013-10-18 11:14:25 +03:00
Aurelio De Rosa
f666eb74fa Removed all the occurrences of -ms-linear-gradient() (issue #200) 2013-10-09 00:12:47 +02:00
Achal Varma
ff443fb124 Updated src/buttons/css/buttons.css to fix Issue #191 in yui/pure
http://git.io/PbMz2g
2013-09-13 13:53:30 -05:00
Eric Ferraiuolo
77c92da532 Update Grids manual test to add monospace nested grid test 2013-09-09 11:56:50 -04:00
Eric Ferraiuolo
7e0cdafddc Update HISTORY and code comments for Grids Flexbox 2013-09-05 18:14:01 -04:00
Eric Ferraiuolo
c5061a046f Add Grids manual test for wrapping grids 2013-09-05 17:51:13 -04:00
Eric Ferraiuolo
50883fc2e2 Add CSSLint flags to ignore linting flexbox rules 2013-09-05 17:50:51 -04:00
Matt Sweeney
7cc69304f9 Add flexbox support for webkit and IE. 2013-09-05 14:14:17 -07:00
Matt Sweeney
8623c984a2 Add flexbox support for webkit and IE. 2013-09-05 13:52:42 -07:00
Eric Ferraiuolo
6a36aecd6b More re-formatting of manual test files 2013-09-03 13:20:52 -04:00
Eric Ferraiuolo
44b5be0a46 Clean manual tests by formatting the HTML and making it valid 2013-09-03 13:18:46 -04:00
Dmitry Chestnykh
dd51c31fad Remove -webkit-font-smoothing from forms. 2013-08-31 15:35:29 +02:00
Eric Ferraiuolo
cf52515bed Update code comments about Grids font stack.
Closes #41
2013-08-29 16:46:01 -04:00
Tilo Mitra
c143808fb8 Revert "Remove "Droid Sans" from the font stack."
This reverts commit 1a24fa0baa.
Looks like Android < 4 only has 3 fonts installed -
* Droid Sans
* Droid Serif
* Droid Sans Mono

So we do need to keep Droid Sans in.
http://www.granneman.com/webdev/coding/css/fonts-and-formatting/default-fonts/#android
2013-08-29 15:45:10 -04:00
Tilo Mitra
1a24fa0baa Remove "Droid Sans" from the font stack.
Arch Linux supports Arimo so Droid Sans shouldn't be needed.
https://wiki.archlinux.org/index.php/Fonts
2013-08-29 15:39:38 -04:00
Tilo Mitra
45e8b4ffaf Update font stack.
- Remove DejaVu Sans since it doesn't work with the letter spacing.
- Replace Bitstream Charter with Freesans, a sans-serif alternative.
- Replace Tinos with Arimo, a sans-serif alternative.
2013-08-29 15:27:34 -04:00
Eric Ferraiuolo
9ab35b7d82 Merge branch 'grunt-bower' of github.com:ericf/pure into ericf-grunt-bower 2013-08-27 12:42:01 -04:00
Eric Ferraiuolo
68b66b5811 Add custom font section to Responsive Grids manual test page 2013-08-27 12:18:10 -04:00
Eric Ferraiuolo
2c58a4594d De-cruft and improve Responsive Grids manual test page 2013-08-27 11:55:21 -04:00
Eric Ferraiuolo
039b8f12f2 Merge branch 'grids-fonts'
Conflicts:
	HISTORY.md
2013-08-27 11:29:44 -04:00
Tilo Mitra
f7ded9ecb9 Update font-stack with recent findings
Based on conversations in https://github.com/yui/pure/issues/41/,
this font stack was updated with more fonts to fully cover all
target environments where grids were breaking.
2013-08-26 15:29:07 -04:00
Ricardo Torres
26ff82efc7 Fix the issue when you have a big sized textarea and its label appears aligned to the middle 2013-08-25 21:12:56 -03:00
Ricardo Torres
44d577192e Fix the issue when you have a big sized textarea and its label appears aligned to the middle 2013-08-25 21:08:40 -03:00
Tilo Mitra
6794a82db8 Merge branch 'grids-tests-image' 2013-08-23 12:35:16 -04:00
Tilo
dcc75bd588 Merge pull request #172 from dchest/patch-2
Fix image resizing to be proportional
2013-08-23 09:34:54 -07:00
Tilo Mitra
7e1d381b9c add responsive images to grids manual test 2013-08-23 12:34:13 -04:00
Dmitry Chestnykh
77d3601375 Fix image resizing to be proportional
Images inside .pure-g-r when resized didn't change their height. Fix this by adding setting their height to 'auto'.
2013-08-23 17:38:01 +02:00
Dmitry Chestnykh
8fd26ebc40 Remove -webkit-font-smoothing: antialised 2013-08-23 12:43:04 +02:00
Tilo Mitra
a0d940231a revamp grids manual test 2013-08-22 16:59:37 -04:00
Eric Ferraiuolo
2bc0f29de3 Specify font stacks for grids and grid units
By setting _specific_ font stacks grids, it can be assured that the
letter and word spacing will be applied correctly. The font stack for
grid units is then set back to `sans-serif`, which is also the default
font stack that Normalize.css applied to the `body`.

Closes #41
2013-08-22 16:48:38 -04:00
Tilo Mitra
6f7e767a2c Merge branch 'grids-ie7-fix'
Conflicts:
	HISTORY.md
2013-08-21 15:35:09 -04:00
Tilo Mitra
f7dde71025 bump up decimal places to 4 units, remove *width for pure-u-1 2013-08-20 15:16:22 -04:00
Eric Ferraiuolo
44ae07177f Remove Normalize.css from src/, it's a dependency not Pure source code
This also removes `forms-core.css` which was effectively Normalize.css'
form related styles prefixed with `.pure-form`.
2013-08-07 18:55:56 -04:00
Tilo Mitra
363df66074 add back common rules for all grid units 2013-08-05 12:35:06 -04:00
Tilo Mitra
d2db8427dc Change default classnames back to .pure-u-*
After thinking about it, it makes sense to just keep
these as .pure-u-* to preserve back-compat and so that
people don't get confused with the fact that these units
are the "default" units.
2013-08-05 12:34:58 -04:00
Tilo Mitra
82dba5c165 Remove CSSLint ignore + s/default-*/pure-d-*
The .default-* classnames should be prefixed with .pure-
However, .pure-default-x-y seems too verbose, so I changed
it to .pure-d-x-y.
2013-08-05 12:34:51 -04:00
Tilo Mitra
f56cb81fed prettify spaces and braces 2013-08-05 12:34:44 -04:00
Tilo Mitra
25497a2161 update grid-units to have IE-specific widths, and use new grid classnames 2013-08-05 12:34:38 -04:00
Tilo Mitra
f56887539e fix #143 by removing specific :focus styles for readonly inputs 2013-08-01 17:36:33 -04:00
Tilo Mitra
d20590c6e5 Revamp menus
This commit makes .pure-menu smaller, more responsive, and easier to customize.

- Remove `.pure-menu-open`
- Remove dropdown menu CSS
- Add `.pure-menu-responsive` and `.pure-menu-toggle` to
  make responsive horizontal menus.
- Make pure menus *really* easy to customize
2013-07-19 13:28:46 -04:00
Eric Ferraiuolo
34e10e6389 Revert "Buttons no longer inherit page a:visited style"
This reverts commit 14a89fbe9f.
2013-07-17 14:10:25 -07:00