/
stylesheet.ts
37 lines (33 loc) 路 1.16 KB
/
stylesheet.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import { background, color, height, width } from "./properties/box-model";
import {
alignItems,
flex,
flexDirection,
justifyContent,
} from "./properties/flexbox";
import { ResponsiveProperty } from "./responsive-property";
export { ResponsiveProperty } from "./responsive-property";
export interface StyleSheet {
// [box-model] ============================================================
height?: height;
width?: width;
color?: color;
backgroundColor?: background;
// [flexbox] ===============================================================
/** https://developer.mozilla.org/en-US/docs/Web/CSS/flex */
flex?: flex;
/** https://developer.mozilla.org/pt-BR/docs/Web/CSS/align-items */
alignItems?: alignItems;
/** It is equivalent to alignItems */
crossAxisAlignment?: alignItems;
/** https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content */
justifyContent?: justifyContent;
/** It is equivalent to justifyContent */
mainAxisAlignment?: justifyContent;
flexDirection?: flexDirection;
// Extras
hover?: StyleSheet;
focus?: StyleSheet;
modeDark?: StyleSheet;
[key: string]: ResponsiveProperty<string | any> | string | any;
}