kj
/
mall-app
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Project: Mall App Client: Maiora
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
10 Révisions
1 Branche
5.5 MiB
 
 
 
 
Aborescence: f2780fdc26
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'f2780fdc26'
${ noResults }
mall-app/src/app/malls/malls.page.scss

143 lignes
2.9 KiB
Brut Annotations Historique 

  1. .top-bar-holder {

  2.     background-image: url('../../assets/custom/background-2.svg');

  3.     background-size: cover;

  4.     background-repeat: no-repeat;

  5.     background-position: left top;

  6.     padding-top: 80px;

  7. }

  8. 

  9. .header-bar {

  10.     color: white;

  11.     display: flex;

  12.     justify-content: space-between;

  13.     padding: 20px;

  14.     align-items: center;

  15.     background-image: url('../../assets/custom/background-2.svg');

  16.     background-size: cover;

  17.     background-repeat: no-repeat;

  18.     background-position: left top;

  19.     position: fixed;

  20.     left: 0;

  21.     top: 0;

  22.     z-index: 2;

  23.     width: 100%;

  24. 

  25.     h2 {

  26.         font-size: 20px;

  27.         margin: 0;

  28.     }

  29. 

  30.     button {

  31.         margin: 0;

  32.         border-radius: 50%;

  33.         color: var(--brand-blue);

  34.         width: 40px;

  35.         height: 40px;

  36.         background-color: white;

  37.         font-size: 14px;

  38.     }

  39. }

  40. 

  41. .tabs-holder {

  42.     width: 100%;

  43.     padding: 0 20px 20px;

  44.     overflow: scroll;

  45.     white-space: nowrap;

  46. 

  47.     button {

  48.         display: inline-block;

  49.         border-radius: 20px;

  50.         background-color: transparent;

  51.         color: white;

  52.         font-size: 10px;

  53.         padding: 5px 15px;

  54.         height: 30px;

  55.         margin-right: 10px;

  56.         font-weight: bold;

  57. 

  58.         &.active {

  59.             background-color: white;

  60.             color: var(--brand-blue);

  61.         }

  62.     }

  63. }

  64. 

  65. .advertisement {

  66.     height: 150px;

  67.     background-image: url('../../assets/custom/background-2.svg');

  68.     background-size: cover;

  69.     background-repeat: no-repeat;

  70.     background-position: left center;

  71.     color: white;

  72.     padding: 15px;

  73.     width: 100%;

  74.     margin-bottom: 20px;

  75. 

  76.     .heading-holder {

  77.         display: flex;

  78.         width: 100%;

  79.         justify-content: space-between;

  80.         align-items: center;

  81. 

  82.         img {

  83.             width: 45px;

  84.             background-color: white;

  85.             height: 45px;

  86.             border-radius: 50%;

  87.             padding: 10px;

  88.         }

  89. 

  90.         header {

  91.             margin-left: 15px;

  92.             font-size: 14px;

  93.             font-weight: 500;

  94. 

  95.             span {

  96.                 font-weight: 400;

  97.                 font-size: 12px;

  98.             }

  99.         }

  100.     }

  101. 

  102.     .description {

  103.         font-size: 12px;

  104.         text-overflow: ellipsis;

  105.         overflow: hidden;

  106.         white-space: nowrap;

  107.     }

  108. 

  109.     a {

  110.         font-size: 12px;

  111.         text-decoration: underline;

  112.         color: white;

  113.     }

  114. }

  115. 

  116. .food-types-holder{

  117.     display: flex;

  118.     width: 100%;

  119.     justify-content: space-between;

  120.     padding: 10px;

  121. 

  122.     button {

  123.         background-color: transparent;

  124.         border: 0;

  125. 

  126.         ion-icon {

  127.             background-color: white;

  128.             border-radius: 50%;

  129.             box-shadow: 0px 0px 5px var(--brand-grey);

  130.             padding: 10px;

  131.             font-size: 35px;

  132.         }

  133. 

  134.         span {

  135.             display: block;

  136.             font-size: 10px;

  137.             color: var(--brand-grey);

  138.             margin-top: 10px;

  139.             letter-spacing: 0.5px;

  140.         }

  141.     }

  142. }