/*
 * Copyright (c) 2018 Eclipse Foundation, Inc.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 * 
 * Contributors:
 *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
 *   Eric Poirier <eric.poirier@eclipse-foundation.org>
 * 
 * SPDX-License-Identifier: EPL-2.0
*/

// Example of polygon value: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%)
// To easily create shapes: https://bennettfeely.com/clippy
.clip-path-shape(@polygon) {
  -webkit-clip-path: @polygon;
  clip-path: @polygon;
}

.opacityTransition() {
  transition: visibility 0s, opacity 0.2s ease-in-out; /* vendorless fallback */
  -o-transition: visibility 0s, opacity 0.2s ease-in-out; /* opera */
  -ms-transition: visibility 0s, opacity 0.2s ease-in-out; /* IE 10 betas, not needed in final build. */
  -moz-transition: visibility 0s, opacity  0.2s ease-in-out; /* Firefox */
  -webkit-transition: visibility 0s, opacity 0.2s ease-in-out; /*safari and chrome */
}