53
53
#wrap {
54
54
max-width : 1100px ;
55
55
margin : auto ;
56
- padding : 0 gutter () ;
56
+ padding : 0 $spacing-l ;
57
57
position : relative ;
58
58
}
59
59
@@ -178,8 +178,8 @@ textarea {
178
178
}
179
179
180
180
.field .field-meta {
181
- width : span ( 4 of 16 ) ;
182
- padding-right : gutter () ;
181
+ width : 25 % ;
182
+ padding-right : $spacing-l ;
183
183
text-align : right ;
184
184
line-height : 1.5 * $base-line-height ;
185
185
}
@@ -197,8 +197,8 @@ textarea {
197
197
}
198
198
199
199
.field .inputs {
200
- width : span ( 12 of 16 ) ;
201
- padding-left : gutter () ;
200
+ width : 75 % ;
201
+ padding-left : $spacing-l ;
202
202
}
203
203
204
204
.field .collapsible {
@@ -210,7 +210,7 @@ textarea {
210
210
211
211
.field .inputs ~ * ,
212
212
form input [type = " submit" ] {
213
- margin-left : calc (#{ span ( 4 of 16 )} + #{gutter () } );
213
+ margin-left : calc (25 % + #{$spacing-l } );
214
214
margin-top : $spacing-m ;
215
215
}
216
216
@@ -380,7 +380,9 @@ header a {
380
380
display : flex ;
381
381
align-items : center ;
382
382
overflow : hidden ;
383
- @include container ;
383
+ max-width : 100% ;
384
+ margin-left : auto ;
385
+ margin-right : auto ;
384
386
}
385
387
386
388
.banner img {
@@ -390,7 +392,7 @@ header a {
390
392
#search-container {
391
393
position : absolute ;
392
394
top : - (2 * $spacing-l );
393
- right : gutter () ;
395
+ right : $spacing-l ;
394
396
}
395
397
396
398
#search-container input [type = " text" ],
@@ -819,7 +821,7 @@ footer {
819
821
clear : both ;
820
822
821
823
.resource {
822
- padding : $spacing-l gutter () ;
824
+ padding : $spacing-l ;
823
825
width : 25% ;
824
826
font-size : .875 * $base-font-size ;
825
827
}
@@ -829,7 +831,7 @@ footer {
829
831
border-top : 1px solid $gray ;
830
832
831
833
.thumbnail {
832
- margin-left : gutter ( 8 ) ;
834
+ margin-left : $spacing-l ;
833
835
order : 2 ;
834
836
}
835
837
@@ -956,10 +958,10 @@ footer {
956
958
957
959
.property h4 ,
958
960
#linked-resources h4 {
959
- width : span ( 3 of 16 ) ;
961
+ width : 18.75 % ;
960
962
margin : 0 ;
961
963
text-align : right ;
962
- padding : 0 gutter () ;
964
+ padding : 0 $spacing-l ;
963
965
font-size : 1.25 * $base-font-size ;
964
966
}
965
967
@@ -970,8 +972,8 @@ footer {
970
972
971
973
.property .values ,
972
974
.property h4 + .value {
973
- width : span ( 13 of 16 ) ;
974
- padding : 0 gutter () ;
975
+ width : 81.25 % ;
976
+ padding : 0 $spacing-l ;
975
977
}
976
978
977
979
.property .values .value :not (:last-child ) {
@@ -1049,7 +1051,7 @@ footer {
1049
1051
}
1050
1052
1051
1053
#linked-resources > h4 {
1052
- padding : $spacing-s gutter () ;
1054
+ padding : $spacing-s $spacing-l ;
1053
1055
}
1054
1056
1055
1057
#item-linked .pagination {
@@ -1067,8 +1069,8 @@ footer {
1067
1069
#linked-resources .linked-resource {
1068
1070
border-bottom : 1px solid $gray ;
1069
1071
margin-bottom : $spacing-m ;
1070
- width : span ( 13 of 16 ) ;
1071
- padding : 0 gutter () #{$spacing-m - 1px } ;
1072
+ width : 81.25 % ;
1073
+ padding : 0 $spacing-l #{$spacing-m - 1px } ;
1072
1074
}
1073
1075
1074
1076
#linked-resources .resource-link {
@@ -1103,7 +1105,7 @@ footer {
1103
1105
bottom : $spacing-l ;
1104
1106
left : 0 ;
1105
1107
right : 0 ;
1106
- padding : $spacing-m gutter () (.75 * $spacing-l );
1108
+ padding : $spacing-m $spacing-l (.75 * $spacing-l );
1107
1109
background-color : rgba (0 ,0 ,0 ,.8 );
1108
1110
color : #fff ;
1109
1111
}
@@ -1199,15 +1201,15 @@ footer {
1199
1201
1200
1202
.page #content .sub-menu {
1201
1203
padding : 0 $spacing-l $spacing-l 0 ;
1202
- width : span ( 3 of 16 ) ;
1204
+ width : 18.75 % ;
1203
1205
float : left ;
1204
1206
position : sticky ;
1205
1207
top : $spacing-l ;
1206
1208
left : 0 ;
1207
1209
}
1208
1210
1209
1211
.page #content .sub-menu ~ * :not (.site-page-pagination ) {
1210
- width : span ( 13 of 16 ) ;
1212
+ width : 81.25 % ;
1211
1213
float : right ;
1212
1214
clear : none ;
1213
1215
}
0 commit comments