How to use the jsxstyle/lib/Color.rgb function in jsxstyle

To help you get started, we’ve selected a few jsxstyle examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
var Color = require('jsxstyle/lib/Color');

const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
  primaryColor,
  secondaryColor,
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
var Color = require('jsxstyle/lib/Color');

const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
var Color = require('jsxstyle/lib/Color');

const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
  primaryColor,
  secondaryColor,
  turq,
  green,
  orange,
  pink,
  darkBlue,
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
  primaryColor,
  secondaryColor,
  turq,
  green,
  orange,
  pink,
  darkBlue,
  blue,
  gridUnit: 8,
  u: 8,
  sans: '-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Helvetica,Arial,sans-serif',
};
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
  primaryColor,
  secondaryColor,
  turq,
  green,
  orange,
  pink,
  darkBlue,
  blue,
  gridUnit: 8,
  u: 8,
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
var Color = require('jsxstyle/lib/Color');

const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
  primaryColor,
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
var Color = require('jsxstyle/lib/Color');

const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
var Color = require('jsxstyle/lib/Color');

const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
  primaryColor,
  secondaryColor,
  turq,
  green,
  orange,
  pink,
  darkBlue,
  blue,
  gridUnit: 8,
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
var Color = require('jsxstyle/lib/Color');

const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
  primaryColor,
  secondaryColor,
  turq,
  green,
github jaredpalmer / react-email-workflow / src / LayoutConstants.js View on Github external
var Color = require('jsxstyle/lib/Color');

const primaryColor = Color.rgb(10, 0, 0);
const secondaryColor = Color.alpha(primaryColor, .8);

// AirBnb Colors
const turq = Color.rgb(0, 209, 193);
const green = Color.rgb(63, 179, 79);
const orange = Color.rgb(255, 180, 0);
const pink = Color.rgb(255, 90, 95);
const darkBlue = Color.rgb(56, 59, 60);

// Email colors
const white = Color.rgb(255, 255, 255);
const black = Color.rgb(20, 24, 35);
const gray = Color.rgb(89, 95, 108);
const blue = Color.rgb(25, 114, 217);

const bgColor = Color.rgb(236, 238, 217);

const LayoutConstants = {
  white,
  black,
  primaryColor,
  secondaryColor,
  turq,

jsxstyle

Inline style system for React and Preact

Apache-2.0
Latest version published 1 year ago

Package Health Score

58 / 100
Full package analysis