Essentially filling in the gaps at https://tailwindcss.com/docs/customizing-spacing/#default-spacing-scale
name | rem | px |
---|---|---|
0 | 0rem | 0px |
1 | 0.25rem | 4px |
2 | 0.5rem | 8px |
3 | 0.75rem | 12px |
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | |
/* Document | |
========================================================================== */ | |
/** | |
* 1. Correct the line height in all browsers. | |
* 2. Prevent adjustments of font size after orientation changes in iOS. | |
*/ |
import bezier from "bezier-easing"; | |
export const linear = bezier(0.5, 0.5, 0.5, 0.5); | |
export const easeInCubic = bezier(0.55, 0.055, 0.675, 0.19); | |
export const easeOutCubic = bezier(0.215, 0.61, 0.355, 1); | |
export const easeInOutCubic = bezier(0.645, 0.045, 0.355, 1); | |
export const easeInSine = bezier(0.47, 0, 0.745, 0.715); | |
export const easeOutSine = bezier(0.39, 0.575, 0.565, 1); |
import bezier from "bezier-easing"; | |
export const linear = bezier(0.5, 0.5, 0.5, 0.5); | |
export const easeInCubic = bezier(0.55, 0.055, 0.675, 0.19); | |
export const easeOutCubic = bezier(0.215, 0.61, 0.355, 1); | |
export const easeInOutCubic = bezier(0.645, 0.045, 0.355, 1); | |
export const easeInSine = bezier(0.47, 0, 0.745, 0.715); | |
export const easeOutSine = bezier(0.39, 0.575, 0.565, 1); |
Essentially filling in the gaps at https://tailwindcss.com/docs/customizing-spacing/#default-spacing-scale
name | rem | px |
---|---|---|
0 | 0rem | 0px |
1 | 0.25rem | 4px |
2 | 0.5rem | 8px |
3 | 0.75rem | 12px |
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | |
/* Document | |
========================================================================== */ | |
/** | |
* 1. Correct the line height in all browsers. | |
* 2. Prevent adjustments of font size after orientation changes in iOS. | |
*/ |
const getTailwindExtend = themeUiConfig => { | |
const propertyMap = { | |
"borderStyles": ["borderStyle"], | |
"borderWidths": ["borderWidth"], | |
"breakpoints": ["screens"], | |
"colors": ["colors"], | |
"letterSpacings": ["letterSpacing"], | |
"lineHeights": ["lineHeight"], | |
"radii": ["borderRadius"], | |
"fontWeights": ["fontWeight"], |
import React, { FunctionComponent } from 'react'; | |
import classnames from 'classnames'; | |
import timerIndicatorStyle from './TimeIndicator.module.css'; | |
interface Props { | |
className?: string; | |
contentClassName?: string; | |
description?: string; | |
time: string; | |
} |
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}strong{font-weight:bolder}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offse |
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:initial}strong{font-weight:bolder}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{color:inherit;display:table;max-width:100%;white-space:normal}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outl |
html { | |
line-height: 1.15; | |
-webkit-text-size-adjust: 100% | |
} | |
body { | |
margin: 0 | |
} | |
main { |