bootswatch.less 3.13 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Flatly 3.1.1
Thomas Park's avatar
Thomas Park committed
2
3
4
// Bootswatch
// -----------------------------------------------------

5
@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");
Thomas Park's avatar
Thomas Park committed
6
7
8

// Navbar =====================================================================

9
.navbar {
Thomas Park's avatar
Thomas Park committed
10
  border-width: 0;
11
12
13
14
15
16

  &-brand {
    padding: 18.5px 15px 20.5px;
  }
}

Thomas Park's avatar
Thomas Park committed
17
18
// Buttons ====================================================================

Jenil Gogari's avatar
Jenil Gogari committed
19
.btn:active {
Thomas Park's avatar
Thomas Park committed
20
  .box-shadow(none);
Jenil Gogari's avatar
Jenil Gogari committed
21
22
23
}

.btn-group.open .dropdown-toggle {
Thomas Park's avatar
Thomas Park committed
24
  .box-shadow(none);
Jenil Gogari's avatar
Jenil Gogari committed
25
26
}

Thomas Park's avatar
Thomas Park committed
27
28
// Typography =================================================================

29
30
.text-primary,
.text-primary:hover {
Thomas Park's avatar
Thomas Park committed
31
  color: @brand-primary;
Thomas Park's avatar
Thomas Park committed
32
33
}

34
35
.text-success,
.text-success:hover {
Thomas Park's avatar
Thomas Park committed
36
  color: @brand-success;
Thomas Park's avatar
Thomas Park committed
37
38
}

39
40
.text-danger,
.text-danger:hover {
Thomas Park's avatar
Thomas Park committed
41
  color: @brand-danger;
Thomas Park's avatar
Thomas Park committed
42
43
}

44
45
.text-warning,
.text-warning:hover {
Thomas Park's avatar
Thomas Park committed
46
  color: @brand-warning;
Thomas Park's avatar
Thomas Park committed
47
48
}

49
50
.text-info,
.text-info:hover {
Thomas Park's avatar
Thomas Park committed
51
  color: @brand-info;
Thomas Park's avatar
Thomas Park committed
52
53
54
55
}

// Tables =====================================================================

Thomas Park's avatar
Thomas Park committed
56
table,
Thomas Park's avatar
Thomas Park committed
57
58
.table {

59
60
61
62
  a {
    text-decoration: underline;
  }

63
64
65
66
  .success,
  .warning,
  .danger,
  .info {
Thomas Park's avatar
Thomas Park committed
67
    color: #fff;
68
69
70
71

    a {
      color: #fff;
    }
Thomas Park's avatar
Thomas Park committed
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
  }

  > thead > tr > th,
  > tbody > tr > th,
  > tfoot > tr > th,
  > thead > tr > td,
  > tbody > tr > td,
  > tfoot > tr > td {
    border: none;
  }

  &-bordered > thead > tr > th,
  &-bordered > tbody > tr > th,
  &-bordered > tfoot > tr > th,
  &-bordered > thead > tr > td,
  &-bordered > tbody > tr > td,
  &-bordered > tfoot > tr > td {
    border: 1px solid @table-border-color;
  }
Thomas Park's avatar
Thomas Park committed
91
92
93
94
}

// Forms ======================================================================

Thomas Park's avatar
Thomas Park committed
95
96
.form-control,
input, {
Thomas Park's avatar
Thomas Park committed
97
98
  border-width: 2px;
  .box-shadow(none);
Jenil Gogari's avatar
Jenil Gogari committed
99

Thomas Park's avatar
Thomas Park committed
100
101
102
  &:focus {
    .box-shadow(none);
  }
Jenil Gogari's avatar
Jenil Gogari committed
103
104
}

Thomas Park's avatar
Thomas Park committed
105
.has-warning {
Thomas Park's avatar
Thomas Park committed
106
107
108
109
  .help-block,
  .control-label {
    color: @brand-warning;
  }
Thomas Park's avatar
Thomas Park committed
110

Thomas Park's avatar
Thomas Park committed
111
112
113
114
  .form-control,
  .form-control:focus {
    border: 2px solid @brand-warning;
  }
Thomas Park's avatar
Thomas Park committed
115
116
117
}

.has-error {
Thomas Park's avatar
Thomas Park committed
118
119
120
121
  .help-block,
  .control-label {
    color: @brand-danger;
  }
Thomas Park's avatar
Thomas Park committed
122

Thomas Park's avatar
Thomas Park committed
123
124
125
126
  .form-control,
  .form-control:focus {
    border: 2px solid @brand-danger;
  }
Thomas Park's avatar
Thomas Park committed
127
128
129
}

.has-success {
Thomas Park's avatar
Thomas Park committed
130
131
132
133
  .help-block,
  .control-label {
    color: @brand-success;
  }
Thomas Park's avatar
Thomas Park committed
134

Thomas Park's avatar
Thomas Park committed
135
136
137
138
  .form-control,
  .form-control:focus {
    border: 2px solid @brand-success;
  }
Thomas Park's avatar
Thomas Park committed
139
140
141
142
}

// Navs =======================================================================

143
.nav {
Thomas Park's avatar
Thomas Park committed
144
145
146
147
148
  .open > a,
  .open > a:hover,
  .open > a:focus {
    border-color: transparent;
  }
149
150
}

Thomas Park's avatar
Thomas Park committed
151
.pager {
Thomas Park's avatar
Thomas Park committed
152
153
154
155
  a,
  a:hover {
    color: #fff;
  }
Thomas Park's avatar
Thomas Park committed
156

Thomas Park's avatar
Thomas Park committed
157
158
159
160
161
162
163
164
  .disabled {
    &>a,
    &>a:hover,
    &>a:focus,
    &>span {
      background-color: @pagination-disabled-bg;
    }
  }
Thomas Park's avatar
Thomas Park committed
165
166
167
168
169
170
}

// Indicators =================================================================

.alert {

Thomas Park's avatar
Thomas Park committed
171
172
173
174
175
  a,
  .alert-link {
    color: #fff;
    text-decoration: underline;
  }
176
177
178
179
180
181
182
183
184
185
186
187

  .close {
    color: #fff;
    text-decoration: none;
    opacity: 0.4;

    &:hover,
    &:focus {
      color: #fff;
      opacity: 1;
    }
  }
Thomas Park's avatar
Thomas Park committed
188
189
190
191
192
}

// Progress bars ==============================================================

.progress {
Thomas Park's avatar
Thomas Park committed
193
194
  height: 10px;
  .box-shadow(none);
195
196
197
198
  .progress-bar {
    font-size: 10px;
    line-height: 10px;
  }
Thomas Park's avatar
Thomas Park committed
199
200
201
}

// Containers =================================================================
Jenil Gogari's avatar
Jenil Gogari committed
202
203

.well {
Thomas Park's avatar
Thomas Park committed
204
  .box-shadow(none);
Jenil Gogari's avatar
Jenil Gogari committed
205
}