Skip to content

Commit d1e4d95

Browse files
authored
Update example.html
1 parent 6b4e312 commit d1e4d95

File tree

1 file changed

+3
-9
lines changed

1 file changed

+3
-9
lines changed

example.html

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -32,19 +32,13 @@
3232

3333
<div>
3434
<style>
35-
.me {
36-
font-family: 'Noto Sans', sans-serif; background: hsl(264 62% 20%); border:none; border-radius: 12px; box-shadow: 0 2px 5px #00000044; padding: 10px 20px; color: #fff; margin: 20px;
35+
.me { font-family: 'Noto Sans', sans-serif; background: hsl(264 62% 20%); border:none; border-radius: 12px; box-shadow: 0 2px 5px #00000044; padding: 10px 20px; color: #fff; margin: 20px;
3736
/* CSS Nesting works! */
38-
& span {
39-
background: hsl(264 90% 90%);
40-
color: hsl(264 30% 40%);
41-
padding: 16px 20px;
42-
border-radius: 8px;
43-
box-shadow: 0 0 5px hsl(0 0% 0% / 20%);
37+
& span { background: hsl(264 90% 90%); color: hsl(264 30% 40%); padding: 16px 20px; border-radius: 8px; box-shadow: 0 0 5px hsl(0 0% 0% / 20%);
4438
&::before { content:'🔮'; padding: 0 1ch 0 0; }
4539
}
4640
}
47-
/* Flat style can be more readable! 1 selector per line. */
41+
/* Flat style can be more readable. */
4842
.me ol { padding: 5px 0; }
4943
.me ol li{ list-style: disc; padding: 4px; border-radius: 12px; margin: 4px 20px }
5044
/* ✨ .this and .self alias .me ! */

0 commit comments

Comments
 (0)