New dashboard look & feel
[src/xds/xds-agent.git] / webapp / src / app / @theme / components / theme-settings / theme-settings.component.scss
1 @import '../../styles/themes';
2
3 @include nb-install-component() {
4   h6 {
5     margin-bottom: 0.5rem;
6   }
7
8   .settings-row {
9     display: flex;
10     flex-direction: row;
11     justify-content: space-between;
12     align-items: center;
13     flex-wrap: wrap;
14
15     width: 90%;
16     margin: 0 0 1rem;
17
18     a {
19       text-decoration: none;
20       font-size: 2.25rem;
21
22       color: nb-theme(color-fg);
23
24       &.selected {
25         color: nb-theme(color-success);
26       }
27
28       @include nb-for-theme(cosmic) {
29         &.selected {
30           color: nb-theme(link-color);
31         }
32       }
33     }
34   }
35 }
36