angular-monorepo/styles.scss at main · juri-sinitson/angular-monorepo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
@use 'primeng/resources/primeng.css';
@use 'primeng/resources/themes/aura-dark-noir/theme.css';
@use 'primeflex/primeflex.css';
@use 'primeicons/primeicons.css';


// ABSTRACTING ICONS to decouple from the current UI library
.abstract-icon {
  @extend .pi;
  @extend .pi-fw;
}

.icon-home {
  @extend .abstract-icon;
  @extend .pi-home;
}

.icon-calendar {
  @extend .abstract-icon;
  @extend .pi-calendar;
}

.icon-pencil {
  @extend .abstract-icon;
  @extend .pi-pencil;
}

.icon-file {
  @extend .abstract-icon;
  @extend .pi-file;
}

.icon-cog {
  @extend .abstract-icon;
  @extend .pi-cog;
}

// -- FORM --
.field-margin-top {
  @extend .mt-2;
}

.button-margin-top {
  @extend .mt-3;
}

.button-margin-left {
  @extend .ml-3;
}