features section done

This commit is contained in:
Daniel Heras Quesada committed 2023-09-11 23:10:40 +02:00
1 parent b5a07abf51
commit 14b32ac1ac
20 files changed
+945 -16

No files matched your search

+33 -1
View File
@@ -102,4 +102,36 @@ Preprocesador de css.
[class$='col-'] {
background-color: red;
}
```
```
- Select all elements but the last
```css
&:not(:last-child) {
//stuff
}
```
- Select elements not hovered on continer hovered 'nombre\_\_photo'
````css
&:hover &__photo:not(:hover) {
transform: scale(0.9);
}
````
## Bordes
Borders can be achieved on a more advanced way with `outline`, it allows us to create a gap on a simple manner.
- Outline
````css
outline-offset: 2rem;
outline: 1.5rem solid $color-primary;
````
## Shadows
- box-shadow : `box-shadow: offsetX offsetY blur color`
```css
box-shadow: 0 1.5rem 4rem rgba($color-black, .4);
```