omegamma/assets/scss/common.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/>.
 */

@import "components/common/button";
@import "components/common/centering";
@import "components/common/columns";
@import "components/common/details";
@import "components/common/headers";
@import "components/common/icon";
@import "components/common/padding";
@import "components/common/text";

body {
    font-family: 'Metropolis', 'Fira Sans','Ubuntu', 'Noto Sans', sans-serif;
    overflow-x: hidden;
    margin: 0px;
    --light-font: 'Metropolis Light', 'Fira Sans Light','Ubuntu Light', 'Noto Sans Light', sans-serif;
    --primary-color: #50DC71;
    --primary-color-second: #8EF78C;
    --secondary-color: #FAFAFA;
    --secondary-color-second: #DFDFDF;
    --tertiary-color: #1FA2FF;
    --tertiary-color-second: #12D8FA;
    --nav-background: var(--secondary-color);
    --nav-background-dark: #282828;
    --footer-background: #111111; 
}

.content-center {
    max-width: 75em;
}

.fit-content {
    width: -moz-fit-content;
    height: -moz-fit-content;
    width: fit-content;
    height: fit-content;
}

hr {
    opacity: 0.5;
}

.primary, .secondary, .tertiary {
    background: var(--first-color)
}

.primary {
    --first-color: var(--primary-color);
    --second-color: var(--primary-color-second);
    --theme-color: var(--primary-color);
}

.secondary {
    --first-color: var(--secondary-color);
    --second-color: var(--secondary-color-second);
    --theme-color: var(--secondary-color);
}

.tertiary {
    --first-color: var(--tertiary-color);
    --second-color: var(--tertiary-color-second);
    --theme-color: var(--tertiary-color);
}

.primary:hover, .secondary:hover, .tertiary:hover {
    background-position: right center;
}

/* format */

.fill-width {
    width: 100%;
}

.reduced-vertical-margin {
    margin-bottom: 0.2em;
    margin-top: 0;
}

.grid {
    display: flex;
    flex-wrap: wrap;
    margin: 3px;
}

.flex {
    display: flex !important;
}

.inline {
    display: inline !important;
}

.ruby {
    display: ruby !important;
}

.flex-right {
    justify-content: flex-end;
}

.flex-center {
    justify-content: center;
}