You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

insert-sass

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install
Package was removed
Sorry, it seems this package was removed from the registry

insert-sass

sass compilation / css insertion transform

1.0.0
unpublished
latest
npmnpm
Version published
Weekly downloads
0
Maintainers
1
Weekly downloads
 
Created
Source

insert-sass

a browserify transform for inserting sass

npm install insert-sass

example

first.scss

body {
	background-color: gray;
}

.foo {
	color: yellow;
	font-size: 64px;
	font-family: sans-serif;
}

second.scss

body {
	background-color: gray;
}

.foo {
	color: yellow;
	font-size: 64px;
	font-family: sans-serif;
}

example.js

const foo = require("./first.scss")() // calling the function inserts css into <head>

const el = document.createElement("p")
el.innerHTML = "some text"
el.className = styles.foo

document.body.appendChild(el)

console.log(styles) // { foo: 'test-first_foo_2luu1' } // classname mapping

console.log(document.querySelector("head > style").innerHTML) // css is inserted

const otherStyles = require("./second.scss") // not applied yet

console.log(otherStyles) // { [Function: bound ] bar: 'test-second_bar_1geYD' }

console.log(document.querySelector("head > style").innerHTML) // second.scss is not inserted yet

otherStyles() // apply now

console.log(document.querySelector("head > style").innerHTML) // second.scss is inserted

FAQs

Package last updated on 12 May 2017

Did you know?

Socket

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.

Install

Related posts