kj
/
mall-app
1
0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
Project: Mall 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.
100 Commit
1 分支
5.5 MiB
 
 
 
 
目錄樹: b872968e51
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from 'b872968e51'
${ noResults }
mall-app/src/app/bookmark/bookmark.page.scss

48 line
1.0 KiB
原始文件 Blame 文件歷史 

  1. .header-bar {

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

  3.     background-size: cover;

  4.     background-repeat: no-repeat;

  5.     background-position: left top;

  6.     display: flex;

  7.     align-items: center;

  8.     justify-content: space-between;

  9.     padding: 15px;

  10.     height: 75px;

  11.     z-index: 3;

  12.     top: 0;

  13.     left: 0;

  14.     width: 100%;

  15.     position: sticky;

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

  17. 

  18.     .heading-holder {

  19.         display: flex;

  20.         align-items: center;

  21.     }

  22. 

  23.     button, a {

  24.         background-color: white;

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

  26.         font-size: 18px;

  27.         padding: 5px;

  28.         border-radius: 50%;

  29.         height: 30px;

  30.         width: 30px;

  31.         display: flex;

  32.         justify-content: center;

  33.         align-items: center;

  34. 

  35.         &.active {

  36.             color: white;

  37.             background-color: var(--brand-blue);

  38.         }

  39.     }

  40. 

  41.     h3 {

  42.         font-size: 16px;

  43.         color: white;

  44.         letter-spacing: 0.5px;

  45.         margin-left: 10px;

  46.         font-weight: 600;

  47.     }

  48. }