Company News
Connect with Socket at RSA and BSidesSF 2024
Come meet the Socket team at BSidesSF and RSA! We're sponsoring several fun networking events and we would love to see you there.
By Sarah Gooding - Apr 15, 2024
fullstack-ui
Advanced tools
fullstack-ui
SCSS framework built to scale
- 0.2.0latestnpm
- Version published
- Maintainers
- 3
- Weekly downloads
- 386
- decreased by-27.31%
- Bundle size
- 129 bytes
- Minified + gzipped
Weekly downloads
Readme
What is FullStack UI?
FullStack UI is a SCSS framework built to make front end UI development fast and scalable. This project is under active development and is not recommended for production use at this time.
Architecture
- CORE: Framework core
- TOOLS: Mixins and functions
- SETTINGS: Site-wide settings
- GENERIC: Low-specificity, far-reaching rulesets and classless elements
- OBJECTS: Objects, abstractions, and design patterns (e.g. .media {})
- COMPONENTS: Discrete, complete chunks of UI (e.g. .carousel {})
- UTILITIES: High-specificity, very explicit selectors. Overrides and helper classes (e.g. .u-hidden {})
Getting Started
The best way to start using FullStack UI is with NPM.
Download and install Node. Node comes with npm installed, so all you have to do is update it:
$ npm install npm@latest -g
Now you can install this framework:
$ npm install fullstack-ui --save
Navigate to node_modules/fullsack-ui/
Copy index.scss to your project's root CSS folder.
Update the import paths to point to the framework:
@import "node_modules/fullstack-ui/palettes/palettes.default";
You'll need something to compile the app. node-sass is an option.
$ npm install node-sass --save-dev
You can have nodemon watch for SCSS and compile on save.
$ npm install nodemon --save-dev
Add this to your package.json. The build script takes the first argument as the source directory and the second as the destination. Adjust these as needed:
"scripts": {
"build:css": "node-sass src/scss/index.scss src/css/index.css",
"watch:css": "nodemon -e scss -x \"npm run build:css\"",
}
Finally, run this:
$ npm run watch:css
Don't forget to <link> index.css in your project's <head> and you're ready to roll!
License
MIT
FAQs
SCSS framework built to scale
The npm package fullstack-ui receives a total of 262 weekly downloads. As such, fullstack-ui popularity was classified as not popular.
We found that fullstack-ui demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Last updated on 01 Nov 2016
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.
Related posts
Security News
OSI to Lead Discussions on Navigating the Challenges of Doing Business with Open Source
OSI is starting a conversation aimed at removing the excuse of the SaaS loophole for companies navigating licensing and the complexities of doing business with open source.
By Sarah Gooding - Apr 12, 2024
Product
Introducing Dependency Visualization: An Interactive Way to See Dependencies at a Glance
We're introducing dependency visualization for reports - get a quick impression of the state of your dependencies without getting lost in the details.
By Eli Insua - Apr 11, 2024