1 @mixin flipOverlayDirection($itemsInRow) {
2 &:nth-child(#{$itemsInRow}n){
7 border-right-color: transparent;
8 border-left-color: $tlv-light-gray;
9 border-right-width: 2px;
10 border-left-width: 6px;
13 border-left-color: $white;
14 border-right-color: transparent;
23 .catalog-tile.vendor-type {
26 .catalog-tile-item-name {
29 .catalog-tile-vsp-count {
30 @extend .body-3-medium;
35 border: 1px solid $dark-gray;
36 padding: 0 15px 0 15px;
41 background-color: #eceff3;
46 background-color: $white;
52 .catalog-tile-content {
59 background-color: $white;
62 .create-new-vsp-button {
75 @media (min-width: 1900px){
76 @include flipOverlayDirection($itemsInRow: 8);
78 @media (min-width: 1586px) and (max-width: 1899px){
79 @include flipOverlayDirection($itemsInRow: 7);
81 @media (min-width: 1368px) and (max-width: 1585px){
82 @include flipOverlayDirection($itemsInRow: 6);
84 @media (max-width: 1367px){
85 @include flipOverlayDirection($itemsInRow: 5);