| <Button Size="icon" Variant="outline" onclick="window.toggleTheme()" class="relative transform-gpu transition-all duration-300 ease-in-out"> | |
| <Blazicon Svg="@Icons.Sun" class="absolute rotate-0 dark:rotate-90 opacity-100 dark:opacity-0"/> | |
| <Blazicon Svg="@Icons.Moon" class="absolute dark:rotate-0 rotate-90 dark:opacity-100 opacity-0"/> | |
| </Button> |
| public static class ExpandoExt | |
| { | |
| /// <summary> | |
| /// Add a property to a dynamic object at runtime. | |
| /// </summary> | |
| /// <example> | |
| /// dynamic expando = new ExpandoObject(); | |
| /// expando.Name = "Brian"; | |
| /// expando.Country = "USA"; | |
| /// expando.AddProperty("Language", "English"); |
Mastering CSS starts with understanding selectors! They're how you tell your browser EXACTLY what to style.
This cheat sheet covers the most common (and some advanced!) selectors to level up your styling game. Save it, share it, and you will never forget how to target your elements like a pro! 🎯