Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

artistry

Package Overview
Dependencies
Maintainers
1
Versions
102
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

artistry - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

LICENSE

51

package.json
{
"name": "artistry",
"version": "0.0.4",
"version": "0.0.5",
"author": "Sean Johnson <sjohnson@sjohnsonaz.com>",
"private": false,
"repository": "https://www.github.com/sjohnsonaz/artistry.git",
"license": "MIT",
"description": "A powerful and configurable stylesheet",
"main": "src/styl/main.styl",
"scripts": {
"prepublishOnly": "webpack",
"build": "webpack --progress",
"dev": "webpack --watch --progress"
"build": "webpack",
"min": "webpack --progress",
"dev": "webpack --config webpack.dev.config.js --progress",
"watch": "webpack --config webpack.dev.config.js --watch --progress"
},
"dependencies": {
"normalize.css": "^7.0.0"
"normalize.css": "7.0.0"
},
"devDependencies": {
"autoprefixer": "^6.5.4",
"clean-css-loader": "0.0.3",
"css-loader": "^0.26.1",
"extract-text-webpack-plugin": "^1.0.1",
"postcss-loader": "^1.2.1",
"style-loader": "^0.13.1",
"stylus": "^0.54.5",
"stylus-loader": "^2.4.0",
"webpack": "^1.14.0"
}
}
"@types/jquery": "3.2.9",
"autoprefixer": "7.1.2",
"clean-css-loader": "0.1.3",
"css-loader": "0.28.4",
"extract-text-webpack-plugin": "3.0.0",
"jquery": "3.2.1",
"postcss-loader": "2.0.6",
"style-loader": "0.18.2",
"stylus": "0.54.5",
"stylus-loader": "3.0.1",
"ts-loader": "2.3.1",
"typescript": "2.4.2",
"webpack": "3.4.0"
},
"keywords": [
"widget",
"component",
"html",
"css",
"stylesheet",
"configurable",
"modals",
"tabs",
"carousels",
"buttons",
"forms"
]
}

@@ -6,1 +6,19 @@ # Artistry

A powerful and configurable stylesheet
Artistry is a collection of commonly used widget styles, such as buttons, modals, tabs, etc. Each has been designed to work together seamlessly and efficiently. It is also designed to work independently of any JavaScript framework.
## Simplicity of Design
The core philosophy of Artistry is: **HTML first, CSS second, JavaScript third.**
* **First**, we keep the HTML structures simple, with less tags, less nesting, and more meaning. As a developer, you should focus on your data and your content, not a hundred nested `<div>` tags.
* **Second**, we let CSS classes do the styling and animating. Adding just a few classes here is enough to style every widget. In most cases this is enough. All of the animation is powered by CSS.
* **Third**, we keep JavaScript to an absolute minimum. Most often, it is used to simply toggle a class on and off.
## Ease of Integration
Because Artistry is mostly powered by HTML and CSS, with very limited JavaScript, it is very easy to integrate with a wide range of JavaScript frameworks.
## Flexible Configuration
Almost every aspect of the stylesheet is configurable. Using Stylus, configuration can be done either inside the `.styl` files or with a `.json` file. These changes can either be done globally, or to individual widgets. And the widgets have been designed to work together. So if for example you want to change the spacing of the entire stylesheet, you can set it in one place, and everything will be adjusted automatically.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc