/* Copyright 2015-2017 Parity Technologies (UK) Ltd. /* This file is part of Parity. /* /* Parity is free software: you can redistribute it and/or modify /* it under the terms of the GNU General Public License as published by /* the Free Software Foundation, either version 3 of the License, or /* (at your option) any later version. /* /* Parity is distributed in the hope that it will be useful, /* but WITHOUT ANY WARRANTY; without even the implied warranty of /* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the /* GNU General Public License for more details. /* /* You should have received a copy of the GNU General Public License /* along with Parity. If not, see . */ $background: rgba(18, 18, 18, 0.85); $backgroundHover: rgba(18, 18, 18, 1); $transitionAll: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); .container { background: $background; flex: 1; height: 100%; padding: 0em; position: relative; /*transform: translateZ(0); transition: $transitionAll;*/ width: 100%; .hoverOverlay { background: $background; left: 0; margin-top: -1.5em; margin-bottom: 3em; opacity: inherit; padding: 0 1.5em 1.5em 1.5em; position: absolute; right: 0; top: 100%; /*transition: $transitionAll;*/ opacity: 0; /*transform: scale(0.5, 0); transform-origin: top center;*/ z-index: 100; } &:hover { background: $backgroundHover; .hoverOverlay { background: $backgroundHover; /*transform: scale(1, 1);*/ opacity: 1; } } } .compact, .padded { background-color: transparent !important; border-radius: 0 !important; height: 100%; position: relative; overflow: auto; } .compact { padding: 0 1.5em; } .padded { padding: 1.5em; } .light .compact, .light .padded { background: rgba(0, 0, 0, 0.5) !important; } .link { width: 100%; height: 100%; }