jensgro

@mixin ff($name, $weight, $path){
    @font-face {
        font-family: '#{$name}';
        font-style: normal;
        font-weight: $weight;
        src: local(''),
             url('../fonts/'+$path+'.woff2') format('woff2'), 
             url('../fonts/'+$path+'.woff') format('woff'); 
      }    
}

jensgro

$left-width-initial: 95px;
$left-width-sm-up: 110px;
$left-width-lg-up: 123px;

$image-ml: 16px;

$image-path: "test/";
$icon: test;
$selector: "";

jensgro

.sitefooter {
  $parent: &;
  
  border-top: 2px solid blue;
  padding: 20px  0;

  #{$parent}--home {
    color: red;   
  }
  

jensgro

/* ***********************************************
  Styles for Mastodon

  Adapted from different sources
  - https://write.as/panais/styles-pour-mastodon-avec-stylus
  - https://mastodon.social/@matuzo/109284559864791077
  - https://mastodon.social/@matuzo/109284628517006156
  - https://gist.github.com/justmarkup/e4f6d52bef604e170815aaf44f459fbc
*********************************************** */

jensgro

$swr-colors:(
    "swrglobal" : #0ca4d1, 
    "swr1" : #ffcc00,
    "swr2" : #000,
    "swrlesenswert" : #000,
    "dasding" : #000, //Gibt es zwar nicht als Rubrik, aber bei der Frequenzsuche
    "swr3" : #ff003c, //Gibt es zwar nicht als Rubrik, aber bei der Frequenzsuche
    "swr4" : #93c030,
    "swrclassic" : #0d0d0d

jensgro

$swr-colors:(
    "swrglobal" : #0ca4d1, 
    "swr1" : #ffcc00,
    "swr2" : #000,
    "swrlesenswert" : #000,
    "dasding" : #000, //Gibt es zwar nicht als Rubrik, aber bei der Frequenzsuche
    "swr3" : #ff003c, //Gibt es zwar nicht als Rubrik, aber bei der Frequenzsuche
    "swr4" : #93c030,
    "swrclassic" : #0d0d0d

jensgro

$swr-colors:(
    "swrglobal" : #0ca4d1, 
    "swr1" : #ffcc00,
    "swr2" : #000,
    "swrlesenswert" : #000,
    "dasding" : #000, //Gibt es zwar nicht als Rubrik, aber bei der Frequenzsuche
    "swr3" : #ff003c, //Gibt es zwar nicht als Rubrik, aber bei der Frequenzsuche
    "swr4" : #93c030,
    "swrclassic" : #0d0d0d

jensgro

var isMobile = function() {
  return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
}

jensgro

dreispaltiges CSS-Grid-Layout

A Pen by Jens Grochtdreis on CodePen.

License.

jensgro

<h1>Zeilenboxen und display-Eigenschaft</h1>
<p>Jeder Text wird durch eine Zeilenbox repräsentiert. Manche Buchstaben haben Unterlängen und hängen darunter. Elemente, die innerhalb eines Absatzes auftauchen dürfen, sind sogenannte Inline-Elemente. Bei ihnen wirken die vertikalen <code>margins</code> und <code>paddings</code> nicht. Experimentieren Sie mit <code>display: inline-block</code> sowie <code>margin</code> und <code>padding</code>.</p>
<h2>Beispielabsatz mit Markierungen</h2>
<p>Bavaria ipsum dolor sit amet i moan scho <span>aa Trachtnhuat kloan Edlweiss</span> oamoi do griaß God beinand des is hoid aso und des muas ma hoid kenna. <mark>Abfieseln</mark> hoid Biakriagal Breihaus pfiad de. Diandldrahn heid is a geh auszutzeln. Auffi unbandig de Sonn Mamalad a geh ned woar pfiad de Engelgwand lem und lem lossn zwoa san. <strong>Trachtnhuat wolpern</strong> pfiad de kumm geh, hoam. Hoid Mamalad du dadst ma scho daugn Maderln imma obandeln sog i <em>Schuabladdla Schaung</em> kost nix wia da Buachbinda Wan