janispagel.de

Source code for https://janispagel.de
Log | Files | Refs | README | LICENSE

commit 86d633fd04bc65d49501b8eaa9ba6d9d3164407d
parent eabef4b77d561857d48796e7c1fd3aa4e3495bb0
Author: Janis Pagel <janis.pagel@ims.uni-stuttgart.de>
Date:   Sun, 28 Jun 2020 00:46:19 +0200

Remove unnecessary whitespice in css files

Diffstat:
M_sass/minima.scss | 10----------
M_sass/minima/_base.scss | 48------------------------------------------------
M_sass/minima/_custom-styles.scss | 14--------------
M_sass/minima/_layout.scss | 67-------------------------------------------------------------------
M_sass/minima/skins/dark.scss | 9---------
M_sass/minima/skins/light.scss | 7-------
Massets/main.scss | 1-
7 files changed, 0 insertions(+), 156 deletions(-)

diff --git a/_sass/minima.scss b/_sass/minima.scss @@ -1,27 +1,19 @@ @charset "utf-8"; - // Define defaults for each variable. - $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default; $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace; $base-font-size: 16px !default; $base-font-weight: 400 !default; $small-font-size: $base-font-size * 0.875 !default; $base-line-height: 1.5 !default; - $spacing-unit: 30px !default; - $table-text-align: left !default; - // Width of the content area $content-width: 800px !default; - $on-palm: 600px !default; $on-laptop: 800px !default; - $on-medium: $on-palm !default; $on-large: $on-laptop !default; - // Use media queries like this: // @include media-query($on-palm) { // .wrapper { @@ -36,11 +28,9 @@ $on-large: $on-laptop !default; @content; } } - @mixin relative-font-size($ratio) { font-size: #{$ratio}rem; } - // Import pre-styling-overrides hook and style-partials. @import "minima/base", // Defines element resets. diff --git a/_sass/minima/_base.scss b/_sass/minima/_base.scss @@ -1,7 +1,6 @@ html { font-size: $base-font-size; } - /** * Reset some basic elements */ @@ -12,9 +11,6 @@ dl, dd, ol, ul, figure { padding: 0; } - - - /** * Basic styling */ @@ -33,9 +29,6 @@ body { flex-direction: column; overflow-wrap: break-word; } - - - /** * Set `margin-bottom` to maintain vertical rhythm */ @@ -45,21 +38,16 @@ ul, ol, dl, figure, %vertical-rhythm { margin-bottom: $spacing-unit / 2; } - hr { margin-top: $spacing-unit; margin-bottom: $spacing-unit; } - /** * `main` element */ main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ } - - - /** * Images */ @@ -67,9 +55,6 @@ img { max-width: 100%; vertical-align: middle; } - - - /** * Figures */ @@ -80,9 +65,6 @@ figure > img { figcaption { font-size: $small-font-size; } - - - /** * Lists */ @@ -96,18 +78,12 @@ li { margin-bottom: 0; } } - - - /** * Headings */ h1, h2, h3, h4, h5, h6 { font-weight: $base-font-weight; } - - - /** * Links */ @@ -132,8 +108,6 @@ a { } } } - - /** * Blockquotes */ @@ -152,9 +126,6 @@ blockquote { font-style: normal; } } - - - /** * Code formatting */ @@ -166,22 +137,18 @@ code { border-radius: 3px; background-color: $code-background-color; } - code { padding: 1px 5px; } - pre { padding: 8px 12px; overflow-x: auto; - > code { border: 0; padding-right: 0; padding-left: 0; } } - .highlight { border-radius: 3px; background: $code-background-color; @@ -191,9 +158,6 @@ pre { background: $code-background-color; } } - - - /** * Wrapper */ @@ -211,9 +175,6 @@ pre { padding-left: $spacing-unit; } } - - - /** * Clearfix */ @@ -222,21 +183,15 @@ pre { display: table; clear: both; } - - - /** * Icons */ - .orange { color: #f66a0a; } - .grey { color: #828282; } - .svg-icon { width: 16px; height: 16px; @@ -245,8 +200,6 @@ pre { padding: 5px 3px 2px 5px; vertical-align: text-bottom; } - - /** * Tables */ @@ -272,7 +225,6 @@ table { td { border: 1px solid $table-border-color; } - @include media-query($on-laptop) { display: block; overflow-x: auto; diff --git a/_sass/minima/_custom-styles.scss b/_sass/minima/_custom-styles.scss @@ -2,26 +2,20 @@ .site-header { border-top: 0px; } - .feed-subscribe .svg-icon { padding: 5px 5px 5px 0; } - /* Override minima nav */ .site-nav { - position: static; - li { list-style: none; } - @media screen and (min-width: $on-medium) { ul { margin: 0; padding: 0; } - li { float: left; padding: 0; @@ -31,38 +25,30 @@ } } } - /** * publications */ - .publication { margin-bottom: 20px; - span.booktitle { font-style: italic; } - span.status { font-style: italic; } - span.title { font-weight: bold; } - span.journal { font-style: italic; } } - /* logo */ .logo { max-width: 100px; max-height: 50px; padding: 10px; } - .profile-pic { float: left; margin: 0px 10px 10px 0px; diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss @@ -6,28 +6,23 @@ border-bottom: 1px solid $border-color-01; min-height: $spacing-unit * 1.865; line-height: $base-line-height * $base-font-size * 2.25; - // Positioning context for the mobile navigation icon position: relative; } - .site-title { @include relative-font-size(1.625); font-weight: 300; letter-spacing: -1px; margin-bottom: 0; float: left; - @include media-query($on-palm) { padding-right: 45px; } - &, &:visited { color: $site-title-color; } } - .site-nav { position: absolute; top: 9px; @@ -36,11 +31,9 @@ border: 1px solid $border-color-01; border-radius: 5px; text-align: right; - .nav-trigger { display: none; } - .menu-icon { float: right; width: 36px; @@ -48,12 +41,10 @@ line-height: 0; padding-top: 10px; text-align: center; - > svg path { fill: $border-color-03; } } - label[for="nav-trigger"] { display: block; float: right; @@ -62,52 +53,42 @@ z-index: 2; cursor: pointer; } - input ~ .trigger { clear: both; display: none; } - input:checked ~ .trigger { display: block; padding-bottom: 5px; } - .page-link { color: $text-color; line-height: $base-line-height; display: block; padding: 5px 10px; - // Gaps between nav items, but not on the last one &:not(:last-child) { margin-right: 0; } margin-left: 20px; } - @media screen and (min-width: $on-medium) { position: static; float: right; border: none; background-color: inherit; - label[for="nav-trigger"] { display: none; } - .menu-icon { display: none; } - input ~ .trigger { display: block; } - .page-link { display: inline; padding: 0; - &:not(:last-child) { margin-right: 20px; } @@ -115,9 +96,6 @@ } } } - - - /** * Site footer */ @@ -125,78 +103,61 @@ border-top: 1px solid $border-color-01; padding: $spacing-unit 0; } - .footer-heading { @include relative-font-size(1.125); margin-bottom: $spacing-unit / 2; } - .feed-subscribe .svg-icon { padding: 5px 5px 2px 0 } - .contact-list, .social-media-list { list-style: none; margin-left: 0; } - .footer-col-wrapper, .social-links { @include relative-font-size(0.9375); color: $brand-color; } - .footer-col { margin-bottom: $spacing-unit / 2; } - .footer-col-1, .footer-col-2 { width: calc(50% - (#{$spacing-unit} / 2)); } - .footer-col-3 { width: calc(100% - (#{$spacing-unit} / 2)); } - @media screen and (min-width: $on-large) { .footer-col-1 { width: calc(35% - (#{$spacing-unit} / 2)); } - .footer-col-2 { width: calc(20% - (#{$spacing-unit} / 2)); } - .footer-col-3 { width: calc(45% - (#{$spacing-unit} / 2)); } } - @media screen and (min-width: $on-medium) { .footer-col-wrapper { display: flex } - .footer-col { width: calc(100% - (#{$spacing-unit} / 2)); padding: 0 ($spacing-unit / 2); - &:first-child { padding-right: $spacing-unit / 2; padding-left: 0; } - &:last-child { padding-right: 0; padding-left: $spacing-unit / 2; } } } - - - /** * Page content */ @@ -204,80 +165,61 @@ padding: $spacing-unit 0; flex: 1 0 auto; } - .page-heading { @include relative-font-size(2); } - .post-list-heading { @include relative-font-size(1.75); } - .post-list { margin-left: 0; list-style: none; - > li { margin-bottom: $spacing-unit; } } - .post-meta { font-size: $small-font-size; color: $brand-color; } - .post-link { display: block; @include relative-font-size(1.5); } - - - /** * Posts */ .post-header { margin-bottom: $spacing-unit; } - .post-title, .post-content h1 { @include relative-font-size(2.625); letter-spacing: -1px; line-height: 1.15; - @media screen and (min-width: $on-large) { @include relative-font-size(2.625); } } - .post-content { margin-bottom: $spacing-unit; - h1, h2, h3 { margin-top: $spacing-unit *2 } h4, h5, h6 { margin-top: $spacing-unit } - h2 { @include relative-font-size(1.75); - @media screen and (min-width: $on-large) { @include relative-font-size(2); } } - h3 { @include relative-font-size(1.375); - @media screen and (min-width: $on-large) { @include relative-font-size(1.625); } } - h4 { @include relative-font-size(1.25); } - h5 { @include relative-font-size(1.125); } @@ -285,8 +227,6 @@ @include relative-font-size(1.0625); } } - - .social-media-list { display: table; margin: 0 auto; @@ -302,9 +242,6 @@ } } } - - - /** * Pagination navbar */ @@ -321,7 +258,6 @@ display: block; padding: $spacing-unit / 4; border: 1px solid transparent; - &.pager-edge { color: $border-color-01; border: 1px dashed; @@ -329,9 +265,6 @@ } } } - - - /** * Grid helpers */ diff --git a/_sass/minima/skins/dark.scss b/_sass/minima/skins/dark.scss @@ -1,37 +1,28 @@ @charset "utf-8"; - $brand-color: #999999 !default; $brand-color-light: lighten($brand-color, 5%) !default; $brand-color-dark: darken($brand-color, 35%) !default; - $site-title-color: $brand-color-light !default; - $text-color: #bbbbbb !default; $background-color: #181818 !default; $code-background-color: #212121 !default; - $link-base-color: #79b8ff !default; $link-visited-color: $link-base-color !default; $link-hover-color: $text-color !default; - $border-color-01: $brand-color-dark !default; $border-color-02: $brand-color-light !default; $border-color-03: $brand-color !default; - $table-text-color: $text-color !default; $table-zebra-color: lighten($background-color, 4%) !default; $table-header-bg-color: lighten($background-color, 10%) !default; $table-header-border: lighten($background-color, 21%) !default; $table-border-color: $border-color-01 !default; - - // Syntax highlighting styles should be adjusted appropriately for every "skin" // List of tokens: https://github.com/rouge-ruby/rouge/wiki/List-of-tokens // Some colors come from Material Theme Darker: // https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/settings/specific/darker-hc.ts // https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/color-set.ts // ---------------------------------------------------------------------------- - .highlight { .c { color: #545454; font-style: italic } // Comment .err { color: #f07178; background-color: #e3d2d2 } // Error diff --git a/_sass/minima/skins/light.scss b/_sass/minima/skins/light.scss @@ -1,29 +1,22 @@ @charset "utf-8"; - $brand-color: #828282 !default; $brand-color-light: lighten($brand-color, 40%) !default; $brand-color-dark: darken($brand-color, 25%) !default; - $site-title-color: $brand-color-dark !default; - $text-color: #111111 !default; $background-color: #fdfdfd !default; $code-background-color: #eeeeff !default; - $link-base-color: #2a7ae2 !default; $link-visited-color: darken($link-base-color, 15%) !default; $link-hover-color: $text-color !default; - $border-color-01: $brand-color-light !default; $border-color-02: lighten($brand-color, 35%) !default; $border-color-03: $brand-color-dark !default; - $table-text-color: lighten($text-color, 18%) !default; $table-zebra-color: lighten($brand-color, 46%) !default; $table-header-bg-color: lighten($brand-color, 43%) !default; $table-header-border: lighten($brand-color, 37%) !default; $table-border-color: $border-color-01 !default; - // Syntax highlighting styles should be adjusted appropriately for every "skin" // ---------------------------------------------------------------------------- .highlight { diff --git a/assets/main.scss b/assets/main.scss @@ -1,7 +1,6 @@ --- # Only the main Sass file needs front matter (the dashes are enough) --- - @import "minima/skins/light", "minima";