瀏覽代碼

Internal: Aligned styles to latest stylelint rules.

Aleksander Nowodzinski 5 年之前
父節點
當前提交
281e865eb0
共有 1 個文件被更改,包括 7 次插入7 次删除
  1. 7 7
      docs/assets/snippet-styles.css

+ 7 - 7
docs/assets/snippet-styles.css

@@ -93,7 +93,7 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
 
 .demo-row__third > div {
 	padding: 2.5rem;
-	border: 1px solid rgba(0, 0, 0, 0.15);
+	border: 1px solid hsla(0, 0%, 0%, 0.15);
 }
 
 .demo-row__third:nth-of-type(2) {
@@ -114,10 +114,10 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
 .main__notification.notice {
 	position: fixed;
 	max-width: 650px;
-	border: 1px solid #e4e4e4;
-	border-left-color: #f9c669;
+	border: 1px solid hsl(0, 0%, 89%);
+	border-left-color: hsl(38.8, 92.3%, 69.4%);
 	border-left-width: 3px;
-	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
+	box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.18);
 	/* override .notice class' margins and paddings */
 	padding: 20px 40px 20px 20px;
 	margin: 0;
@@ -164,7 +164,7 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
 }
 
 .main__notification-close:hover {
-	background: #eee;
+	background: hsl(0, 0%, 93%);
 }
 
 .main__notification-close:active:focus {
@@ -245,7 +245,7 @@ https://github.com/ckeditor/ckeditor5/issues/1545 */
 #snippet-inline-editor .ck-content:not(.ck-focused),
 #snippet-balloon-editor.ck-content:not(.ck-focused),
 #snippet-balloon-block-editor.ck-content:not(.ck-focused) {
-	border: 1px solid rgba(0, 0, 0, 0.15);
+	border: 1px solid hsla(0, 0%, 0%, 0.15);
 }
 
 #snippet-inline-editor h2, #snippet-inline-editor h3 {
@@ -264,7 +264,7 @@ https://github.com/ckeditor/ckeditor5/issues/1545 */
 }
 
 #snippet-inline-editor header.ck-content h3 {
-	color: rgba(5, 22, 42, 0.59);
+	color: hsla(212, 79%, 9%, 0.59);
 	font-weight: 600;
 	font-size: 1.6rem;
 }