Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
@wework/oui-scss
Advanced tools
npm install @wework/oui-scss --save-dev
var gulp = require('gulp');
sass = require('gulp-sass');
postcss = require('gulp-postcss');
autoprefixer = require('autoprefixer');
lost = require('lost');
gulp.task('sass:dev', function () {
var processors = [
autoprefixer(),
lost()
];
return gulp.src('app/assets/css/*.scss')
.pipe(sourcemaps.init())
.pipe(sass({
includePaths: ['app/assets', 'node_modules'],
outputStyle : 'compressed',
sourceComments: 'map',
}))
.pipe(postcss(processors))
.pipe(sourcemaps.write())
.pipe(gulp.dest('public/assets/css'));
});
To include all of Oui's styles in your project, import like so:
@import "oui-scss/src/base";
For our secondary font, Knockout
, include the following in the head of your html:
<link rel="stylesheet" href="//cloud.typography.com/6353954/695546/css/fonts.css" />
For the icons:
<link rel="stylesheet" href="//fontastic.s3.amazonaws.com/aagNC9rxuN29yoHxEKJed4/icons.css" />
(truncated, only showing one component in src, for the sake of simplicity)
├── docs
│ ├── styleguide
│ │ ├── styleguide.jade
│ │ ├── styleguide.jsx
│ │ ├── styleguide.scss
│ ├── entry.js
│ ├── index.html
├── node_modules
├── public
├── src
│ ├── components
│ │ ├── header
│ │ │ ├── header.jade
│ │ │ ├── header.jsx
│ │ │ ├── header.scss
│ │ ├── index.js
docs/
- Imports all components necessary for the docs into Styleguide.jsx. entry.js
is our entry point for webpack. When npm run build
is executed, this folder is compiled to serve up our documentation in public
in the browser at localhost:8080
.public/
- Generated by webpack. Compiled and minified docs for reference.src/components
- Where everything we need to build beautiful websites lives.npm run build
to both delete the public
folder and rebuild it.
npm run build:clean
to remove public
foldernpm run build:all
to build public
foldernpm start
to view the documentation on localhost:8080
.
When adding a new stylesheet, always include the PostCSS Bem Linter definition as the first line in your file. ie) /** @define oui-header */
, in order to properly lint your styles.
FIX all errors/warnings you may see in your console before asking for a +1.
Because this library currently relies heavly on WebPack. The gem includes both a compile css and js of all the components and the original scss file containing the different variables for re-use.
source <gemfury> do
gem 'oui'
end
in Gemfile //= require oui
in application.js@import "oui";
in application.scss@import "oui-var";
in application.scss for accessing the color and grid variablesFAQs
WeWork UI + Styles
The npm package @wework/oui-scss receives a total of 0 weekly downloads. As such, @wework/oui-scss popularity was classified as not popular.
We found that @wework/oui-scss demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 13 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.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.