pablolobos

@mixin vertically-centred
{
    display: flex;
    align-items: center;
    justify-content: center;
}

pablolobos

$colours:
  "red" #FF0000,
  "blue" #001EFF,
  "green" #00FF00,
  "yellow" #F6FF00;


@each $i in $colours{
  .#{nth($i, 1)}-background {
    background: nth($i, 2);

pablolobos

@mixin absolute-position($top, $right, $bottom, $left)
{
  position: absolute;

  @if $top != '' {
    top: $top;
  }

  @if $right != '' {
    right: $right;

pablolobos

min-height: 100vh;

pablolobos

ol {
  counter-reset: section;
  list-style-type: none;
}
ol ol ol{
  background:#c0c0c0; padding-left:10px;
}
ol li {
  counter-increment: section;
}

pablolobos

li:nth-child(3n + 1):last-child {
   /* Now you are safe to do some orphan styling */
   float: none;
   width: auto;
}

pablolobos

transform: translateZ(0);

pablolobos

/* Equal height columns */
equalheight = function(container){

var currentTallest = 0,
     currentRowStart = 0,
     rowDivs = new Array(),
     $el,
     topPosition = 0;
 $(container).each(function() {

pablolobos

var focusedElement = document.activeElement;

var triggerElement = document.activeElement;
myModal = new MyModal({
	onOpen: function() {
		this.container.focus();
	},
	onClose: function() {
		triggerElement.focus();
	}

pablolobos

type="number" min="0" inputmode="numeric" pattern="[0-9]*"