joyent-portal/ui/src/shared/constants/boxes.js

const colors = require('./colors');
const fns = require('../functions');

const {
  remcalc
} = fns;

module.exports = {
  borderRadius: remcalc(4),
  bottomShaddow: `0 ${remcalc(2)} 0 0 rgba(0, 0, 0, 0.05)`,
  bottomShaddowDarker: `0 ${remcalc(2)} 0 0 rgba(0, 0, 0, 0.1)`,
  insetShaddow: `inset 0 ${remcalc(3)} 0 0 rgba(0, 0, 0, 0.05)`,
  border: {
    checked: `${remcalc(1)} solid ${colors.brandPrimary}`,
    unchecked: `${remcalc(1)} solid ${colors.borderSecondary}`,
    confirmed: `${remcalc(1)} solid ${colors.confirmation}`
  }
};