features section done
This commit is contained in:
1 parent
b5a07abf51
commit
14b32ac1ac
20 files changed
+945
-16
No files matched your search
@@ -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);
|
||||
```
|
||||
Reference in new issue
Block a user