bootswatch.less 3.33 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
17
18
19
20
21
22
23
24
25
26
27
  &-default {

    .badge {
      background-color: #fff;
      color: @navbar-default-bg;
    }
  }

  &-inverse {

    .badge {
      background-color: #fff;
      color: @navbar-inverse-bg;
    }
  }

28
29
30
31
32
  &-brand {
    padding: 18.5px 15px 20.5px;
  }
}

Thomas Park's avatar
Thomas Park committed
33
34
// Buttons ====================================================================

Jenil Gogari's avatar
Jenil Gogari committed
35
.btn:active {
Thomas Park's avatar
Thomas Park committed
36
  .box-shadow(none);
Jenil Gogari's avatar
Jenil Gogari committed
37
38
39
}

.btn-group.open .dropdown-toggle {
Thomas Park's avatar
Thomas Park committed
40
  .box-shadow(none);
Jenil Gogari's avatar
Jenil Gogari committed
41
42
}

Thomas Park's avatar
Thomas Park committed
43
44
// Typography =================================================================

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

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

55
56
.text-danger,
.text-danger:hover {
Thomas Park's avatar
Thomas Park committed
57
  color: @brand-danger;
Thomas Park's avatar
Thomas Park committed
58
59
}

60
61
.text-warning,
.text-warning:hover {
Thomas Park's avatar
Thomas Park committed
62
  color: @brand-warning;
Thomas Park's avatar
Thomas Park committed
63
64
}

65
66
.text-info,
.text-info:hover {
Thomas Park's avatar
Thomas Park committed
67
  color: @brand-info;
Thomas Park's avatar
Thomas Park committed
68
69
70
71
}

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

Thomas Park's avatar
Thomas Park committed
72
table,
Thomas Park's avatar
Thomas Park committed
73
74
.table {

75
76
77
78
  a {
    text-decoration: underline;
  }

79
80
81
82
  .success,
  .warning,
  .danger,
  .info {
Thomas Park's avatar
Thomas Park committed
83
    color: #fff;
84
85
86
87

    a {
      color: #fff;
    }
Thomas Park's avatar
Thomas Park committed
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
  }

  > 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
107
108
109
110
}

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

Thomas Park's avatar
Thomas Park committed
111
112
.form-control,
input, {
Thomas Park's avatar
Thomas Park committed
113
114
  border-width: 2px;
  .box-shadow(none);
Jenil Gogari's avatar
Jenil Gogari committed
115

Thomas Park's avatar
Thomas Park committed
116
117
118
  &:focus {
    .box-shadow(none);
  }
Jenil Gogari's avatar
Jenil Gogari committed
119
120
}

Thomas Park's avatar
Thomas Park committed
121
.has-warning {
Thomas Park's avatar
Thomas Park committed
122
123
124
125
  .help-block,
  .control-label {
    color: @brand-warning;
  }
Thomas Park's avatar
Thomas Park committed
126

Thomas Park's avatar
Thomas Park committed
127
128
129
130
  .form-control,
  .form-control:focus {
    border: 2px solid @brand-warning;
  }
Thomas Park's avatar
Thomas Park committed
131
132
133
}

.has-error {
Thomas Park's avatar
Thomas Park committed
134
135
136
137
  .help-block,
  .control-label {
    color: @brand-danger;
  }
Thomas Park's avatar
Thomas Park committed
138

Thomas Park's avatar
Thomas Park committed
139
140
141
142
  .form-control,
  .form-control:focus {
    border: 2px solid @brand-danger;
  }
Thomas Park's avatar
Thomas Park committed
143
144
145
}

.has-success {
Thomas Park's avatar
Thomas Park committed
146
147
148
149
  .help-block,
  .control-label {
    color: @brand-success;
  }
Thomas Park's avatar
Thomas Park committed
150

Thomas Park's avatar
Thomas Park committed
151
152
153
154
  .form-control,
  .form-control:focus {
    border: 2px solid @brand-success;
  }
Thomas Park's avatar
Thomas Park committed
155
156
157
158
}

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

159
.nav {
Thomas Park's avatar
Thomas Park committed
160
161
162
163
164
  .open > a,
  .open > a:hover,
  .open > a:focus {
    border-color: transparent;
  }
165
166
}

Thomas Park's avatar
Thomas Park committed
167
.pager {
Thomas Park's avatar
Thomas Park committed
168
169
170
171
  a,
  a:hover {
    color: #fff;
  }
Thomas Park's avatar
Thomas Park committed
172

Thomas Park's avatar
Thomas Park committed
173
174
175
176
177
178
179
180
  .disabled {
    &>a,
    &>a:hover,
    &>a:focus,
    &>span {
      background-color: @pagination-disabled-bg;
    }
  }
Thomas Park's avatar
Thomas Park committed
181
182
183
184
185
186
}

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

.alert {

Thomas Park's avatar
Thomas Park committed
187
188
189
190
191
  a,
  .alert-link {
    color: #fff;
    text-decoration: underline;
  }
192
193
194
195
196
197
198
199
200
201
202
203

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

    &:hover,
    &:focus {
      color: #fff;
      opacity: 1;
    }
  }
Thomas Park's avatar
Thomas Park committed
204
205
206
207
208
}

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

.progress {
Thomas Park's avatar
Thomas Park committed
209
210
  height: 10px;
  .box-shadow(none);
211
212
213
214
  .progress-bar {
    font-size: 10px;
    line-height: 10px;
  }
Thomas Park's avatar
Thomas Park committed
215
216
217
}

// Containers =================================================================
Jenil Gogari's avatar
Jenil Gogari committed
218
219

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