nuke-biz-custom-feedback/src/styles/index.js

custom-feedback

'use strict';

import VariableMix from './variable';

function styleProvider(theme = {}) {
  const Variables = VariableMix(theme);
  const core = theme.Core;
  return {
    CustomFeedback: {
      feedback: {
        alignItems: 'flex-start',
        flexDirection: 'row',
        ...core.padding(
          Variables['padding-tb'],
          Variables['padding-lr'],
          Variables['padding-tb'],
          Variables['padding-lr']
        ),
      },
      'fb-success': {
        backgroundColor: Variables['success-bg-color'],
      },
      'fb-info': {
        backgroundColor: Variables['info-bg-color'],
      },
      'fb-warning': {
        backgroundColor: Variables['warning-bg-color'],
      },
      'fb-error': {
        backgroundColor: Variables['error-bg-color'],
      },
      icon: {
        width: Variables['icon-size'],
        height: Variables['icon-size'],
      },
      content: {
        flexDirection: 'column',
        paddingLeft: Variables['content-padding-left'],
        // alignItems: 'center',
        // textAlign: 'center',
        flex: 1,
      },
      title: {
        fontSize: Variables['title-font-size'],
        // height: Variables['icon-size'],
        lineHeight: Variables['icon-size'],

      },
      'title-success': {
        color: Variables['success-title-color'],
      },
      'title-info': {
        color: Variables['info-title-color'],
      },
      'title-warning': {
        color: Variables['warning-title-color'],
      },
      'title-error': {
        color: Variables['error-title-color'],
      },
      messageWrap: {
        marginTop: Variables['message-margin-top'],
      },
      message: {
        fontSize: Variables['message-font-size'],
        lineHeight: Variables['message-line-height'],
        color: Variables['message-color'],

      },

    },
  };
}
module.exports = styleProvider;