mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-10-24 19:26:26 +02:00
24 lines
453 B
SCSS
24 lines
453 B
SCSS
.diagonal-section {
|
|
/* Used to position the diagonal area */
|
|
position: relative;
|
|
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.diagonal-section__diagonal {
|
|
/* Absolute position */
|
|
left: 0px;
|
|
position: absolute;
|
|
top: 50%;
|
|
|
|
/* Take full size */
|
|
height: 2rem;
|
|
width: 100%;
|
|
|
|
/* Create diagonal sides */
|
|
transform: translate(0, -50%) skewY(-15deg);
|
|
|
|
/* Background color */
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
} |