└── README.md
/README.md:
--------------------------------------------------------------------------------
1 |
Example organization CSS propertys
2 |
3 | ```CSS
4 | .app {
5 | /* positioning */
6 | position: absolute;
7 | top: 0;
8 | left: 0;
9 | z-index: 10;
10 |
11 | /* display stuff */
12 | display: flex;
13 | justify-content: center;
14 | align-items: center;
15 | flex-direction: column;
16 |
17 | /* box-model */
18 | width: 100%;
19 | min-height: 100vh;
20 | padding: 2rem 3rem;
21 | margin: 0 auto;
22 |
23 | /* typography */
24 | font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
25 | font-size: 3rem;
26 | text-align: center;
27 | line-height: 2;
28 | letter-spacing: .25px;
29 |
30 | /* formalization */
31 | transform: rotate(45deg);
32 | filter: blur(1px);
33 | opacity: 0.5;
34 | background: #999;
35 | border: 2px dashed #333;
36 |
37 | /* animation */
38 | transition: all 0.5s ease;
39 |
40 | /* mics */
41 | cursor: pointer;
42 | will-change: auto;
43 | }
44 | ```
--------------------------------------------------------------------------------