be2021d9a586a52418a21f62e4e559b5c79e2254
[bootswatch] / journal / bootswatch.less
1 // Journal 3.0.0
2 // Bootswatch
3 // -----------------------------------------------------
4
5 @import url("//fonts.googleapis.com/css?family=News+Cycle:400,700");
6
7 // Navbar =====================================================================
8
9 .navbar {
10         border-bottom: 2px solid @gray-lighter;
11         font-size: 18px;
12         font-family: @font-family-sans-serif;
13         font-weight: bold;
14         color: #000;
15 }
16
17 .navbar-brand {
18         font-size: 18px;
19         font-weight: bold;
20         text-transform: uppercase;
21 }
22
23 // Buttons ====================================================================
24
25 // Typography =================================================================
26
27 h1, h2, h3, h4, h5, h6 {
28         font-family: @font-family-sans-serif;
29         font-weight: bold;
30         color: #000;
31 }
32
33 // Tables =====================================================================
34
35 // Forms ======================================================================
36
37 .has-warning {
38         .help-block,
39         .control-label {
40                 color: @brand-danger;
41         }
42
43         .form-control,
44         .form-control:focus {
45                 border-color: @brand-danger;
46         }
47 }
48
49 .has-error {
50         .help-block,
51         .control-label {
52                 color: @brand-primary;
53         }
54
55         .form-control,
56         .form-control:focus {
57                 border-color: @brand-primary;
58         }
59 }
60
61 .has-success {
62         .help-block,
63         .control-label {
64                 color: @brand-success;
65         }
66
67         .form-control,
68         .form-control:focus {
69                 border-color: @brand-success;
70         }
71 }
72
73 // Navs =======================================================================
74
75 .pagination {
76
77         .active > a,
78         .active > a:hover {
79                 border-color: #ddd;
80         }
81 }
82
83 // Indicators =================================================================
84
85 // Progress bars ==============================================================
86
87 // Containers =================================================================
88
89 .jumbotron {
90
91         h1, h2, h3, h4, h5, h6 {
92                 font-family: @font-family-sans-serif;
93                 font-weight: bold;
94                 color: #000;
95         }
96 }