1
0
Fork 0
mirror of https://github.com/TheTaz25/denis.ergin.git synced 2025-07-08 17:58:48 +00:00
denis.ergin/src/components/slides/css-introduction/index.astro
2024-10-20 14:44:59 +02:00

53 lines
No EOL
776 B
Text

---
import Title from './title.astro'
import WhatIsCss from "./what-is-css.astro";
import HowToEmbed from './how-to-embed.astro';
import BasicSelectors from './basic-selectors.astro'
---
<div class="slides">
<Title />
<WhatIsCss />
<HowToEmbed />
<BasicSelectors />
</div>
<style lang="scss" is:global>
.apply-style {
&.one {
span {
color: hotpink;
}
span.meine-klasse {
color: coral;
}
span#meine-id {
color: brown;
}
}
&.two {
span.eins.zwei {
color: green;
}
span.eins {
color: blue;
}
}
&.three {
.bold {
font-weight: bold;
}
.font-green {
color: green;
}
.font-blue {
color: blue;
}
.font-red {
color: red;
}
}
}
</style>