room-creator-page.component.scss 1.71 KB
Newer Older
Lukas Mauß's avatar
Lukas Mauß committed
1 2
@import '../../../../styles';

Lukas Mauß's avatar
Lukas Mauß committed
3
mat-card {
Lukas Mauß's avatar
Lukas Mauß committed
4
  width: 800px;
5
  min-height: 350px;
Lukas Mauß's avatar
Lukas Mauß committed
6
  background-color: var(--surface)!important;
7 8 9
}

mat-card-content > :first-child {
10
  margin: 3% 0 3% 0;
11
}
Lukas Mauß's avatar
Lukas Mauß committed
12

13
#description {
14
  margin-bottom: 0;
15 16
}

17
.mat-icon-button {
18
  width: 60%;
19
  height: 75%;
20
  color: var(--primary)!important;
21 22 23 24
  transition: all 0.3s;
  &:hover {
    transform: scale(1.2)
  }
25
}
26

27
.desktop {
28 29 30
  font-size: 80px;
  height: 80px;
  width: 80px;
31 32 33
  margin-bottom: 5%;
}

34
.corner-icons {
35
  width: 40px;
36 37
  height: 40px;
  margin-bottom: 5%;
38
}
39 40

.corner-icon {
41 42 43
  font-size: 40px;
  height: 40px;
  width: 40px;
44
  line-height: 100%;
45 46
}

47
.main-icon{
48 49 50
  font-size: 60px;
  height: 60px;
  width: 60px;
51
  line-height: 100%!important;
52 53
}

Tom Käsler's avatar
Tom Käsler committed
54 55 56 57 58 59 60
.room-short-id {
  font-size: larger;
  font-weight: bold;
  color: var(--on-surface)!important;
  margin: 5% 5% 0 0;
}

61
mat-grid-list {
62
  margin-bottom: 5px !important;
63
  width: 90%;
64 65
}

66 67
.second {
  margin-bottom: 20px !important;
68 69
}

70 71
h2 {
   font-size: large;
Lukas Mauß's avatar
Lukas Mauß committed
72
   color: var(--on-surface)!important;
73 74
 }

75 76
h3 {
  font-size: larger;
Lukas Mauß's avatar
Lukas Mauß committed
77
  color: var(--on-surface)!important;
78
  margin: 5% 5% 0 0;
79 80 81 82
}

h4 {
  font-size: medium;
Lukas Mauß's avatar
Lukas Mauß committed
83
  color: var(--on-surface)!important;
84
  padding: 0 1% 0 1%;
85 86 87
}

mat-card-header {
88
  min-height: 80px;
89
  height: 10%!important;
90
  margin-bottom: 10%!important;
91 92 93 94
}

mat-card-title {
  height: 40%;
Tom Käsler's avatar
Tom Käsler committed
95
  min-width: 200px;
96 97 98
}

mat-card-subtitle {
99
  height: 30%;
100
}
101

102
mat-grid-tile {
103
  height: 100%!important;
104
  padding-top: 2%!important;
105 106
}

107
mat-expansion-panel {
Lukas Mauß's avatar
Lukas Mauß committed
108
  background-color: var(--surface)!important;
109
  min-width: 200px;
110
  hyphens: auto;
111
}
112 113 114 115 116 117 118 119 120 121 122

#copy {
  width: 24px;
  height: 24px;
}

.copy {
  font-size: 24px;
  color: var(--secondary);
  line-height: 100%;
}
123 124 125 126 127

.gavel {
  margin: 5% 2% 0 0;
  color: var(--on-surface);
}