aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/CollectionCardDeckView.scss
diff options
context:
space:
mode:
authoraidahosa1 <aisosa_idahosa@brown.edu>2024-09-17 13:43:40 -0400
committeraidahosa1 <aisosa_idahosa@brown.edu>2024-09-17 13:43:40 -0400
commit64635a0a0e07a107c4019e366feb2fe5b01c8b04 (patch)
treece6f53c2cd106485a680b17edecf355eed6654f0 /src/client/views/collections/CollectionCardDeckView.scss
parent597ad3716286e9eff29316605514218889690da5 (diff)
ready to pull
Diffstat (limited to 'src/client/views/collections/CollectionCardDeckView.scss')
-rw-r--r--src/client/views/collections/CollectionCardDeckView.scss58
1 files changed, 0 insertions, 58 deletions
diff --git a/src/client/views/collections/CollectionCardDeckView.scss b/src/client/views/collections/CollectionCardDeckView.scss
index 1728f7aee..5ccc3d9a8 100644
--- a/src/client/views/collections/CollectionCardDeckView.scss
+++ b/src/client/views/collections/CollectionCardDeckView.scss
@@ -12,7 +12,6 @@
height: 35px;
border-radius: 50%;
background-color: $dark-gray;
- // border-color: $medium-blue;
margin: 5px; // transform: translateY(-50px);
}
}
@@ -20,7 +19,6 @@
.card-wrapper {
display: grid;
grid-template-columns: repeat(10, 1fr);
- // width: 100%;
transform-origin: top left;
position: absolute;
@@ -31,33 +29,6 @@
transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
-// .card-button-container {
-// display: flex;
-// padding: 3px;
-// // width: 300px;
-// // height:100px;
-// pointer-events: none; /* This ensures the container does not capture hover events */
-
-// background-color: rgb(218, 218, 218); /* Background color of the container */
-// border-radius: 50px; /* Rounds the corners of the container */
-// transform: translateY(25px);
-// // box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional: Adds shadow for depth */
-// align-items: center; /* Centers buttons vertically */
-// justify-content: start; /* Centers buttons horizontally */
-
-// button {
-// pointer-events: auto; /* Re-enable pointer events for the buttons */
-
-// width: 70px;
-// height: 70px;
-// border-radius: 50%;
-// background-color: $dark-gray;
-// // border-color: $medium-blue;
-// margin: 5px; // transform: translateY(-50px);
-// background-color: transparent;
-// }
-// }
-
.no-card-span{
position: relative;
width: fit-content;
@@ -70,28 +41,6 @@
-// button:hover {
-// transform: translateY(-50px);
-// }
-
-// .card-wrapper::after {
-// content: "";
-// width: 100%; /* Forces wrapping */
-// }
-
-// .card-wrapper > .card-item:nth-child(10n)::after {
-// content: "";
-// width: 100%; /* Forces wrapping after every 10th item */
-// }
-
-// .card-row{
-// display: flex;
-// position: absolute;
-// align-items: center;
-// transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-
-// }
-
.card-item-inactive,
.card-item-active,
.card-item {
@@ -101,18 +50,11 @@
flex-direction: column;
}
-// .card-item:hover {
-// box-shadow: 0 20px 20px $medium-blue;
-// transform: scale(1.05);
-
-
-// }
.card-item-inactive {
opacity: 0.5;
}
.card-item-active {
- // position: absolute;
z-index: 100;
}