lemnis

$svg-filters: no;

// add different output if it is used within the mixin filter
@function grayscale($value){
  @if $svg-filters == yes{
    @return $value
  } @else {
    @return desaturate($color, 100%)
  }
}

lemnis

@mixin inline-block{
  display: inline-block;
  zoom: 1;
  *display: inline;
}

@mixin opacity ($value) {
  opacity: $value;
  -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=” $value * 100 “)”;
  filter: alpha(opacity= $value * 100 );

lemnis

$pi: 3.14159265359;

@function power ($x, $n){
	$ret: 1;
	@if $n >= 0 {
		@for $i from 1 through $n {
			$ret: $ret * $x;
		} 
	} @else {
		@for $i from $n through 0 {

lemnis

$color-value: green;
$border-radius-value: 20px;
$box-shadow-value: inset 5px 5px 5px red;

@mixin progress{
  -webkit-appearance: none;
  border: none;
  width: 160px;
  height: 16px;
  overflow: hidden;

lemnis

lemnis

var debug = {
	getCallstack: function(){
		var err = (new Error),
			caller_stack = err.stack.split("\n"),
			stack = [];

		for (var i = 0; i < caller_stack.length; i++) {
			var caller = caller_stack[i],
				caller_line = caller.split(":"),
				caller_nf = caller_line[0].split("@"),

lemnis

lemnis

<!-- Defines element markup -->
<template>
    <div id="tab1" aria-controls=”panel1″ role=”tab” tabindex="0">
        <content></content>
    </div>
</template>

<script>(function(window, document, undefined) {
    // Refers to the "importer", which is index.html
    var thatDoc = document;

lemnis

• Button
  • syntax: button or [role=button tabindex=0]
• Toggle Button
  • syntax: Button + [aria-pressed]
• Menu button
  • syntax: Button + [aria-haspopup=true aria-expanded aria-controls]
  • ref: https://www.w3.org/TR/wai-aria-practices-1.1/#menubutton
• Menu
  • syntax: nav>ul[role=menubar aria-activedescendant]>(li[role=presentation aria-selected=true]>a[role=menuitem]+ul[role=menu hidden])
• todo: check above code

lemnis

body {
  font-family: SegoeUI-Semibold;
}

$size: 90vh;
$fit-in: if(unit($size) == "vh", "height", "width");
$viewbox: 0 0 196 97;
$font-size-in-svg: 52;

$width: if($fit-in == "width", $size, $size / nth($viewbox, 4) * nth($viewbox, 3));