2021-08-02 17:24:01 +05:30
|
|
|
/*
|
|
|
|
|
* Licensed to the Apache Software Foundation (ASF) under one or more
|
|
|
|
|
* contributor license agreements. See the NOTICE file distributed with
|
|
|
|
|
* this work for additional information regarding copyright ownership.
|
|
|
|
|
* The ASF licenses this file to You under the Apache License, Version 2.0
|
|
|
|
|
* (the "License"); you may not use this file except in compliance with
|
|
|
|
|
* the License. You may obtain a copy of the License at
|
|
|
|
|
|
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
|
* limitations under the License.
|
|
|
|
|
*/
|
|
|
|
|
|
2021-08-01 14:27:44 -07:00
|
|
|
const defaultTheme = require('tailwindcss/defaultTheme');
|
|
|
|
|
|
|
|
|
|
const bluePrimaryDark = '#0366D6';
|
|
|
|
|
const bluePrimaryLight = '#D4E2FC';
|
|
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
|
purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
|
|
|
|
|
darkMode: false,
|
|
|
|
|
prefix: 'tw-',
|
|
|
|
|
theme: {
|
|
|
|
|
screens: {
|
|
|
|
|
sm: '480px',
|
|
|
|
|
md: '768px',
|
|
|
|
|
lg: '976px',
|
|
|
|
|
xl: '1440px',
|
|
|
|
|
},
|
|
|
|
|
extend: {
|
|
|
|
|
backgroundColor: {
|
|
|
|
|
success: '#28a745',
|
|
|
|
|
'primary-dark': bluePrimaryDark,
|
|
|
|
|
'primary-light': bluePrimaryLight,
|
|
|
|
|
'primary-tag': '#EECEDD',
|
|
|
|
|
'secondary-tag': '#F2E8D0',
|
|
|
|
|
search: '#F4F6FA',
|
|
|
|
|
},
|
|
|
|
|
borderColor: {
|
|
|
|
|
'orange-400': '#F9826C',
|
|
|
|
|
success: '#28a745',
|
|
|
|
|
'primary-dark': bluePrimaryDark,
|
|
|
|
|
'primary-light': bluePrimaryLight,
|
|
|
|
|
search: '#D5D6D9',
|
|
|
|
|
},
|
|
|
|
|
textColor: {
|
|
|
|
|
success: '#28a745',
|
|
|
|
|
'grey-body': '#37352f',
|
|
|
|
|
},
|
|
|
|
|
fontFamily: {
|
|
|
|
|
sans: ['Inter', ...defaultTheme.fontFamily.sans],
|
|
|
|
|
},
|
|
|
|
|
fontSize: {
|
|
|
|
|
h1: '2.5rem',
|
|
|
|
|
h2: '2rem',
|
|
|
|
|
h3: '1.75rem',
|
|
|
|
|
h4: '1.5rem',
|
|
|
|
|
h5: '1.25rem',
|
|
|
|
|
h6: '14px',
|
|
|
|
|
body: '14px',
|
|
|
|
|
},
|
|
|
|
|
maxHeight: {
|
|
|
|
|
32: '8rem',
|
|
|
|
|
},
|
|
|
|
|
minHeight: {
|
|
|
|
|
32: '8rem',
|
|
|
|
|
},
|
|
|
|
|
padding: {
|
|
|
|
|
'5px': '5px',
|
|
|
|
|
},
|
|
|
|
|
zIndex: {
|
|
|
|
|
9999: 9999,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
variants: {
|
|
|
|
|
extend: {
|
|
|
|
|
borderStyle: ['hover'],
|
|
|
|
|
borderWidth: ['hover'],
|
|
|
|
|
display: ['group-hover'],
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
plugins: [],
|
|
|
|
|
};
|
