_filters.scss 1.83 KB
Newer Older
Olga Brani's avatar
Olga Brani committed
1 2 3 4
$filter-margin: 10px;
$filter-height: 30px;


5
.filters-area {
Olga Brani's avatar
Olga Brani committed
6
	margin-bottom: $navbar-height - $filter-margin;
7 8
}

9 10 11 12 13 14
.filters {
	a:focus, input:focus {
		outline: none;
	}
}

15 16 17 18 19 20 21 22 23 24
.filters .badge {
	margin-left: 6px;
	opacity: 0.9;
	padding: 2px 9px;
}

.filters ul.nav a {
	padding-bottom: 10px;
}

olga's avatar
olga committed
25 26 27 28
.filter {
    height: $filter-height;
    margin: 0 $filter-margin $filter-margin 0;
    display: inline-block;
29
    background: $filter-bg;
Olga Brani's avatar
Olga Brani committed
30
    border: 1px solid $filter-border-color;
olga's avatar
olga committed
31 32 33 34 35 36 37 38 39 40
    .form-group {
        margin: 0;
        height: $filter-height;
    }
    label, 
    .dropdown{
        height: $filter-height;
        line-height: $filter-height;
        border: 0 none;
        padding: 0 10px;
41
        color: $filter-font-color;
olga's avatar
olga committed
42 43
        background: transparent;
        font-weight: normal;
Olga Brani's avatar
Olga Brani committed
44
        margin: 0;
olga's avatar
olga committed
45 46
    }
    .dropdown-menu {
47
        background: $filter-bg;
olga's avatar
olga committed
48
        margin: 0;
49 50 51 52 53 54 55
        > .active > a{
            background: $filter-active-bg;
        }
        > li:hover >a {
            background: $filter-hover-bg;
            color: $filter-hover-color;
        }
olga's avatar
olga committed
56 57 58 59 60
    }
    input {
        border: 0 none;
        background: transparent;
        height: $filter-height;
Olga Brani's avatar
Olga Brani committed
61
        line-height: $filter-height;
olga's avatar
olga committed
62 63
        padding: 0 5px;
        font-weight: normal;
64
        color: $filter-font-color;
olga's avatar
olga committed
65
    }
66 67
}

68
.filter-dropdown {
69 70 71 72 73 74 75 76 77 78 79 80
	.dropdown {
		&>a {
			.selected-value {
				margin-left: 4px;
			}
			.arrow {
				font-weight: bold;
			}
		}
		&.open {
			a {
				text-decoration: none;
81
				color: $filter-font-color;
82 83 84
			}
		}
		a {
85
			color: $filter-font-color;
86 87 88 89
		}
		.dropdown-menu {
			width: auto;
			a {
90
				span {
91 92 93 94 95 96 97 98
					margin-right: 6px;
				}
				padding-left: 12px;
				padding-right: 12px;
			}
		}
	}
}
99

100
body input:not(.subject):focus {
101
	border-color: transparent;
olga's avatar
olga committed
102
    @include box-shadow(none);
103 104 105 106
}

.filters.subnav-fixed {
	top: $navbar-height;
olga's avatar
olga committed
107
}