File tree Expand file tree Collapse file tree 1 file changed +3
-9
lines changed Expand file tree Collapse file tree 1 file changed +3
-9
lines changed Original file line number Diff line number Diff line change 32
32
33
33
< div >
34
34
< 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 ;
37
36
/* 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% );
44
38
& ::before { content : '🔮' ; padding : 0 1ch 0 0 ; }
45
39
}
46
40
}
47
- /* Flat style can be more readable! 1 selector per line . */
41
+ /* Flat style can be more readable. */
48
42
.me ol { padding : 5px 0 ; }
49
43
.me ol li { list-style : disc; padding : 4px ; border-radius : 12px ; margin : 4px 20px }
50
44
/* ✨ .this and .self alias .me ! */
You can’t perform that action at this time.
0 commit comments