rosin 0.3.0

Rosin is a GUI library that aims to be extremely easy to use.
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

.root {
    background-color: transparent;
    child-between:10px;
    child-bottom:1s;
    child-left:1s; 
    child-right:1s;
    child-top:1s;
}

.number {
    child-left:1s;
    child-right:1s;
    color:#000;
    font-size:40px;
    height:auto;
    width:1s;
    space:1s 1s 1em 1s;
}

.button {
    background-color: #202020;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.04), transparent);
    box-shadow: 0 1px 0px 1px rgba(255, 255, 255, 0.05), 0 0 0 1px rgb(0, 0, 0);
    border-top: 1px rgba(255, 255, 255, 0.15);
    border-bottom: 1px rgba(0, 0, 0, 0.05);
    border-radius:5px;
    child-bottom:1s;
    child-left:1s; 
    child-right:1s;
    child-top:0.7s;
    color:#FFF;
    font-size:20px;
    width:120px;
    text-shadow: 0px 2px #000000cb;
    text-align: center;
    space: 1s;
}

.button:hover {
    background-color:#303030;
}

.button:active {
    background-color:#101010;
    border-top-color: transparent;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.04), transparent);
}