summaryrefslogtreecommitdiff
path: root/readable/bootswatch.less
blob: 2a94bea2ad5837dac7db5aeb09801e7f54b9b7fd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
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
90
91
92
93
94
95
96
// Readable 3.0.2
// Bootswatch
// -----------------------------------------------------

@import url("//fonts.googleapis.com/css?family=Raleway:700");

// Navbar =====================================================================

.navbar {
	font-family: @headings-font-family;
	text-transform: uppercase;

	&-nav > li > a {
		padding-top: @navbar-padding-vertical + 6px;
	}

	&-nav > .active > a,
	&-nav > .active > a:hover {
		text-decoration: underline;
	}

	&-default .navbar-nav > .active > a:hover {
		color: @navbar-default-link-hover-color;
	}

	&-inverse .navbar-nav > .active > a:hover {
		color: @navbar-inverse-link-hover-color;
	}

	&-brand {
		padding-top: @navbar-padding-vertical + 5px;
	}
}

// Buttons ====================================================================

.btn {
	font-family: @headings-font-family;
	text-transform: uppercase;
}

// Typography =================================================================

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

p {
	margin-bottom: 1.4em;
}

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

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

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

.pagination {

	.active > a,
	.active > a:hover {
		border-color: #ddd;
	}

	&-lg > li > a,
	&-lg > li > span {
		padding: 14px 24px;
	}
}

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

.alert {
	a,
	.alert-link {
		color: @alert-success-text;
		text-decoration: underline;
	}
}

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

// Containers =================================================================

.panel {

	&-primary,
	&-success,
	&-warning,
	&-danger,
	&-info {
		.panel-heading {
			color: #fff;
		}
	}
}