scheibome

<select id="shippingselect">
  <option disabled selected value>Select</option>
  <option value="2" data-shippingselect="15">Europe Shipping +15€</option>
  <option value="3" data-shippingselect="35">International Shiping +35€</option>
</select>

scheibome

Open in Sublime Text

• Open Automator
• Create a new Service
• Set “Service receives selected” to files or folders in any application
• Add a Run Shell Script action
• Set the script action to /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl -n "$@"
• Set “Pass input” to as arguments
• Save as Open in Sublime Text

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>

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

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

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

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

<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

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

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

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

scheibome

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

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

scheibome

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

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