This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Pre requisites: | |
- Homebrew | |
Execute the following commands: | |
``` | |
brew install mkcert | |
// needed for firefox specifically | |
brew install nss |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Configure Style Lint for SASS in Visual Studio Code | |
============================================================================================ | |
1) Install Extension "stylelint" by Shinnosuke Watanabe from Extensions Marketplace. | |
2) In the project "package.json" install the following dependencies (run `npm install` after adding them): | |
"dependencies": { | |
"stylelint-config-recommended-scss": "^3.2.0", | |
"stylelint-config-standard": "^18.2.0" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
body{margin:0;width:100%;height:100%} | |
body,td,input,textarea,select{font-family:arial,sans-serif} | |
input,textarea,select{font-size:100%} | |
#loading{position:absolute;width:100%;height:100%;z-index:1000;background-color:#fff} | |
.msg{ color: #757575; font: 20px/20px Arial, sans-serif; letter-spacing: .2px; text-align: center } | |
#nlpt{ animation: a-s .5s 2.5s 1 forwards; background-color: #f1f1f1; height: 4px; margin: 56px auto 20px; opacity: 0; overflow: hidden; position: relative; width: 300px } | |
#nlpt::before{ animation: a-lb 20s 3s linear forwards; background-color: #db4437; content: ''; display: block; height: 100%; position: absolute; transform: translateX(-300px); width: 100% } | |
@keyframes a-lb{ 0%{transform:translateX(-300px)} | |
5%{transform:translateX(-240px)} |