source: frontend/src/index.css@ badbc79

Last change on this file since badbc79 was badbc79, checked in by Luka Cheshlarov <luka.cheshlarov@…>, 20 months ago

Initial commit

  • Property mode set to 100644
File size: 1.8 KB
Line 
1html {
2 height: 100%;
3}
4
5body {
6 min-height: 100%;
7 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
8 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
9 sans-serif;
10 -webkit-font-smoothing: antialiased;
11 -moz-osx-font-smoothing: grayscale;
12}
13
14#root {
15 height: 100vh;
16}
17
18#root > main {
19 min-height: calc(100vh - 70px);
20}
21
22code {
23 font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
24 monospace;
25}
26
27.flex-column-align-center {
28 display: flex;
29 flex-direction: column;
30 align-items: center;
31}
32
33.flex-column-align-justify-center {
34 display: flex;
35 flex-direction: column;
36 align-items: center;
37 justify-content: center;
38}
39
40.login-text {
41 display: flex;
42 justify-content: flex-end;
43 align-items: flex-end;
44 color: white;
45 font-size: xxx-large;
46 font-weight: 700;
47 padding-right: 25px;
48 font-style: italic;
49 font-family: cursive;
50}
51
52.background-image {
53 background-repeat: no-repeat;
54 background-size: cover;
55 background-position: center;
56}
57
58.centered-image {
59 display: block;
60 margin-left: auto;
61 margin-right: auto;
62 width: 100%;
63}
64
65.text-right {
66 text-align: right !important;
67}
68
69.cursor-pointer {
70 cursor: pointer;
71}
72
73.horizontal-fancy {
74 border: 0;
75 height: 3px;
76 width: 50%;
77 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(9, 84, 132), rgba(0, 0, 0, 0));
78}
79
80.card-description {
81 overflow-wrap: break-word;
82 inline-size: 260px;
83 width: 100%;
84}
85
86.card-zoom {
87 transition: transform 0.1s ease-in-out;
88}
89
90.card-zoom:hover {
91 transform: scale(1.02);
92 box-shadow: 1px 0px 30px -2px rgba(0, 0, 0, 0.30) !important;
93 -webkit-box-shadow: 1px 0px 30px -2px rgba(0, 0, 0, 0.3) !important;
94 -moz-box-shadow: 1px 0px 30px -2px rgba(0, 0, 0, 0.3) !important;
95}
96
Note: See TracBrowser for help on using the repository browser.