-
Popup:
-
Inline style search in popup.
Click the thumbnails to install/uninstall.
Enabled by[x] inline
checkbox next to theFind styles
link.
Currently only site-specific styles are listed. -
Homepage icon on configurable styles installed from USO opens the style page and expands the settings area
-
-
Editor:
- Live preview mode enabled by default so the changes are automatically applied in the open tabs as you edit the code
- CSSLint now supports CSS Grid, CSS4 colors
- New search/replace dialog
- CtrlR invokes the replace dialog in pcDefault/sublime keymaps
- CtrlPause key inside code editor switches the focus between code and page.
- The entire CSS token is selected on double-click e.g.
.class-name
,#some-id
- Only the number or only the unit is selected on double-clicking lengths like
12px
-
Manager:
- Sort order of the style list is customizable
- Favicons for regexps are shown if possible
- Search-in-contents using regexp or
"quoted string"
for an exact match - The update history log viewer now has a
Delete
button to clear the log and[x] Only with updates or issues
to show only relevant entries in the list. - faster initialization
-
The old local style name is preserved on style update only if it was actually customized.
-
Firefox 59+ can be configured to allow styling of AMO site
-
Firefox:
.user.css
can be installed from gthub gists raw links -
Firefox: the popup and manager can be opened in private/container tabs
-
Much faster parsing of usercss during continuous tweaking/configuring/saving
-
The tab's main site URL origin (protocol + host name) is stored in "stylus-iframe" attribute on HTML element when the corresponding setting is enabled in Stylus options so you can write iframe-specific CSS like this
html[stylus-iframe$="twitter.com"] h1 { display:none }
which will hideh1
elements inside iframes embedded on twitter.com pages.