kj
/
bizfile
1
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Angular Web App
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.
30 Commits
1 Branch
1.7 MiB
 
 
 
 
 
 
Tree: 29d55da6bc
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van '29d55da6bc'
${ noResults }
bizfile/src/app/check-status/check-status.component.scss

79 regels
1.7 KiB
Ruw Blame Geschiedenis 

  1. .search-input-container {

  2.     width: 60%;

  3.     margin: 0 auto;

  4.     text-align: center;

  5. 

  6.     .search-input {

  7.         display: flex;

  8.         align-items: center;

  9.         justify-content: flex-start;

  10.         background-color: white;

  11.         border-radius: 4rem;

  12.         height: 5.5rem;

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

  14.         width: 80%;

  15.         margin: 4rem auto 3rem;

  16.         overflow: hidden;

  17.     

  18.         input {

  19.             border: none;

  20.             background-color: transparent;

  21.             padding: 0 3rem;

  22.             font-size: 1.5rem;

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

  24.             letter-spacing: 0.5px;

  25.             flex-grow: 1;

  26.     

  27.             &::placeholder {

  28.                 font-weight: 300;

  29.             }

  30.         }

  31.     

  32.         button {

  33.             height: 100%;

  34.             border: none;

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

  36.             padding: 0 4rem;

  37.             color: white;

  38.             font-size: 1.6rem;

  39.             letter-spacing: 0.5px;

  40.             border-radius: 4rem;

  41.             transition: opacity 0.3s;

  42. 

  43.             &:disabled {

  44.                 opacity: 0.5;

  45.             }

  46.         }

  47.     }

  48. 

  49.     .form-message {

  50.         margin: 6rem auto 2rem;

  51.         line-height: 1.6;

  52. 

  53.         &.error {

  54.             h5 {

  55.                 color: var(--error);

  56.             }

  57.         }

  58. 

  59.         &.warning {

  60.             h5 {

  61.                 color: var(--warning);

  62.             }

  63.         }

  64. 

  65.         h5 {

  66.             font-size: 2rem;

  67.             color: var(--success);

  68.             filter: brightness(80%);

  69.             font-weight: 500;

  70.             margin-bottom: 1rem;

  71.         }

  72. 

  73.         p {

  74.             font-size: 1.4rem;

  75.             font-weight: 400;

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

  77.         }

  78.     }

  79. }