View accessible-combobox.html
<input
type="text"
<!-- Present the control as a select -->
role="combobox"
<!-- Self-label the field using the placeholder -->
placeholder="Search unicorns"
id="search-field"
aria-labelledby="search-field"
<!-- Link to the suggestions listbox -->
aria-owns="suggestions"
View safe-get-function.scss
// Simplified version of safe-get-function
// Full code: https://github.com/kaelig/sass-safe-get-function
@function safe-get-function($name) {
@if function-exists('get-function') {
@return get-function($name);
} @else {
@return $name;
}
}
View slds-button.html
<!--
https://www.lightningdesignsystem.com/components/buttons/
-->
<template id="slds-button-template">
<style>
:host {
/* Examples of custom properties */
--color-text-link-hover: #005fb2;
--color-text-link-active: #00396b;
}
View SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
@import 'mq';
$hidpi: (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 120dpi), (min-resolution: 1.3dppx);
@include mq($and: $hidpi) {
.test { foo: bar }
View SassMeister-input.scss
// ----
// libsass (v3.3.2)
// ----
// Scroll to the end to see the example
// Copyright (c) 2015-2016, salesforce.com, inc. All rights reserved.
// Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
// Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
View SassMeister-input.scss
// ----
// libsass (v3.3.2)
// ----
$a: 1 !default;
$a: 2 !default;
test {
content: $a;
}
View SassMeister-input.scss
// ----
// libsass (v3.3.2)
// ----
@charset "UTF-8"; // Fixes an issue where Ruby locale is not set properly
// See https://github.com/sass-mq/sass-mq/pull/10
/// Base font size on the `<body>` element
/// @type Number (unit)
$mq-base-font-size: 16px !default;
View SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
// Copyright (c) 2015, salesforce.com, inc. All rights reserved.
// Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
// Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
// Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
// Neither the name of salesforce.com, inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
View SassMeister-input-HTML.html
<div class="test@s">foobar</div>
View SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
////
/// @group o-grid
/// @link http://registry.origami.ft.com/components/o-grid
////
// ----------------------------------------------------------------------------