8
0
Просмотр исходного кода

Merge pull request #7793 from ckeditor/i/7781

Docs (engine): Updated styling for the custom element converter demo. Closes #7781.
Piotrek Koszuliński 5 лет назад
Родитель
Сommit
f31092d65d

+ 26 - 8
packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-element-converter.html

@@ -1,27 +1,45 @@
 <style>
 	.info-box {
+		background: hsl(0, 0%, 45%);
 		border: 1px solid hsl(0, 0%, 80%);
 		padding: 1em;
-		background: hsl(0, 0%, 45%);
+		border-radius: 8px;
+	}
+
+	.info-box-title {
+		margin-bottom: 0.5em;
+		font-size: 1.4em;
+		font-weight: bold;
+		color: inherit;
 	}
 
 	.info-box-warning {
-		background: hsl(64, 74%, 85%);
+		background: hsl(48, 100%, 87%);
+		border: 1px solid hsl(47, 100%, 62%);
+	}
+
+	.info-box-warning .info-box-title  {
+		color: hsl(47, 100%, 32%)
 	}
 
 	.info-box-info {
-		background: hsl(205, 100%, 90%);
+		background: hsl(205, 100%, 95%);
+		border: 1px solid hsl(205, 91%, 82%);
 	}
 
-	.info-box-title {
-		margin-bottom: 1em;
-		font-weight: bold;
-		color: inherit;
+	.info-box-info .info-box-title  {
+		color: hsl(204, 79%, 41%)
 	}
 
 	.info-box-content {
-		padding: 0 1em;
+		padding: 8px 10px;
 		background: hsl(0, 0%, 100%);
+		border-radius: 6px;
+	}
+
+	.info-box-content p:only-child,
+	.info-box-content p:last-child {
+		margin-bottom: 0;
 	}
 </style>