bootswatch.less 2.93 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
2
// Bootswatch.less
// Swatch: Journal
3
// Version: 2.0.3
Thomas Park's avatar
Thomas Park committed
4
5
6
7
8
// -----------------------------------------------------

// TYPOGRAPHY
// -----------------------------------------------------

Thomas Park's avatar
Thomas Park committed
9
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
Thomas Park's avatar
Thomas Park committed
10

11
h1, h2, h3, h4, h5, h6, .navbar .brand {
Thomas Park's avatar
Thomas Park committed
12
13
14
	font-weight: 700;
}

Thomas Park's avatar
Thomas Park committed
15
16
17
18
19
20
21
// SCAFFOLDING
// -----------------------------------------------------

a {
	text-decoration: underline;
}

22
.nav a, .navbar .brand, .subnav a, a.btn, .dropdown-menu a {
Thomas Park's avatar
Thomas Park committed
23
24
25
	text-decoration: none;
}

Thomas Park's avatar
Thomas Park committed
26
27
28
// NAVBAR
// -----------------------------------------------------

29
.navbar {
Thomas Park's avatar
Thomas Park committed
30
	
31
32
33
34
35
	.navbar-inner {
		@shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
		.box-shadow(@shadow);
		border-top: 1px solid #E5E5E5;
		.border-radius(0);
Thomas Park's avatar
Thomas Park committed
36
	}
37
38
39
		
	.brand {
		text-shadow: none;
Thomas Park's avatar
Thomas Park committed
40

41
42
43
44
45
46
47
48
		&:hover {
			background-color: #EEEEEE;
		}
	}
	
	.nav > li > a {
		text-shadow: none;		
	}
49
	
50
51
52
	.dropdown-menu {
		.border-radius(0);		
	}
Thomas Park's avatar
Thomas Park committed
53

54
55
56
57
58
59
60
61
62
	.nav li.dropdown.active > .dropdown-toggle,
	.nav li.dropdown.active > .dropdown-toggle:hover,
	.nav li.dropdown.open > .dropdown-toggle,
	.nav li.dropdown.active.open > .dropdown-toggle,
	.nav li.dropdown.active.open > .dropdown-toggle:hover {
		background-color: @grayLighter;
		color: @linkColor;
	}

63
64
65
66
67
68
	.nav li.dropdown .dropdown-toggle .caret,
	.nav .open .caret,
	.nav .open .dropdown-toggle:hover .caret {
		border-top-color: @black;
		opacity: 1;
	}
69
70
71
72
	
	.nav-collapse.in .nav li > a:hover {
		background-color: @grayLighter;
	}
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
		
	.nav-collapse .nav li > a {
		color: @textColor;
		text-decoration: none;
		font-weight: normal;	
	}
	
	.nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
		border-color: transparent;
	}	
	
	.navbar-search .search-query,
	.navbar-search .search-query:hover {
		border: 1px solid @grayLighter;
		color: @textColor;
		.placeholder(@gray);
	}
Thomas Park's avatar
Thomas Park committed
91
92
93
}

div.subnav {
Thomas Park's avatar
Thomas Park committed
94
	background-color: @bodyBackground;
Thomas Park's avatar
Thomas Park committed
95
96
97
	background-image: none;
	@shadow: 0 1px 2px rgba(0,0,0,.25);
	.box-shadow(@shadow);
98
99
100
101
102
103
104
105
106
	.border-radius(0);
	
	.nav > li > a:hover,
	.nav > .active > a,
	.nav > .active > a:hover {
		color: @textColor;
		text-decoration: none;
		font-weight: normal;
	}
Thomas Park's avatar
Thomas Park committed
107

108
109
110
111
	.nav > li:first-child > a,
	.nav > li:first-child > a:hover {
		.border-radius(0);
	}	
Thomas Park's avatar
Thomas Park committed
112
113
114
115
116
117
118
119
120
}

// BUTTONS
// -----------------------------------------------------

.btn-primary {
  .buttonBackground(lighten(@linkColor, 5%), @linkColor);
}

Thomas Park's avatar
Thomas Park committed
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
// MODALS
// -----------------------------------------------------

.modal {
 	.border-radius(0px);
	background: @bodyBackground;
}

.modal-header {
	border-bottom: none;
}

.modal-header .close {
	text-decoration: none;
}

.modal-footer {
	background: transparent;
	.box-shadow(none);
	border-top: none;
}

Thomas Park's avatar
Thomas Park committed
143
144
145
146

// MISC
// -----------------------------------------------------

147
code, pre, pre.prettyprint, .well {
Thomas Park's avatar
Thomas Park committed
148
149
	background-color: @grayLighter;
}
Thomas Park's avatar
Thomas Park committed
150

Thomas Park's avatar
Thomas Park committed
151
152
153
154
155
156
.hero-unit {
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
	border: 1px solid rgba(0,0,0,.05);
	.border-radius(0);
}

Thomas Park's avatar
Thomas Park committed
157
158
159
.table-bordered, .well, .prettyprint {
	.border-radius(0);
}