kmx git

@import "./kmx_colors.scss";
$primary: $kmx_blue;
$danger: $kmx_orange;
$dark: #242124;
@import "../node_modules/bootstrap/scss/bootstrap.scss";
$font-family-sans-serif: "computer_modern", sans-serif;
$font-family-monospace: "courier_new", "Courier New", monospace;
@import "./computer_modern.scss";
@import "./courier_new.scss";
$code-font-size: $font-size-base * 1.1;
@import "../node_modules/bootstrap/scss/bootstrap.scss";
$fa-font-path: "../_fonts";
@import "../node_modules/fontawesome-free/scss/fontawesome.scss";
@import "../node_modules/fontawesome-free/scss/brands.scss";
@import "../node_modules/fontawesome-free/scss/regular.scss";
@import "../node_modules/fontawesome-free/scss/solid.scss";

// @import "../node_modules/highlight.js/scss/default.scss";
@import "../node_modules/highlight.js/scss/github.scss";

@import "./flash.scss";
@import "./footer.scss";
@import "./pixel.scss";
@import "./pygments.scss";

pre {
    overflow: visible;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    div.container {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }
    font-family: computer_modern;
    font-size: 1.3em;
}
input {
    width: 90%;
}
nav h1, nav h1 a, nav h1 a.navbar-brand {
    color: #fff;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.content {
    margin: 0;
    padding: 0 2rem 0 1rem;
    max-width: 80rem;
}

a {
    text-decoration: none;
    color: var(--bs-primary);
}
.bg-dark a {
    color: $gray-400;
}
.bg-gray {
    background: #eef;
}
pre.wrap {
    word-break: break-all;
    white-space: pre-wrap;
}
code {
    background: #eee;
}

ul {
    margin: 0;
    padding: 0;
    li {
        list-style: none;
        img.small {
            aspect-ratio: auto;
            max-width: 100%;
            height: 128px;
        }
    }
}

/* navbar */
.navbar {
    padding-top: 0.3rem;
    & > .container-fluid {
        align-items: baseline;
    }
}
.navbar-brand {
    font-size: 1.5rem;
    padding: 0;
} 
.navbar-link {
    display: inline-block;
    padding: 0.5rem 1rem 0 0;
}
.navbar-text {
    display: inline-block;
    padding: 0.5rem 1rem 0 0;
}
.doc-logo, .doc-logo-lg, .doc-logo-light, .doc-logo-light-lg {
    & > span {
        display: inline-block;
        margin: 0 0.3em;
    }
    display: inline-block;
    padding: 0 0.5em 0 0;
    color: $gray-200;
}
.doc-logo, .doc-logo-lg {
    &:hover {
        color: #fff;
    }
}
.doc-logo-light, .doc-logo-light-lg {
    color: #000;
    &:hover {
        color: #000;
    }
}
.doc-logo-lg, .doc-logo-light-lg {
    font-size: 4em;
}
/* misc */
.avatar-lg {
    float: left;
    margin: 0 0.5em 0.5em 0;
}
.commit-avatar {
    float: left;
    margin-right: 0.5em;
}
.clear {
    clear: both;
}
/* file preview */
span.size {
    float: right;
    font-size: 80%;
    display: block;
    text-align: right;
    width: 5em;
}
span.file {
    float: right;
    font-size: 80%;
}
div.small, div.full {
    clear: both;
}
/* video */
div.full {
    video.full {
        width: 100%;
    }
}
div.small {
    video.small {
        height: 480px;
        max-width: 100%;
    }
}

/* user */
.btn-danger, .btn-danger:hover {
    color: #fff;
}
img.qrcode {
    width: 50%;
    min-width: 190px;
    max-width: 512px;
    margin: auto;
    display: block;
}

li.list-group-item {
    border: none;
}

.invalid-feedback {
    display: inherit;
}
h1 {
    margin-top: 1rem;
}
h1,h2,h3,h4,h5,h6 {
    a {
        text-decoration: none;
        color: #103;
    }
}
.break-all {
    word-break: break-all;
}

@media only screen and (min-width: 576px) {
    .left-col {
        min-height: 100vh;
    }
}

.left-col {
    padding-left: 0.75rem;
    ul {
        list-style: none;
        padding-left: 0.5rem;
    }
}
.left-col > ul > li {
    padding-top: 0.5rem;
}
.left-col > ul > li > a {
    display: block;
    width: 100%;
    &:hover {
        background: #e8e8ff;
    }
}

.right-col div {
    margin: 0.3em 0;
}
kc3-lang/kc3/httpd/fx/assets/css/app.scss

Commit

httpd/fx/assets/css/app.scss
