← Back to branch summary

~ozonos/ozon-gtk-theme/master

« back to all changes in this revision

Viewing changes to gtk-3.0/scss/widgets/_entry.scss

  • Committer: Satyajit Sahoo
  • Date: 2015-05-22 16:28:34 UTC
  • Revision ID: git-v1:f6ead24b69fe7c0a411b920131b84a9313ec7d43
Change indentation to spaces

Show diffs side-by-side

added added

removed removed

Lines of Context:
gtk-3.0/scss/widgets/_entry.scss
3
3
**********/
4
4
 
5
5
%linked_entry {
6
 
        border-width: 1px;
7
 
        border-radius: 0;
8
 
        border-right-width: 0;
9
 
        border-left-width: 0;
10
 
 
11
 
        &:first-child {
12
 
                border-width: 1px;
13
 
                border-radius: $roundness;
14
 
                border-right-width: 0;
15
 
                border-bottom-right-radius: 0;
16
 
                border-top-right-radius: 0;
17
 
        }
18
 
 
19
 
        &:last-child {
20
 
                border-width: 1px;
21
 
                border-radius: $roundness;
22
 
                border-left-width: 0;
23
 
                border-bottom-left-radius: 0;
24
 
                border-top-left-radius: 0;
25
 
        }
26
 
 
27
 
        &:only-child {
28
 
                border-width: 1px;
29
 
                border-radius: $roundness;
30
 
        }
 
6
    border-width: 1px;
 
7
    border-radius: 0;
 
8
    border-right-width: 0;
 
9
    border-left-width: 0;
 
10
 
 
11
    &:first-child {
 
12
        border-width: 1px;
 
13
        border-radius: $roundness;
 
14
        border-right-width: 0;
 
15
        border-bottom-right-radius: 0;
 
16
        border-top-right-radius: 0;
 
17
    }
 
18
 
 
19
    &:last-child {
 
20
        border-width: 1px;
 
21
        border-radius: $roundness;
 
22
        border-left-width: 0;
 
23
        border-bottom-left-radius: 0;
 
24
        border-top-left-radius: 0;
 
25
    }
 
26
 
 
27
    &:only-child {
 
28
        border-width: 1px;
 
29
        border-radius: $roundness;
 
30
    }
31
31
}
32
32
 
33
33
%entry {
34
 
        padding: ($spacing - 1px) $spacing;
35
 
        border-width: 1px;
36
 
        border-style: solid;
37
 
        border-radius: $roundness;
38
 
        transition: border 150ms ease;
39
 
        box-shadow: inset 1px 1px alpha($dark_shadow, .06),
40
 
                                inset -1px 0 alpha($dark_shadow, .06);
 
34
    padding: ($spacing - 1px) $spacing;
 
35
    border-width: 1px;
 
36
    border-style: solid;
 
37
    border-radius: $roundness;
 
38
    transition: border 150ms ease;
 
39
    box-shadow: inset 1px 1px alpha($dark_shadow, .06),
 
40
                inset -1px 0 alpha($dark_shadow, .06);
41
41
 
42
42
    &:focus, &:hover, &:active { transition: none; }
43
43
 
44
 
        &:selected, &:selected:focus {
45
 
                background-color: $selected_bg_color;
46
 
                color: $selected_fg_color;
47
 
        }
48
 
 
49
 
        &:insensitive { box-shadow: none; }
50
 
 
51
 
        &.progressbar {
52
 
                @include linear-gradient($selected_bg_color);
53
 
 
54
 
                border-width: 0;
55
 
                border-radius: $roundness;
56
 
                color: $selected_fg_color;
57
 
        }
58
 
 
59
 
        &.image.left { padding-right: $spacing; }
 
44
    &:selected, &:selected:focus {
 
45
        background-color: $selected_bg_color;
 
46
        color: $selected_fg_color;
 
47
    }
 
48
 
 
49
    &:insensitive { box-shadow: none; }
 
50
 
 
51
    &.progressbar {
 
52
        @include linear-gradient($selected_bg_color);
 
53
 
 
54
        border-width: 0;
 
55
        border-radius: $roundness;
 
56
        color: $selected_fg_color;
 
57
    }
 
58
 
 
59
    &.image.left { padding-right: $spacing; }
60
60
}
61
61
 
62
62
@mixin entry($bg, $fg) {
63
 
        @extend %entry;
64
 
        @include linear-gradient($bg, to top);
65
 
        @include border($bg);
66
 
 
67
 
        color: $fg;
68
 
 
69
 
        &:focus, &:active { border-color: $selected_bg_color; }
70
 
 
71
 
        &:insensitive {
72
 
            @include linear-gradient(shade($bg, .9), to top);
73
 
 
74
 
                color: mix($bg, $fg, .5);
75
 
        }
 
63
    @extend %entry;
 
64
    @include linear-gradient($bg, to top);
 
65
    @include border($bg);
 
66
 
 
67
    color: $fg;
 
68
 
 
69
    &:focus, &:active { border-color: $selected_bg_color; }
 
70
 
 
71
    &:insensitive {
 
72
        @include linear-gradient(shade($bg, .9), to top);
 
73
 
 
74
        color: mix($bg, $fg, .5);
 
75
    }
76
76
}
77
77
 
78
78
@include exports("entry") {
79
 
        .entry {
80
 
                @include entry($base_color, $text_color);
 
79
    .entry {
 
80
        @include entry($base_color, $text_color);
81
81
 
82
 
                &.linked, .linked & { @extend %linked_entry; }
83
 
        }
 
82
        &.linked, .linked & { @extend %linked_entry; }
 
83
    }
84
84
}