Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@lonelyplanet/common-css
Advanced tools
common-css provides a global stylesheet to be used across lonelyplanet.com
Readme
This package provides a common.css file that sets the global styles for a front-end application on lonelyplanet.com.
The stylesheet:
@font-face
to set custom web fonts Benton Sans and Miller Dailybox-sizing: border-box
to normalize the box modelLast 3 versions and IE 11 via the browserlist config.
npm install @lonelyplanet/common-css
For now, the recommended way to use this package is to include it in a Webpack build.
@import "@lonelyplanet/common-css/dist/common.css";
The only script you’ll need to run is build
.
Script | Description |
---|---|
start | Runs the package in “development mode”; opens the preview HTML file and runs Webpack with the --watch flag to recompile as changes are made, however, the HTML must be manually refreshed after each change |
build | Compiles the CSS file to the dist directory |
preview | Compiles the CSS file and opens an HTML file where the styles can be previewed; this script is run as part of the start script |
stylelint | Lints the CSS source files |
test | Runs the stylelint script |
prepublishOnly | Runs the build script before the package is prepared and packed, only on npm publish |
precommit | Runs the test script before a commit is made |
Package | Description |
---|---|
@lonelyplanet/design-tokens | This package contains the design tokens (styles) used across Lonely Planet’s digital products; it’s part of the Backpack monorepo. |
@lonelyplanet/browserslist-config | This package contains information about Lonely Planet’s browser support for Autoprefixer. |
normalize.css | Normalize.css makes browsers render all elements more consistently and in line with modern standards. It is used in place of a full CSS reset. |
PostCSS | PostCSS is a tool for transforming styles with JS plugins. Plugins include postcss-calc , postcss-custom-media , postcss-custom-properties and postcss-import . The separate CLI tool for PostCSS is also installed. |
Autoprefixer | Autoprefixer is a PostCSS plugin that parses CSS and adds vendor prefixes to CSS rules using values from the Can I Use website. |
cssnano | cssnano is CSS minifier built on top of the PostCSS ecosystem. |
Webpack | Webpack is a module bundler for the web. Loaders include css-loader , extract-text-webpack-plugin , postcss-loader and style-loader . The separate CLI tool for Webpack is also installed. |
Stylelint | Stylelint is a linter tool for CSS files; it has been configured to use stylelint-config-standard . |
pre-commit | pre-commit automatically installs pre-commit hooks which runs npm scripts before a commit is made. |
Please read the contributing document before writing any code.
FAQs
common-css provides a global stylesheet to be used across lonelyplanet.com
The npm package @lonelyplanet/common-css receives a total of 7 weekly downloads. As such, @lonelyplanet/common-css popularity was classified as not popular.
We found that @lonelyplanet/common-css demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.