maccounter
65 строк · 1.4 Кб
1/* Свойства для темных и светлых режимов */
2
3.app[data-theme="light"] {4--color-bg-body: #F5F5F5;5--color-bg-component: white;6--color-txt: #313131;7--color-main: #0E91EE;8--color-addition-access: #00F083;9--color-addition-warn: #FF9000;10--color-addition-err: #FF4500;11--color-disable: #E5E5E5;12--color-side: #AEAEAE;13--color-overlay: rgba(255, 255, 255, 0.7);14--color-shadow: rgba(187, 187, 187, 0.25);15--shadow-component: 0 10px 20px var(--color-shadow);16}
17
18.app {19color: var(--color-txt);20background-color: var(--color-bg-body);21width: 100vw;22height: 100vh;23overflow-x: hidden;24display: flex;25flex-direction: column;26}
27
28/* Общие свойства */
29
30.app-wrap {31padding: 30px;32}
33
34span {35color: var(--color-main);36}
37
38.txt--orange {39color: var(--color-addition-warn);40}
41
42.txt--logo {43font-size: var(--size-font-logo);44}
45
46.txt--title-small {47font-size: var(--size-font-title-small);48}
49
50.component {51box-shadow: var(--shadow-component);52border-radius: var(--size-border-rad-component);53padding: var(--size-padding-component);54background-color: var(--color-bg-component);55height: fit-content;56}
57
58/* Локальные свойства */
59
60.app section {61display: flex;62padding-top: 20px;63padding-bottom: 0;64flex-grow: 1;65}
66