bootswatch.less 2.78 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;		
	}
Thomas Park's avatar
Thomas Park committed
49

50
51
52
53
54
55
56
57
58
59
60
	.nav .active > a,
	.nav .active > a:hover {
		color: @navbarLinkColor;
		background-color: rgba(0, 0, 0, 0);
	}
		
	.nav .active > a:hover,
	.nav > li > a:hover,
	.nav-collapse.in .nav li > a:hover {
		background-color: #EEEEEE;
	}
Thomas Park's avatar
Thomas Park committed
61

62
63
64
	.dropdown-menu {
		.border-radius(0);		
	}
Thomas Park's avatar
Thomas Park committed
65

66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
	.nav li.dropdown .dropdown-toggle .caret,
	.nav .open .caret,
	.nav .open .dropdown-toggle:hover .caret {
		border-top-color: @black;
		opacity: 1;
	}
		
	.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
90
91
92
}

div.subnav {
Thomas Park's avatar
Thomas Park committed
93
	background-color: @bodyBackground;
Thomas Park's avatar
Thomas Park committed
94
95
96
	background-image: none;
	@shadow: 0 1px 2px rgba(0,0,0,.25);
	.box-shadow(@shadow);
97
98
99
100
101
102
103
104
105
	.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
106

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

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

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

Thomas Park's avatar
Thomas Park committed
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
// 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
142
143
144
145

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

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

Thomas Park's avatar
Thomas Park committed
150
151
152
153
154
155
.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
156
157
158
.table-bordered, .well, .prettyprint {
	.border-radius(0);
}