muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed flow navigation

Browse source
This commit is contained in:
Fedor Katurov 2020-06-26 11:42:24 +07:00
parent 49efc452d3
commit 4d5d76cf63
3 changed files with 7 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

81
src/components/flow/Cell/styles.scss
View file

@ -29,8 +29,6 @@
.text {
font: $font_18_regular;
line-height: 22px;
// margin-top: $gap;
// letter-spacing: 0.5px;
background: transparentize($color: $content_bg, $amount: 0.3) url('~/sprites/stripes.svg');
padding: $gap;
box-sizing: border-box;
@ -68,7 +66,7 @@
.title,
.text_title {
font: $font_cell_title;
line-height: 1.1em;
line-height: 1.25em;
text-transform: uppercase;
overflow: hidden;
@ -180,82 +178,9 @@
z-index: 2;
border-radius: $cell_radius;
padding: $gap / 2;
// pointer-events: none;
// touch-action: none;
animation: appear 1s forwards;
// @media (min-width: $cell * 2 + $grid_line) {
// .vertical > &.has_text,
// .horizontal > &.has_text,
// .quadro > &.has_text {
// box-sizing: border-box;
// background: none;
// box-shadow: none;
// padding: $grid_line;
// &::after {
// display: none;
// }
// .face_content {
// padding: $gap;
// background: rgba(25, 25, 25, 0.9);
// border-radius: $radius;
// overflow: hidden;
// position: relative;
// &:after {
// content: "";
// background: linear-gradient(
// transparentize($content_bg, 1),
// $content_bg
// );
// position: absolute;
// bottom: 0;
// left: 0;
// height: 50px;
// width: 100%;
// border-radius: 0 0 $cell_radius $cell_radius;
// }
// }
// .text::after {
// display: none;
// }
// }
// .vertical > &.has_text {
// top: auto;
// bottom: 0;
// max-height: 50%;
// max-width: 100%;
// height: auto;
// width: auto;
// padding: ($grid_line / 2) $grid_line $grid_line $grid_line;
// }
// .horizontal > &.has_text {
// top: auto;
// left: 0;
// height: 100%;
// max-width: 50%;
// // height: auto;
// width: auto;
// bottom: 0;
// padding: $grid_line ($grid_line / 2) $grid_line $grid_line;
// }
// .quadro > &.has_text {
// padding: ($grid_line / 2) ($grid_line / 2) $grid_line $grid_line;
// top: auto;
// max-height: 50%;
// max-width: 50%;
// height: auto;
// width: auto;
// bottom: 0;
// left: 0;
// }
// }
color: white;
text-decoration: none;
}
.menu {