Modern CSS reset
npm install --save ress
bower install --save ress
box-sizing: border-box;in all elements.
marginin all elements.
background-repeat: no-repeatin all elements and pseudo elements.
- Remove the
outlinewhen hovering in all browsers.
font-family: monospacein code elements.
border-radiusin input elements.
- Specify font inheritance of form elements.
- Remove the default button styling in all browsers.
- Specify textarea resizability to vertical.
cursor: pointerto button elements.
selectlike a standard input.
cursorby aria attributes.
ress uses Normalize.css under the hood with some customizations to apply a solid base to start your stylesheet.
Inherit from Normalize
# Production https://cdn.rawgit.com/filipelinhares/ress/master/dist/ress.min.css # Development https://rawgit.com/filipelinhares/ress/master/dist/ress.min.css
MIT © Filipe Linhares
Apply cursor: pointer to button elements
It has always bugged me that buttons don't default to the pointer cursor. An implementation that excludes the "disabled" attribute would make sense.
Weird looking radio buttons in Safari Mobile
I think this is because of:
Should we add
Remove form elements' focus outline
This removes outlines around focused form elements, which is not consistently applied across all browsers. Most notably, Chrome recently rolled out an update which adds large outlines around focused form elements.
See also https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html
The button style adds a "color: inherit" property, which adds complexity to style the button
Input content multiline
Hi, I've noticed that the property
word-break: break-wordis behaving differently in different browsers. In particular, the content of an input tag, if too long, will break on multiple lines in Safari but not in Chrome.
Since the default value is
word-break: normalI would suggest changing this. Let me know. Thanks
button:active color property is not reset
button:active color property is not reset. This is problematic in Safari which uses
where activebuttontext is code for
[disabled] rule is defined too soon
This rule is overridden by the button rule that sets the cursor to pointer.
Solution: define the rule later in the CSS.
Change out rawgit links to jsDelivr
Rawgit has been in the sunset phase for a couple of years now (since October 2018) and the creator has encouraged people to use alternatives.
I have replaced the rawgit links with JSDelivr links.
border-style on iframe elements
I noticed that
iframeon chrome (didn't test other browsers) have the following:
I was thinking that maybe we could add a
border-style: noneto align default styling. What do you think? Is this in the scope of this library?
Thank you in advance 😁
Avoid `cursor: default` when `aria-disabled="false"`
<a href="" aria-disabled="false">=> default cursor
<a href="" aria-disabled="true">=> default cursor
<a href="" aria-disabled="false">=> pointer cursor
<a href="" aria-disabled="true">=> default cursor
Bump ini from 1.3.5 to 1.3.8
Bumps ini from 1.3.5 to 1.3.8.
af5c6bbDo not use Object.create(null)
8b648a1don't test where our devdeps don't even work
024b8b5update deps, add linting
032fbafUse Object.create(null) to avoid default object property hazards
cfea636better git push script, before publish instead of after
56d2805do not allow invalid hazardous string as section name
This version was pushed to npm by isaacs, a new releaser for ini since your current version.
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebasewill rebase this PR
@dependabot recreatewill recreate this PR, overwriting any edits that have been made to it
@dependabot mergewill merge this PR after your CI passes on it
@dependabot squash and mergewill squash and merge this PR after your CI passes on it
@dependabot cancel mergewill cancel a previously requested merge and block automerging
@dependabot reopenwill reopen this PR if it is closed
@dependabot closewill close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major versionwill close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor versionwill close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependencywill close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
@dependabot use these labelswill set the current labels as the default for future PRs for this repo and language
@dependabot use these reviewerswill set the current reviewers as the default for future PRs for this repo and language
@dependabot use these assigneeswill set the current assignees as the default for future PRs for this repo and language
@dependabot use this milestonewill set the current milestone as the default for future PRs for this repo and language
You can disable automated security fix PRs for this repo from the Security Alerts page.