Back to home page

EIC code displayed by LXR

 
 

    


Warning, /firebird/firebird-ng/src/app/pages/palette/palette.component.scss is written in an unsupported language. File is not indexed.

0001 .palette-container {
0002   padding: 2rem;
0003   background: var(--mat-sys-surface, #1a1a2e);
0004   color: var(--mat-sys-on-surface, #eee);
0005   min-height: 100vh;
0006   overflow-y: auto;
0007 }
0008 
0009 h1 {
0010   margin-bottom: 0.5rem;
0011   color: var(--mat-sys-on-surface, #fff);
0012 }
0013 
0014 .subtitle {
0015   margin-bottom: 2rem;
0016   color: var(--mat-sys-on-surface-variant, #aaa);
0017 
0018   code {
0019     background: var(--mat-sys-surface-container, #2a2a4a);
0020     padding: 0.25rem 0.5rem;
0021     border-radius: 4px;
0022     font-family: monospace;
0023   }
0024 }
0025 
0026 section {
0027   margin-bottom: 2rem;
0028 }
0029 
0030 h2 {
0031   margin: 2rem 0 1rem;
0032   color: var(--mat-sys-on-surface-variant, #aaa);
0033   font-size: 1rem;
0034   text-transform: uppercase;
0035   letter-spacing: 0.1em;
0036 }
0037 
0038 .palette {
0039   display: flex;
0040   flex-wrap: wrap;
0041   gap: 1rem;
0042 }
0043 
0044 .color-card {
0045   width: 140px;
0046   border-radius: 8px;
0047   overflow: hidden;
0048   background: var(--mat-sys-surface-container, #2a2a4a);
0049   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
0050   transition: transform 0.2s ease, box-shadow 0.2s ease;
0051 
0052   &:hover {
0053     transform: translateY(-4px);
0054     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
0055   }
0056 }
0057 
0058 .color-swatch {
0059   height: 80px;
0060 }
0061 
0062 .color-info {
0063   padding: 0.75rem;
0064   font-size: 0.75rem;
0065 }
0066 
0067 .color-name {
0068   font-weight: 600;
0069   margin-bottom: 0.25rem;
0070   color: var(--mat-sys-on-surface, #fff);
0071   word-break: break-word;
0072 }
0073 
0074 .color-hex {
0075   color: var(--mat-sys-on-surface-variant, #888);
0076   font-family: monospace;
0077   font-size: 0.7rem;
0078 }