A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$
if your browser aliases it:
~ 108 byte version
#!/bin/sh | |
STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep ".jsx\{0,1\}$") | |
if [[ "$STAGED_FILES" = "" ]]; then | |
exit 0 | |
fi | |
PASS=true |
1-In the github repo on Settings > Integration & Services, enable | |
2-Go to travisCI page and enable the repo | |
3-Configure the env variables on TravisCI so that it is not necessary to save credentials on github | |
-in the project Settings on TravisCI, add the entry for netlify site id: NETLIFY_SITE_ID - <site_id from .netlify file generated on netlify create> | |
-create a netlify access token for TravisCI | |
-On Netlify Dashboard, Go to Account Settings > OAuth Applications (https://app.netlify.com/account/applications) > Personal access tokens and press New Access Token | |
-Name it anything, but to make it easier the suggestion is name TravisCI. | |
-Generate it and COPY it - you won’t see it again! | |
-in the project Settings on TravisCI, add the entry for netlify personal access token generated for TravisCI: NETLIFY_ACCESS_TOKEN | |
4-Generate a .travis.yml file in the local repo |
# Install logiops (eg. `paru -S logiops`) | |
# put it inside /etc/logid.cfg | |
# restart the logid service (eg. `sudo systemctl restart logid`) | |
devices: ( | |
{ | |
name: "Wireless Mouse MX Master 3"; | |
smartshift: | |
{ | |
on: true; |