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
50
51
52
53
54
55
56
| .row
| display flex;
| gap 2em
|
| .user
| padding 1em
| border 1px solid #aaa
| border-radius .33em
| box-shadow 1px 1px 3px #333 inset, 1px 1px 100px #ddd inset
| display grid;
| grid-template-columns 10rem 20rem 10rem 20rem
| gap .5em
| &>span
| font-variant small-caps
| color #555
|
|
| .w100p
| width 100%;
|
| .ml-05
| margin-left .5em
| .ml-1
| margin-left 1em
|
| .text-right
| text-align right
|
| h1
| color #e39300
| h1 > small
| margin-left .5em;
|
| .nowrap
| white-space nowrap
|
|
| input[type=text], input[type=password]
| padding .11em .22em
| border 3px solid #aaa
| &:focus
| border 3px solid orange
| outline none
|
|
|
|
| .red
| width 2ch
| text-align center;
| background-color red;
| color white
| font-weight bold
|
| .green
| color green
|
|
