File tree 1 file changed +3
-3
lines changed
1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change 32
32
33
33
< div >
34
34
< style >
35
- /* One selector, flat style. */
35
+ /* Flat, 1 selector style. */
36
36
.me { font-family : 'Noto Sans' , sans-serif; background : hsl (264 62% 20% ); }
37
- /* One selector, nested style. */
37
+ /* Nested, 1 selector style. */
38
38
.me { border : none; border-radius : 12px ; box-shadow : 0 2px 5px # 00000044 ; padding : 10px 20px ; color : # fff ; margin : 20px ;
39
39
& 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% );
40
40
& ::before { content : '🔮' ; padding : 0 1ch 0 0 ; }
41
41
}
42
42
}
43
- /* One selector, flat style can be more readable ! */
43
+ /* Flat, 1 selector style can be less busy to look at. We recommend it ! */
44
44
.me ol { padding : 5px 0 ; }
45
45
.me ol li { list-style : disc; padding : 4px ; border-radius : 12px ; margin : 4px 20px }
46
46
/* ✨ .this and .self alias .me ! */
You can’t perform that action at this time.
0 commit comments