scheibome

# Deine Basis in der .gitconfig
[user]
  name = Dein Name
  email = [email protected]

scheibome

%checkboxandRadioStyle {
    + label {

    &:before {
      border: 1px solid red;
      
      @at-root .checkboxtype#{&} {
          border-color: black;
      }
    }

scheibome

.message > li {
  background-color: green;
}

.message--error.message > li {
  background-color: red;
}

scheibome

$spacing-orientation-map: (
  'frame-space-before': 'top',
  'frame-space-after': 'bottom'
);

$spacing-map: (
  'extra-small': '1',
  'small': '2'
);

scheibome

$blue:    #d63384;
$yellow:  #ffc107;
$green:   #198754;

$primary:       $yellow;
$success:       $green;

$theme-colors: (
  "primary":    $primary,
  "success":    $success

scheibome

<f:if condition="{menuLanguage}">
	<nav class="c-languageselect">
		<button class="c-languageselect__button" id="languageselectbutton">
			{site.languages.{data.sys_language_uid}.navigationTitle}
			<i class="icon icon-expand_more"></i>
		</button>
		<ul id="languageselect__list" class="c-languageselect__list">
			<f:for each="{menuLanguage}" as="item">
				<li class="c-languageselect__item">
					<f:if condition="{item.active} == 0">

scheibome

// How can I write this in #SCSS without writing the > li for message--error again?
// like .message.message--error > li

.message {

  > li {
    background-color: green;
  }

scheibome

// ----
// Sass (v3.4.25)
// Compass (v1.0.3)
// ----

$h1-fontsize: (
  null: (
    size: 26px
  ),
  '768px': (

scheibome

// ----
// Sass (v3.4.25)
// Compass (v1.0.3)
// ----

/**
 * Convert font-size from px to rem with px fallback
 *
 * @param $size - the value in pixel you want to convert
 *

scheibome

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li aria-expanded="false" aria-haspopup="true">
        <button>Submenu</button>
        <ul>
            <li><a href="#">Submenulink 1</a></li>
            <li><a href="#">Submenulink 2</a></li>
            <li><a href="#">Submenulink 3</a></li>
            <li><a href="#">Submenulink 4</a></li>