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:
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";
