Lightened warning button caret
[bootswatch] / united / bootswatch.less
1 // Bootswatch.less
2 // Swatch: United
3 // -----------------------------------------------------
4
5 // TYPOGRAPHY
6 // -----------------------------------------------------
7
8 // Ubuntu web font
9 @import url(http://fonts.googleapis.com/css?family=Ubuntu);
10
11 // NAVBAR
12 // -----------------------------------------------------
13
14 // Added dividers to items
15 .navbar .nav > li > a {
16         border-right: 1px solid #C03D14;
17         border-left: 1px solid #E6633A;
18 }
19
20 // Lightened color of active item
21 .navbar .nav .active > a,
22 .navbar .nav .active > a:hover {
23   background-color: rgba(0,0,0,.2);
24 }
25
26 // Styled item divider
27 .navbar .divider-vertical {
28         background-color: inherit;
29         border-right: 0px solid #CE4213;
30 }
31
32 .navbar-search .search-query {
33         border: 1px solid darken(@navbarBackground, 15%);
34 }
35
36 // BUTTONS
37 // -----------------------------------------------------
38
39 // Reversed gradient on primary button
40 .btn-primary {
41   .buttonBackground(lighten(@primaryButtonBackground, 15%), @primaryButtonBackground);
42 }
43
44 // Made warning button yellow since orange is taken
45 .btn-warning {
46   .buttonBackground(lighten(@yellow, 15%), @yellow);
47   
48   .caret {
49     border-top-color: @white;
50     .opacity(75);
51   }
52 }
53
54
55
56 // ALERTS
57 // -----------------------------------------------------
58
59 // Removed text-shadow
60 .alert {
61         text-shadow: none !important;
62 }
63