reprogl

1
@import "settings";
2

3
#profile_edit {
4
    position: relative;
5
    border-radius: rem-calc(5);
6
    background: darken($color-main-light, 3%);
7
    padding: 1em 0.5em;
8
    margin: 0 rem-calc(15) 1em;
9

10
    form {
11
        .row:last-child {
12
            margin-top: 1em;
13
        }
14

15
        button {
16
            background: $color-main-contrast;
17
            font-weight: 400;
18
            border-radius: rem-calc(3);
19

20
            &:hover {
21
                color: $color-main-light;
22
                background: lighten($color-main-contrast, 5%);
23
            }
24
        }
25

26
        label.required-field:after {
27
            content: '*';
28
            color: $color-error;
29
            padding-left: 0.2em;
30
        }
31

32
        .subscriptions {
33
            margin: 1rem 0;
34
            label {
35
                text-align: left;
36
                display: inline;
37
                font-size: 80%;
38
            }
39
        }
40

41
        @media only screen and (min-width: 64em) {
42
            .columns:has(label) {
43
                padding-right: 0;
44
            }
45

46
            label {
47
                text-align: right;
48
            }
49
        }
50

51
        @media only screen and (max-width: 64em) {
52
            label.inline {
53
                margin: 0;
54
            }
55
        }
56
    }
57

58
    i.glyphicon.mars:before {
59
        content: '\2642';
60
        font-family: Symbola;
61
        font-size: 1.8em;
62
        font-weight: normal
63
    }
64

65
    i.glyphicon.venus:before {
66
        content: '\2640';
67
        font-family: Symbola;
68
        font-size: 1.8em;
69
        font-weight: normal
70
    }
71
}
72