Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update to the lastest normalize.css #328

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion lib/nib/normalize/embed.styl
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// Based in Nicolas Gallagher's git.io/normalize
normalize-embed()
img // No border when inside `a` in IE 8~10.
border 0
border-style none

svg:not(:root) // Overflow should be hidden in IE 9~11.
overflow hidden
85 changes: 51 additions & 34 deletions lib/nib/normalize/forms.styl
Original file line number Diff line number Diff line change
Expand Up @@ -3,67 +3,84 @@ normalize-forms()
// Known limitation: Chrome and Safari on OS X allow very limited
// styling of `select`, unless a `border` property is set.
button, input, optgroup, select, textarea
color inherit // Correct color not being inherited.
font inherit // Correct font properties not being inherited.
margin 0 // Fix margins in FF 4+, Safari, and Chrome.

button // Fix `overflow` set to `hidden` in IE 8/9/10/11.

optgroup // Don't inherit the `font-weight` applied above.
font-weight bold

button, input // Fix `overflow` set to `hidden` in IE 8/9/10/11.
overflow visible

button, select // Consistent text-transform across browsers.
text-transform none

// Fix WebKit bug in Android 4.0, inability to style clickable `input` in
// iOS and improve usability and consistency of cursor style.
button, html input[type='button'], input[type='reset'], input[type='submit']
cursor pointer
button,
html [type='button'],
[type='reset'],
[type='submit']
-webkit-appearance button

// Reset default cursor for disabled elements.
button[disabled], html input[disabled]
cursor default
// Remove inner padding and border in FF 4+.button::-moz-focus-inner,
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner
border-style none
padding 0

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring
outline 1px dotted ButtonText

fieldset // Consistent border, margin, and padding.
border 1px solid #c0c0c0
margin 0 2px
padding 0.35em 0.625em 0.75em

// Remove inner padding and border in FF 4+.
button::-moz-focus-inner, input::-moz-focus-inner
border 0
legend // Hack to correct `color` not being inherited in IE 8/9/10/11.
box-sizing border-box
color inherit
display table
max-width 100%
padding 0
white-space normal

textarea // Remove default vertical scrollbar in IE 8~11.
overflow auto

input // Reset line-height again FF 4+ UA stylsheet.
line-height normal

// Fix box sizing and excess padding in IE 8~10
input[type='checkbox'], input[type='radio']
[type='checkbox'], [type='radio']
box-sizing border-box
padding 0

// Fix the cursor style for Chrome's increment/decrement buttons.
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
height auto

// Consistent appearance and box-sizing in Safari and Chrome.
input[type='search']
-webkit-appearance textfield
-moz-box-sizing content-box
-webkit-box-sizing content-box
box-sizing content-box

outline-offset -2px

// No inner padding and search cancel button in Safari and Chrome on OS X.
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration
-webkit-appearance none

// Correct the text style of placeholders in Chrome, Edge, and Safari.
::-webkit-input-placeholder
color inherit
opacity 0.54

fieldset // Consistent border, margin, and padding.
border 1px solid #c0c0c0
margin 0 2px
padding 0.35em 0.625em 0.75em

legend // Hack to correct `color` not being inherited in IE 8/9/10/11.
border 0
padding 0

textarea // Remove default vertical scrollbar in IE 8~11.
overflow auto

optgroup // Don't inherit the `font-weight` applied above.
font-weight bold
::-webkit-file-upload-button
-webkit-appearance button
font inerit
5 changes: 1 addition & 4 deletions lib/nib/normalize/groups.styl
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,9 @@ normalize-groups()
margin 1em 40px

hr // Consistency between FF and others.
-moz-box-sizing content-box
box-sizing content-box
height 0

pre // Contain overflow and wrap words.
overflow auto
overflow visible

// Hack to fix odd `em`-unit font size rendering in all browsers.
code, kbd, pre, samp
Expand Down
19 changes: 15 additions & 4 deletions lib/nib/normalize/html5.styl
Original file line number Diff line number Diff line change
@@ -1,18 +1,29 @@
// Based in Nicolas Gallagher's git.io/normalize
normalize-html5()
// `block` display for HTML5 elements in IE 8~11 and FF.
article, details, section, summary,
aside, main, menu, nav, figcaption,
figure, footer, header, hgroup
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary
display block

audio, canvas, progress, video
display inline-block // Set `inline-block` not defined in IE 8~9.
vertical-align baseline // Fix v-align of `progress` in Chrome, FF, and O.

audio:not([controls])
display none // Prevent displaying `audio` without controls.
height 0 // Remove excess height in iOS 5 devices.

progress
vertical-align baseline

[hidden], // Address `[hidden]` styling not present in IE 8~10.
template // Hide the `template` element in IE 8~11, Safari, and FF < 22.
Expand Down
2 changes: 0 additions & 2 deletions lib/nib/normalize/index.styl
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
@import './embed'
@import './groups'
@import './forms'
@import './tables'

normalize-css()
normalize-base()
Expand All @@ -16,4 +15,3 @@ normalize-css()
normalize-embed()
normalize-groups()
normalize-forms()
normalize-tables()
3 changes: 2 additions & 1 deletion lib/nib/normalize/links.styl
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,6 @@
normalize-links()
a // No gray bg color in active links in IE 10.
background-color transparent
-webkit-text-decoration-skip objects
&:active, &:hover
outline 0 // + readability when focused.
outline-width 0 // + readability when focused.
7 changes: 0 additions & 7 deletions lib/nib/normalize/tables.styl

This file was deleted.

14 changes: 10 additions & 4 deletions lib/nib/normalize/text.styl
Original file line number Diff line number Diff line change
@@ -1,16 +1,22 @@
// Based in Nicolas Gallagher's git.io/normalize
normalize-text()
abbr[title] // + style not present in IE 8~11, Safari, and Chrome.
border-bottom 1px dotted
border-bottom none
text-decoration underline
text-decoration underline dotted

dfn // + style not present in Safari and Chrome.
font-style italic

mark // + style not present in IE 8/9.
background #ff0; color #000

background #ff0
color #000

b, strong // Prevent the duplicate application of `bolder` by the next rule in Safari 6.
font-weight inherit

b, strong // Fix `font-weight: bolder` in FF 4+, Safari, and Chrome.
font-weight bold
font-weight bolder

h1 // `h1` inside `section` and `article` fix for FF 4+, Safari & Chrome.
font-size 2em
Expand Down