Skip to content

Commit bd6d02c

Browse files
demiankatzdemiankatz
committed
SASS conversion.
1 parent 2cfa767 commit bd6d02c

File tree

17 files changed

+1128
-443
lines changed

17 files changed

+1128
-443
lines changed

‎themes/bootprint3/scss/bootprint.scss‎

Lines changed: 12 additions & 152 deletions
Original file line numberDiff line numberDiff line change
@@ -1,112 +1,28 @@
11
@import "variables", "bootstrap";
22
@import "icons";
33
@import "search";
4+
@import "forms";
45

5-
$brand-primary: #619144; // a11y overrides $brand-primary in sass
6+
$brand-primary: #619144; /* a11y overrides $brand-primary in sass */
67
$active-orange: #E70 !default;
78

89
/* --- Bootstrap MODS ---*/
10+
@import "common";
11+
912
body {
1013
background: $brand-primary;
1114
font-size: 13px
1215
}
13-
.container {
14-
background: #FFF;
15-
padding: 0;
16-
}
17-
.main .container { padding: 0 4px 18px; }
18-
19-
a,
20-
.btn-link {
21-
color: #06C;
22-
&:hover { color: #09F; }
23-
}
24-
.alert { padding: 8px; }
25-
.btn { padding: 3px 5px 2px; }
26-
.btn.btn-default {
27-
background: $gray-lighter;
28-
background-image: linear-gradient(#FFF, $nav-tabs-border-color);
29-
border: 1px solid $gray;
30-
color: $gray-darker;
31-
text-shadow: 0 1px 0 #FFF;
32-
}
33-
.btn:not(.btn-default) { font-weight:bold; }
34-
.btn-danger,
35-
.btn-danger:hover { border-color:darken($brand-danger, 12%); }
36-
.btn-info,
37-
.btn-info:hover { border-color:darken($brand-info, 12%); }
38-
.btn-primary,
39-
.btn-primary:hover { border-color:darken($brand-primary, 12%); }
40-
.btn-success,
41-
.btn-success:hover { border-color:darken($brand-success, 12%); }
42-
.btn-warning,
43-
.btn-warning:hover { border-color:darken($brand-warning, 12%); }
4416

4517
#commentList .comment:nth-child(even) { background: $gray-lighter; }
4618
#dateVisColorSettings { stroke: $brand-primary; }
47-
#hierarchyRecord { background: #FFF; }
48-
h2 { margin: 0 8px 8px; }
49-
input[type=radio],
50-
input[type=checkbox] {
51-
margin: 2px auto 0;
52-
padding: 0 2px;
53-
}
54-
.nav > li > a { padding: 5px 10px; }
55-
.nav-pills {
56-
display: table;
57-
margin: 0 auto;
58-
}
59-
.navbar { min-height: 1px; }
60-
.navbar-form {
61-
margin-top: 5px;
62-
margin-bottom: 5px;
63-
}
64-
.pagination {
65-
display: table;
66-
margin: 18px auto;
67-
}
68-
.pagination > li > a,
69-
.pagination > li > span { padding: 4px 12px 3px; }
70-
.pagination > .active > a,
71-
.pagination > .active > a:focus,
72-
.pagination > .active > a:hover,
73-
.pagination > .active > span,
74-
.pagination > .active > span:focus,
75-
.pagination > .active > span:hover {
76-
background: $brand-primary;
77-
border-color: $brand-primary;
78-
}
79-
.panel-heading { padding: 0; }
80-
.panel-heading a {
81-
cursor: pointer;
82-
display: inline-block;
83-
padding: 6px;
84-
width: 100%;
85-
}
86-
.row:not(.top-row) {
87-
padding: 6px 4px;
88-
margin: 0 -4px;
89-
}
90-
.row > p { padding: 0 1em; }
91-
.sub-breadcrumb { padding: 0 5px; }
92-
.tab-content {
93-
padding: 6px 8px;
94-
border: 1px solid $gray-lighter;
95-
border-top: 0;
96-
}
19+
#hierarchyRecord { background: #fff; }
20+
.cart-controls .checkbox { line-height: 2rem; }
9721

98-
@media (max-width: 767px) {
99-
body { padding: 6px; }
100-
header { margin-top: 0; }
101-
.label { font-size: 85%; }
102-
}
22+
/* --- Layout --- */
23+
.main .container { padding-top: 1rem; }
10324
@media (min-width: 768px) {
104-
.badge {
105-
font-size: 85%;
106-
margin-top: 1px;
107-
}
108-
.label { padding-top: .3em; }
109-
.modal-dialog { width: 650px; }
25+
.main .sidebar { padding: 0; }
11026
}
11127

11228
/* --- Header --- */
@@ -115,10 +31,7 @@ header .fa.fa-bars { font-size: 21px; }
11531
header .navbar {
11632
border-radius: 5px 5px 0 0;
11733
padding: 0 10px;
118-
&.search {
119-
border-radius: 0;
120-
padding-bottom: 4px;
121-
}
34+
&.search { border-radius: 0; }
12235
.navbar-brand {
12336
height: 65px;
12437
width: 170px;
@@ -149,21 +62,12 @@ header .searchbox .tab-content .navbar-text { margin: 5px 10px 5px 0; }
14962
margin-bottom: 2px
15063
}
15164
}
152-
header .breadcrumb {
153-
border: 1px solid $gray-lighter;
154-
border-radius: 0;
155-
border-width: 1px 0;
156-
font-size: 12px;
157-
margin-bottom: 2px;
158-
padding: 7px 20px 5px
159-
}
16065

16166
/* --- Footer --- */
162-
footer { margin-bottom: 36px; }
163-
footer .container {
67+
footer {
68+
margin-bottom: 2rem;
16469
border-radius: 0 0 5px 5px;
16570
border-top: 1px solid $nav-tabs-border-color;
166-
padding-top: 18px;
16771
}
16872
footer hr { display: none; }
16973
footer p { margin: 0; }
@@ -223,50 +127,6 @@ ul.random.image li img { margin: 0 auto; }
223127
margin: 5px 10px 5px 0;
224128
}
225129

226-
/* --- Record --- */
227-
.tagList button {
228-
margin-top: 0;
229-
padding-top: 0;
230-
padding-bottom: 4px;
231-
font-size: 95%;
232-
vertical-align: initial;
233-
}
234-
.tagList button .fa-close { margin-top: 3px; }
235-
236-
/* --- Search --- */
237-
.bulkActionButtons { margin-bottom: 6px; }
238-
.result {
239-
padding: 1rem;
240-
margin-left: -1.1rem;
241-
&:nth-child(even) { background-color: $gray-lighter; }
242-
&.embedded .getFull.expanded {
243-
margin-top: -6px;
244-
padding-top: .5rem;
245-
padding-bottom: .5rem;
246-
}
247-
}
248-
.result > p {padding:0 1em;}
249-
.result .label {
250-
display: inline-block;
251-
margin-bottom: 4px;
252-
}
253-
.result .long-view .tab-content {background: #FFF;}
254-
.result .media { margin: 0; }
255-
.result .row { padding: 0; }
256-
.result .savedLists {
257-
margin: 0 0 4px;
258-
padding: 4px 0 4px 6px;
259-
}
260-
.result .savedLists ul { padding-left: 18px; }
261-
.search-controls label { text-align: left; }
262-
@media (max-width: 767px) {
263-
.result .search-controls .form-inline { text-align: left; }
264-
.search-controls {
265-
margin: 4px -4px;
266-
padding: 4px 0;
267-
}
268-
}
269-
270130
/* --- Sidebar --- */
271131
.sidebar {
272132
.list-group { margin-bottom: 5px; }

‎themes/bootprint3/scss/common.scss‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
a,
2+
.btn-link {
3+
color: #06C;
4+
&:hover { color: #09F; }
5+
}
6+
.alert { padding: 8px; }
7+
.breadcrumbs .container {
8+
border-top: 1px solid #ddd;
9+
border-bottom: 1px solid #ddd;
10+
}
11+
.breadcrumb {
12+
margin-top: .25rem;
13+
margin-bottom: .25rem;
14+
padding-left: 0;
15+
font-size: 12px;
16+
}
17+
.btn { padding: 3px 5px 2px; }
18+
.btn.btn-default {
19+
background: $gray-lighter;
20+
background-image: linear-gradient(#fff, $nav-tabs-border-color);
21+
border: 1px solid $gray;
22+
color: $gray-darker;
23+
text-shadow: 0 1px 0 #fff;
24+
}
25+
.btn:not(.btn-default) { font-weight:bold; }
26+
.btn-danger,
27+
.btn-danger:hover { border-color:darken($brand-danger, 12%); }
28+
.btn-info,
29+
.btn-info:hover { border-color:darken($brand-info, 12%); }
30+
.btn-primary,
31+
.btn-primary:hover { border-color:darken($brand-primary, 12%); }
32+
.btn-success,
33+
.btn-success:hover { border-color:darken($brand-success, 12%); }
34+
.btn-warning,
35+
.btn-warning:hover { border-color:darken($brand-warning, 12%); }
36+
.container {
37+
padding: 0;
38+
background: #fff;
39+
}
40+
41+
h2 { margin: 8px 0; }
42+
43+
.container {
44+
padding-left: 1rem;
45+
padding-right: 1rem;
46+
background: #fff;
47+
}
48+
49+
input[type=radio],
50+
input[type=checkbox] {
51+
margin: 2px auto 0;
52+
padding: 0 2px;
53+
}
54+
.nav > li > a { padding: 5px 10px; }
55+
.nav-pills {
56+
display: table;
57+
margin: 0 auto;
58+
}
59+
.navbar { min-height: 1px; }
60+
.navbar-form {
61+
margin-top: .5rem;
62+
margin-bottom: .5rem;
63+
}
64+
.pagination {
65+
display: table;
66+
margin: 18px auto;
67+
}
68+
.pagination > li > a,
69+
.pagination > li > span { padding: 4px 12px 3px; }
70+
.pagination > .active > a,
71+
.pagination > .active > a:focus,
72+
.pagination > .active > a:hover,
73+
.pagination > .active > span,
74+
.pagination > .active > span:focus,
75+
.pagination > .active > span:hover {
76+
background: $brand-primary;
77+
border-color: $brand-primary;
78+
}
79+
.panel-heading { padding: 0; }
80+
.panel-heading a {
81+
cursor: pointer;
82+
display: inline-block;
83+
padding: 6px;
84+
width: 100%;
85+
}
86+
.row:not(.top-row) {
87+
padding: 6px 4px;
88+
margin: 0 -4px;
89+
}
90+
.row > p { padding: 0 1em; }
91+
.sub-breadcrumb { padding: 0 5px; }
92+
.tab-content {
93+
padding: 6px 8px;
94+
border: 1px solid $gray-lighter;
95+
border-top: 0;
96+
}
97+
98+
@media (max-width: 767px) {
99+
.label { font-size: 85%; }
100+
}
101+
@media (min-width: 768px) {
102+
.badge {
103+
font-size: 85%;
104+
margin-top: 1px;
105+
}
106+
.label { padding-top: .3em; }
107+
.modal-dialog { width: 650px; }
108+
}

‎themes/bootprint3/scss/forms.scss‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
legend { margin: 0; }
2+
3+
@media (min-width: 768px) {
4+
.form-fix-database,
5+
.form-oai-home,
6+
.form-search-reserves {
7+
.control-label {
8+
width: 200px;
9+
padding-left: 1rem;
10+
padding-right: 1rem;
11+
text-align: right;
12+
}
13+
.form-control {
14+
display: inline-table;
15+
width: 300px;
16+
}
17+
.form-group > .btn:first-child { margin-left: 200px; }
18+
}
19+
}

0 commit comments

Comments
 (0)