mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2025-12-23 22:18:36 -05:00
ae8e85098f
* Adjust PhotoPreview sizes for StandardCamera for different breakpoints * PhotoCarousel tests * Merge main into branch * PhotoPreview styling after merge * Update PhotoCarousel snapshots * Moved getBreakpoint into Sharedhelper, changes requested. * PhotoPreview for large layouts * Remove testing color * Update snapshots --------- Co-authored-by: Amanda Bullington <albullington@gmail.com>
109 lines
2.3 KiB
JavaScript
109 lines
2.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
module.exports = {
|
|
content: ["index.js", "./src/**/*.js"],
|
|
theme: {
|
|
extend: {
|
|
fontSize: {
|
|
"3xl": [
|
|
"26px",
|
|
{
|
|
lineHeight: "31px"
|
|
}
|
|
],
|
|
"2xl": [
|
|
"22px",
|
|
{
|
|
lineHeight: "26px"
|
|
}
|
|
],
|
|
xl: [
|
|
"21px",
|
|
{
|
|
lineHeight: "25px"
|
|
}
|
|
],
|
|
lg: [
|
|
"19px",
|
|
{
|
|
lineHeight: "23px"
|
|
}
|
|
],
|
|
base: [
|
|
"18px",
|
|
{
|
|
lineHeight: "22px"
|
|
}
|
|
],
|
|
md: [
|
|
"16px",
|
|
{
|
|
lineHeight: "18px"
|
|
}
|
|
],
|
|
sm: [
|
|
"14px",
|
|
{
|
|
lineHeight: "18px"
|
|
}
|
|
],
|
|
xs: [
|
|
"12px",
|
|
{
|
|
lineHeight: "14px"
|
|
}
|
|
],
|
|
"2xs": [
|
|
"8px",
|
|
{
|
|
lineHeight: "10px"
|
|
}
|
|
]
|
|
},
|
|
height: {
|
|
22: "5.5rem"
|
|
},
|
|
fontFamily: {
|
|
"Whitney-Medium": ["Whitney-Medium"],
|
|
"Whitney-Medium-Pro": ["Whitney-Medium-Pro"], // Android naming convention
|
|
"Whitney-Light": ["Whitney-Light"],
|
|
"Whitney-Light-Pro": ["Whitney-Light-Pro"], // Android naming convention
|
|
"Whitney-BookItalic": ["Whitney-BookItalic"],
|
|
"Whitney-BookItalic-Pro": ["Whitney-BookItalic-Pro"], // Android naming convention
|
|
// selected from list of fonts already available in RN
|
|
// https://infinitbility.com/react-native-font-family-list/
|
|
"Papyrus-Condensed": ["Papyrus-Condensed"],
|
|
Roboto: ["Roboto"],
|
|
monospace: ["monospace"],
|
|
Menlo: ["Menlo"]
|
|
},
|
|
borderRadius: {
|
|
// tried using rem value here, but it wouldn't load on iOS or Android
|
|
DEFAULT: "7px",
|
|
sm: "4px",
|
|
md: "9px",
|
|
lg: "8px",
|
|
"2xl": "15px"
|
|
}
|
|
},
|
|
colors: {
|
|
white: "#ffffff",
|
|
darkGray: "#454545",
|
|
inatGreen: "#74AC00",
|
|
accessibleGreen: "#5D8017",
|
|
warningRed: "#9B1010",
|
|
lightGray: "#E8E8E8",
|
|
black: "#000000",
|
|
warningYellow: "#E6A939"
|
|
},
|
|
screens: {
|
|
sm: "240px",
|
|
md: "320px",
|
|
lg: "390px",
|
|
xl: "744px",
|
|
"2xl": "1366px"
|
|
}
|
|
},
|
|
plugins: []
|
|
};
|