gutenberg / build / styles / block-library / paragraph / style.css

style.css in Gutenberg 23.7.2, at build/styles/block-library/paragraph/style.css

92 lines 1.5 KB

Raw Download Zip

1	/**
2	* SCSS Variables.
3	*
4	* Please use variables from this sheet to ensure consistency across the UI.
5	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
6	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
7	*/
8	/**
9	* Colors
10	*/
11	/**
12	* Fonts & basic variables.
13	*/
14	/**
15	* Typography
16	*/
17	/**
18	* Grid System.
19	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
20	*/
21	/**
22	* Radius scale.
23	*/
24	/**
25	* Elevation scale.
26	*/
27	/**
28	* Dimensions.
29	*/
30	/**
31	* Mobile specific styles
32	*/
33	/**
34	* Editor styles.
35	*/
36	/**
37	* Block & Editor UI.
38	*/
39	/**
40	* Block paddings.
41	*/
42	/**
43	* React Native specific.
44	* These variables do not appear to be used anywhere else.
45	*/
46	.is-small-text {
47	font-size: 0.875em;
48	}
49
50	.is-regular-text {
51	font-size: 1em;
52	}
53
54	.is-large-text {
55	font-size: 2.25em;
56	}
57
58	.is-larger-text {
59	font-size: 3em;
60	}
61
62	.has-drop-cap:not(:focus)::first-letter {
63	float: left;
64	font-size: 8.4em;
65	line-height: 0.68;
66	font-weight: 100;
67	margin: 0.05em 0.1em 0 0;
68	text-transform: uppercase;
69	font-style: normal;
70	}
71
72	body.rtl .has-drop-cap:not(:focus)::first-letter {
73	float: initial;
74	margin-left: 0.1em;
75	}
76
77	p.has-drop-cap.has-background {
78	overflow: hidden;
79	}
80
81	:root :where(p.has-background) {
82	padding: 1.25em 2.375em;
83	}
84
85	:where(p.has-text-color:not(.has-link-color)) a {
86	color: inherit;
87	}
88
89	p.has-text-align-right[style*="writing-mode:vertical-rl"],
90	p.has-text-align-left[style*="writing-mode:vertical-lr"] {
91	rotate: 180deg;
92	}