omegamma/assets/scss/components/sections/skewed.scss

31 lines
1.1 KiB
SCSS

/**
* Omegamma - Hugo theme for ad5001.eu and related websites.
* Copyright (C) 2021 Ad5001
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
section.section-skewed {
--angle: 2deg;
transform: skewY(var(--angle));
background: #D2D2D2;
background: linear-gradient(170deg, rgba(238,238,238,1) 0%, rgba(210,210,210,1) 49%, rgba(238,238,238,1) 100%);
padding-top: 0.5em;
padding-bottom: 3em;
}
section.section-skewed > * {
transform: skewY(calc(0deg - var(--angle)));
}