mirror of
https://gitlab.com/tutorial-java-rafa-munoz/tutorial-java-2024-25/LMSGI-2024-25.git
synced 2025-11-09 18:03:06 +01:00
feat(sass): added
This commit is contained in:
13
Unidad_03_HTML/SASS/05_mixin_with_params/index.html
Normal file
13
Unidad_03_HTML/SASS/05_mixin_with_params/index.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
<body>
|
||||
|
||||
<h1>Hello World</h1>
|
||||
|
||||
<p class="myArticle">This is some text in my article.</p>
|
||||
|
||||
<p class="myNotes">This is some text in my notes.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
12
Unidad_03_HTML/SASS/05_mixin_with_params/index.scss
Normal file
12
Unidad_03_HTML/SASS/05_mixin_with_params/index.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
/* Define mixin with two arguments */
|
||||
@mixin bordered($color, $width) {
|
||||
border: $width solid $color;
|
||||
}
|
||||
|
||||
.myArticle {
|
||||
@include bordered(blue, 1px); // Call mixin with two values
|
||||
}
|
||||
|
||||
.myNotes {
|
||||
@include bordered(red, 2px); // Call mixin with two values
|
||||
}
|
||||
Reference in New Issue
Block a user