summaryrefslogtreecommitdiff
path: root/client/css/tag-view.styl
blob: f93e0af4f81ab471232e556142cba84f16b180a1 (plain)
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
@import colors
$delete-button-color = tomato

#tag
    width: 100%
    max-width: 40em
    h1
        word-break: break-all
        line-height: 130%
        margin-top: 0
    form
        width: 100%
    .tag-edit
        textarea
            height: 10em
    .tag-summary
        section
            &.description
                margin: 1.5em 0 0 0
            &.details
                vertical-align: top
                padding-right: 0.5em
                ul
                    margin: 0
                    padding: 0
                    list-style-type: none
                li
                    display: inline
                    margin: 0
                    padding: 0
                li:not(:last-of-type):after
                    content: ', '
                ul:empty:after
                    content: '(none)'
                section
                    margin-bottom: 1em
    .metric-bounds-edit
        display: flex
        margin-bottom: 1em
        input[type=number]
            flex: 2
            margin-left: 0.5em
            width: auto
            min-width: 60px
        label
            flex 1
        input[name=metric-min]
            margin-right: 2em
    .confirmation
        margin-bottom: 2em
    .delete
        background: $delete-button-color
        border-color: $delete-button-color
        margin-left: 0.5em
        &:focus
            border: 2px solid $text-color