![Oracle Drags Its Feet in the JavaScript Trademark Dispute](https://cdn.sanity.io/images/cgdhsj6q/production/919c3b22c24f93884c548d60cbb338e819ff2435-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
dat-design
Advanced tools
design resources and assets for the dat project
run ./scripts/build
npm install
npm run watch-css
npm run watch-site
open dist/index.html
from your project’s root directory (assuming you’re using npm):
npm install dat-design --save
from here you have the following choices for including individual .css files in your project:
the simplest way to include this module in another project. just include the stylesheet you want in your html as you would any other stylesheet with a relative link. not recommended for use in production web apps because this would involve making your node_modules directory accessible from the web:
<link type="text/css" rel="stylesheet" href="./../node_modules/dat-design/css/base.css">
from within a css file in your project, include a relative path to the file you want to include from this repo, which is now in your project’s nodule_modules
directory. not recommended for use in production web apps without a build step that removes the @import, since @import is not performant on the fly.
@import './../node_modules/dat-design/public/css/base.css';
Use the magic importer npm module with node-sass.
npm install node-sass-magic-importer --save-dev
when you set up node-sass to run in your package.json scripts, you can use the --importer
option like so:
"build-css": "node-sass --importer node_modules/node-sass-magic-importer src/scss/sample.scss public/css/sample.css"
now, from within your sample.scss
file, you can @import
this dat-design
npm module with the following syntax:
@import "~dat-design";
if there's no file path specified after the dat-design
module name (like above), the @import
rule resolves to the file defined by this module's style
property in the package.json. you can also point at individual files within this module from within the scss files in your project to use mixins and variables:
@import "~dat-design/base/buttons.scss"
node-sass-magic-importer offers lots of other options in addition to these as well.
By importing dat-design in your projects (s)css, you’ll get the following:
Dat-design uses Normalize, which makes browsers render all elements more consistently.
The SCSS version of dat-design provides you with variables for colors and transitions which you should use in your project to ensure visual consistency between dat-related projects. Refer to the Dat Styleguide to understand how.
There’s also a set of custom classes for dat-specific components, like buttons or loaders. Those components are documented in the Dat Styleguide.
Dat-design comes with ready-to-use logo assets, in ./../node_modules/dat-design/public/img
.
If some dat project is in need of a new design element or concept please open an issue!
FAQs
design assets and docs for dat project
The npm package dat-design receives a total of 4 weekly downloads. As such, dat-design popularity was classified as not popular.
We found that dat-design demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 7 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
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.