travelify-legacy-2019/editor-style.css at master · ColorlibHQ/travelify-legacy-2019 · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/**
 * Editor styles.
 *
 * Mirrors the front end's typography so what you write looks like what gets
 * published. It deliberately does NOT @import style.css: that pulled the whole
 * layout -- floats, #main, .wrapper, the fixed-width container -- into the
 * editor, where none of it applies and some of it breaks the block canvas.
 *
 * @package Travelify
 */

.editor-styles-wrapper,
body {
	font: 14px Helvetica, sans-serif;
	line-height: 21px;
	color: #1d1d1d;
	background: #fff;
}

.editor-styles-wrapper a,
body a {
	color: #57ad68;
	text-decoration: none;
}

.editor-styles-wrapper a:hover,
.editor-styles-wrapper a:focus,
body a:hover,
body a:focus {
	color: #439f55;
	text-decoration: underline;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	color: #555;
	clear: both;
}

.editor-styles-wrapper h1, body h1 { font-size: 30px; line-height: 36px; }
.editor-styles-wrapper h2, body h2 { font-size: 28px; line-height: 1.4; }
.editor-styles-wrapper h3, body h3 { font-size: 26px; line-height: 32px; }
.editor-styles-wrapper h4, body h4 { font-size: 24px; line-height: 30px; }
.editor-styles-wrapper h5, body h5 { font-size: 22px; line-height: 28px; }
.editor-styles-wrapper h6, body h6 { font-size: 19px; line-height: 25px; text-transform: uppercase; }

.editor-styles-wrapper p,
body p {
	margin-bottom: 20px;
}

.editor-styles-wrapper blockquote,
body blockquote {
	font-style: italic;
	padding: 20px;
	margin-bottom: 20px;
	border-left: 4px solid #439f55;
	background-color: #f9f9f9;
}

.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
body ul,
body ol {
	margin: 0 0 20px 40px;
}

.editor-styles-wrapper ul,
body ul {
	list-style: disc;
}

.editor-styles-wrapper ol,
body ol {
	list-style: decimal;
}

.editor-styles-wrapper code,
.editor-styles-wrapper pre,
body code,
body pre {
	font-family: Consolas, Monaco, 'Courier New', monospace;
	font-size: 13px;
	background: #f9f9f9;
}

.editor-styles-wrapper pre,
body pre {
	padding: 15px;
	overflow: auto;
}

.editor-styles-wrapper table,
body table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

.editor-styles-wrapper th,
.editor-styles-wrapper td,
body th,
body td {
	border: 1px solid #eaeaea;
	padding: 8px 10px;
	text-align: left;
}

.editor-styles-wrapper img,
body img {
	max-width: 100%;
	height: auto;
}

/* Match the front end's content width so wide/full alignments read correctly. */
.editor-styles-wrapper .wp-block {
	max-width: 700px;
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
	max-width: 978px;
}

.editor-styles-wrapper .wp-block[data-align="full"] {
	max-width: none;
}