kj
/
vendor-app
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Vendor app Client: Maiora
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 Commits
1 Branch
1.2 MiB
 
 
 
 
Tree: c7f00f7e8b
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'c7f00f7e8b'
${ noResults }
vendor-app/src/app/admin/_commonCard.scss

115 lines
2.2 KiB
Raw Blame History 

  1. .common_card{

  2.     position: relative;

  3.     width: 25vw;

  4.     height: 100%;

  5.     border-radius: 10px;

  6.     margin: 10px;

  7.     z-index: 1;

  8. 

  9.     &:before{

  10.         content: '';

  11.         width: 100%;

  12.         height: 100%;

  13.         position: absolute;

  14.         box-shadow: 0 0 10px 1px var(--dark-grey);

  15.         filter: brightness(200%);

  16.         z-index: -1;

  17.         border-radius: 10px;

  18.     }

  19. }

  20. 

  21. .card_header{

  22.     position: relative;

  23.     width: 100%;

  24.     height: 50px;

  25.     display: flex;

  26.     justify-content: space-between;

  27.     align-items: center;

  28.     z-index: 1;

  29.     

  30.     &:before{

  31.         content: '';

  32.         position: absolute;

  33.         width: 100%;

  34.         height: 100%;

  35.         background-color: var(--grey);

  36.         filter: brightness(150%);

  37.         z-index: -1;

  38.         border-radius: 10px 10px 0 0;

  39. 

  40.     }

  41. 

  42.     h4{

  43.         font-size: 18px;

  44.         color: var(--dark-grey);

  45.         margin: 0 20px;

  46.     }

  47.     

  48.     button{

  49.         width: 30px;

  50.         height: 30px;

  51.         padding: 0;

  52.         border-radius: 30px;

  53.         font-weight: 800;

  54.         font-size: 20px;

  55.         margin: 0 20px;

  56.     }

  57. }

  58. .card_upfold{

  59.     overflow: auto;

  60.     list-style: none;

  61.     height: 300px;

  62. 

  63.     h5{

  64.         font-size: 16px;

  65.         color: var(--dark-grey);

  66.         padding: 5px 0;

  67.     }

  68.     p{

  69.         font-size: 14px;

  70.         color: var(--grey);

  71.         padding: 5px 0;

  72.     }

  73. 

  74.     .cardList{

  75.         position: relative;

  76.         margin: 20px;

  77.         cursor: pointer;

  78.         z-index: 0;

  79. 

  80.         &:before{

  81.             content: '';

  82.             position: absolute;

  83.             width: 100%;

  84.             height: 100%;

  85.             background-color: var(--grey);

  86.             filter: brightness(160%);

  87.             z-index: -1;

  88.             transform: scale(105%);

  89.             border-radius: 10px;

  90.             border: 1px solid var(--grey);

  91. 

  92.         }

  93.     }

  94. }

  95. 

  96. ::-webkit-scrollbar {

  97.     width: 5px;

  98.     border-radius: 10px;

  99.     background: var(--dark-grey);

  100.   }

  101. 

  102.   ::-webkit-scrollbar-track {

  103.     background: white; 

  104.     border-radius: 10px;

  105.   }

  106. 

  107.   ::-webkit-scrollbar-thumb {

  108.     border-radius: 10px;

  109.     background: var(--grey); 

  110.   }

  111. 

  112.   ::-webkit-scrollbar-thumb:hover {

  113.     border-radius: 10px;

  114.     background: var(--dark-grey); 

  115.   }