Revert "Fix deprecation warnings" (for now)

This reverts commit dbdcfc8.

Author: phoerious

_sass/_index.scss

@@ -1,12 +1,8 @@
-@use 'variables';
-
-@import url("https://assets.webis.de/css/style.css");
-
 .page-index {
-    background: variables.$global-secondary-background-lighter url("../img/pan-logo-index-page.png") no-repeat top right;
+    background: $global-secondary-background-lighter url("../img/pan-logo-index-page.png") no-repeat top right;
 
     .footer-section, .footer-section a {
-        color: variables.$inverse-global-color !important;
+        color: $inverse-global-color !important;
         background: none;
     }
 }

_sass/_tasks.scss

@@ -1,23 +1,20 @@
-@use 'sass:color';
-@use 'variables';
-
 .page-header-meta {
-  color: variables.$global-muted-color;
+  color: $global-muted-color;
   font-size: 1.1rem;
 }
 
 .task-chair-organizations {
   text-align: center;
 
-  @media (min-width: variables.$breakpoint-large) {
+  @media (min-width: $breakpoint-large) {
     margin-left: auto;
     margin-right: auto;
   }
 
   & > * {
     height: 60px;
     display: inline-block;
-    padding: variables.$padding-large-padding;
+    padding: $padding-large-padding;
   }
 
   img, svg {
@@ -26,10 +23,10 @@
 
   .logo-font {
     display: inline-block;
-    padding-left: variables.$padding-small-padding;
+    padding-left: $padding-small-padding;
     font-size: 2.5em;
     vertical-align: middle;
-    color: color.adjust(variables.$global-color, $lightness: 20%);
+    color: lighten($global-color, 20);
   }
 }
 
@@ -41,15 +38,15 @@
 
 
 .keynote {
-  margin-bottom: variables.$global-medium-gutter;
+  margin-bottom: $global-medium-gutter;
 
   .keynote-speaker-image, .keynote-meta {
     display: table-cell;
     vertical-align: middle;
   }
 
   .keynote-speaker-image {
-    padding-right: 1.5 * variables.$global-small-padding;
+    padding-right: 1.5 * $global-small-padding;
 
     img {
       height: 100px;
@@ -61,16 +58,16 @@
   }
 
   .keynote-title {
-    font-size: variables.$text-lead-font-size;
+    font-size: $text-lead-font-size;
     font-weight: bold;
     text-align: left;
     margin-bottom: 5px;
   }
 
   .keynote-speaker {
     text-align: left;
-    color: variables.$global-muted-color;
-    font-size: variables.$text-small-font-size;
+    color: $global-muted-color;
+    font-size: $text-small-font-size;
     display: inline;
   }
 
@@ -80,16 +77,16 @@
       padding: 0 5px;
     }
 
-    color: variables.$global-muted-color;
+    color: $global-muted-color;
     display: inline;
   }
 
   .keynote-body {
-    margin-top: variables.$global-small-padding;
+    margin-top: $global-small-padding;
   }
 
   footer {
-    color: variables.$global-muted-color;
+    color: $global-muted-color;
     font-style: italic;
 
     .keynote-bio {

_sass/_thumbnail_cards.scss

@@ -1,5 +1,3 @@
-@use 'variables';
-
 .thumbnail-card-grid {
     & > * {
         width: 100%;
@@ -8,28 +6,28 @@
         -webkit-hyphens: none;
 
 
-        @media (min-width: variables.$breakpoint-small) {
+        @media (min-width: $breakpoint-small) {
             width: 50%;
         }
-        @media (min-width: variables.$breakpoint-medium) {
+        @media (min-width: $breakpoint-medium) {
             width: 30%;
         }
-        @media (min-width: variables.$breakpoint-large) {
+        @media (min-width: $breakpoint-large) {
             width: 25%;
         }
     }
 
     .uk-card {
-        padding: variables.$padding-small-padding;
+        padding: $padding-small-padding;
         max-width: 400px;
         //min-width: 300px;
     }
 
     .thumbnail-left {
-        margin: -(variables.$padding-small-padding);
-        margin-right: variables.$padding-small-padding;
+        margin: -$padding-small-padding;
+        margin-right: $padding-small-padding;
         float: left;
-        height: calc(100% + #{2 * variables.$padding-small-padding});
+        height: calc(100% + #{2 * $padding-small-padding});
 
         img, svg {
             height: 100%;
@@ -41,7 +39,7 @@
 
     .thumbnail-top {
         text-align: center;
-        margin-bottom: variables.$padding-small-padding;
+        margin-bottom: $padding-small-padding;
         height: 140px;
         display: flex;
         flex-direction: column;
@@ -66,7 +64,7 @@
     .thumbnail-card-logo {
         width: 100px;
         max-height: 100px;
-        margin-bottom: variables.$padding-small-padding;
-        margin-right: variables.$padding-small-padding;
+        margin-bottom: $padding-small-padding;
+        margin-right: $padding-small-padding;
     }
 }

_sass/_variables.scss

@@ -1,10 +1,13 @@
-// Theme variables
+// Webis theme variable overrides
+
+$navbar-breakpoint: 850px;
+$task-card-target-color: #d9e7f7;
+$table-entry-target-color: #d9e7f7;
 
-@use 'sass:color';
 
 // other assets-variables used in dependent scss
 $global-secondary-background: #323232;
-$global-secondary-background-lighter: color.adjust($global-secondary-background, $lightness: 6%);
+$global-secondary-background-lighter: lighten($global-secondary-background, 6);
 
 $global-large-font-size: 1.5rem !default;
 $text-lead-font-size: $global-large-font-size !default;
@@ -17,6 +20,7 @@ $global-inverse-color: #fff !default;
 $inverse-global-color: rgba($global-inverse-color, 0.7) !default;
 $global-color: #222;
 $global-muted-color: #666;
+$text-muted-color: $global-muted-color !default;
 
 $breakpoint-small: 640px !default;
 $breakpoint-medium: 960px !default;

css/style.scss

@@ -2,6 +2,11 @@
 # Front matter to ensure Jekyll is processing the file.
 ---
 
-@use "../_sass/index";
-@use "../_sass/tasks";
-@use "../_sass/thumbnail_cards";
+// Theme variable overrides
+@import url("https://assets.webis.de/css/style.css?{{site.time | date: '%s'}}");
+@import "../_sass/variables";
+
+// Styles
+@import "../_sass/index";
+@import "../_sass/tasks";
+@import "../_sass/thumbnail_cards";