Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
@dpc-sdp/ripple-global
Advanced tools
The core styles and utilities used by all ripple components. Includes sets of colours, fonts, breakpoints.
The core styles and utilities used by all ripple components. Includes sets of colours, fonts, breakpoints.
This is a globally available options object to allow passing options between ripple components. Don't abuse this, keep it light as the object gets passed between all components.
nuxt: false, // enable if using in SSR environment eg: nuxt
isDev: false, // set to true to enable dev mode, used to show Ripple component errors if have.
hostname: 'localhost', // set hostname for rpl-link etc
imgQueryString: (bp) => {
// Override function that appends query string to images to use with image processing CDN's - see @spc-sdp/ripple-nuxt-ui for example
return `?height=100&width=200`
},
origin: '', // URL with protocol://host(:port) e.g. http://localhost:3000
quickexit: false, // enable quick exit feature
quickexiturl: 'https://www.google.com', // URL to use for quickexit
plugins: [], // array of cheerio transformer function plugins to pass to RplMarkup
viclogo: true // whether to display primary vic.gov.au logo
externalLinksInNewWindow: false // (Bool) Whether links open in new window by default
card: {
trimFieldfonts: ['Your-font-name'] // If custom fonts are used in card trimmed field, set them here.
}
For add your options, you need to use the Ripple global plugin in your Vue.js porject.
import RplGlobal from '@dpc-sdp/ripple-global'
Vue.use(RplGlobal, { // You options ... })
For how Vue plugin works, please check https://vuejs.org/v2/guide/plugins.html#Using-a-Plugin.
npm install @dpc-sdp/ripple-global --save
@dpc-sdp/ripple-global
├── masonry-layout
├── moment
├── object-fit-images
└── vue-focus
import { RplDivider } from '@dpc-sdp/ripple-global'
import RplGlobal from '@dpc-sdp/ripple-global'
See Storybook/Atoms/Global/Colors.
See Storybook/Atoms/Global/Fonts.
See Storybook/Atoms/Global/Typography.
See Storybook/Atoms/Global/Breakpoints.
Licensed under the Apache-2.0 License.
FAQs
The core styles and utilities used by all ripple components. Includes sets of colours, fonts, breakpoints.
The npm package @dpc-sdp/ripple-global receives a total of 166 weekly downloads. As such, @dpc-sdp/ripple-global popularity was classified as not popular.
We found that @dpc-sdp/ripple-global demonstrated a healthy version release cadence and project activity because the last version was released less than 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
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.