diff --git a/themes/bootprint3/scss/bootprint.scss b/themes/bootprint3/scss/bootprint.scss
index e7b204be19ae906062260cad3a0f0f5b17cf726a..c7463c8bdd1863993ed159a4633a2c250ed67617 100644
--- a/themes/bootprint3/scss/bootprint.scss
+++ b/themes/bootprint3/scss/bootprint.scss
@@ -10,8 +10,8 @@
@import "search";
@import "forms";
-$brand-primary: #619144 !default; /* a11y overrides $brand-primary in sass */
-$active-orange: #E70 !default;
+$brand-primary: #619144; /* a11y overrides $brand-primary in sass */
+$active-orange: #E70;
/* --- Bootstrap MODS ---*/
@import "common";
diff --git a/themes/bootprint3/scss/icons.scss b/themes/bootprint3/scss/icons.scss
index 8c2885d47543ad68e0a680c0964e53353b6f8ec9..48823e0f51b1c30be1167f84658954a214a303a9 100644
--- a/themes/bootprint3/scss/icons.scss
+++ b/themes/bootprint3/scss/icons.scss
@@ -1,4 +1,4 @@
-$bp3-icon-path: '../../bootprint3/images/icons' !default;
+$bp3-icon-path: '../../bootprint3/images/icons';
.doi-icon { width: 16px; }
.bp-icon {
background-position: center center;
diff --git a/themes/bootprint3/scss/variables.scss b/themes/bootprint3/scss/variables.scss
index 45a408d1e859b7f168c9ec595cbe47ab4472e5c1..dd2080deb69b44154cd96dc9b2a0223bb9bbac16 100644
--- a/themes/bootprint3/scss/variables.scss
+++ b/themes/bootprint3/scss/variables.scss
@@ -1,39 +1,39 @@
-$brand-primary: #619144 !default;
+$brand-primary: #619144;
-$font-size-base: 13px !default;
+$font-size-base: 13px;
-$padding-base-vertical : 3px !default;
-$padding-base-horizontal : 5px !default;
-$padding-large-vertical : 8px !default;
-$padding-large-horizontal: 5px !default;
-$padding-small-vertical : 1px !default;
-$padding-small-horizontal: 2px !default;
-$padding-xs-horizontal : 1px !default;
+$padding-base-vertical : 3px;
+$padding-base-horizontal : 5px;
+$padding-large-vertical : 8px;
+$padding-large-horizontal: 5px;
+$padding-small-vertical : 1px;
+$padding-small-horizontal: 2px;
+$padding-xs-horizontal : 1px;
-$border-radius-base : 3px !default;
-$border-radius-large: 5px !default;
-$border-radius-small: 2px !default;
+$border-radius-base : 3px;
+$border-radius-large: 5px;
+$border-radius-small: 2px;
-$input-border-focus: $brand-primary !default;
+$input-border-focus: $brand-primary;
-$legend-border-color: #777 !default; // $gray-light
+$legend-border-color: #777; // $gray-light
-$grid-gutter-width: 14px !default;
+$grid-gutter-width: 14px;
-$container-desktop : 952px !default;
-$container-large-desktop: 952px !default;
+$container-desktop : 952px;
+$container-large-desktop: 952px;
-$navbar-height : 65px !default;
-$navbar-margin-bottom: 0px !default;
-$nav-link-padding : 5px !default;
+$navbar-height : 65px;
+$navbar-margin-bottom: 0px;
+$nav-link-padding : 5px;
-$pagination-active-bg : #5bc0de !default; // $brand-info
-$pagination-active-border: #5bc0de !default; // $brand-info
+$pagination-active-bg : #5bc0de; // $brand-info
+$pagination-active-border: #5bc0de; // $brand-info
-$panel-body-padding: 5px !default;
+$panel-body-padding: 5px;
-$breadcrumb-padding-vertical : 6px !default;
-$breadcrumb-padding-horizontal: 20px !default;
-$breadcrumb-bg : #FFF !default;
-$breadcrumb-color : #777 !default; // $gray-light
-$breadcrumb-active-color : #333 !default; // $gray-dark
\ No newline at end of file
+$breadcrumb-padding-vertical : 6px;
+$breadcrumb-padding-horizontal: 20px;
+$breadcrumb-bg : #FFF;
+$breadcrumb-color : #777; // $gray-light
+$breadcrumb-active-color : #333; // $gray-dark
\ No newline at end of file
diff --git a/themes/bootstrap3/scss/bootstrap.scss b/themes/bootstrap3/scss/bootstrap.scss
index 598ade7062a67de7955d2ae418020a5d82fa35b7..3b1ccd9bdbc096829e3dd854add7783fcd8b94f5 100644
--- a/themes/bootstrap3/scss/bootstrap.scss
+++ b/themes/bootstrap3/scss/bootstrap.scss
@@ -3,14 +3,12 @@
@import "vendor/font-awesome/font-awesome";
<#LESS */
/* #SCSS> */
-$fa-font-path: "../../bootstrap3/css/fonts" !default;
+$fa-font-path: "../../bootstrap3/css/fonts";
@import "vendor/bootstrap";
@import "vendor/font-awesome/font-awesome";
/* <#SCSS */
-@import "vendor/bootstrap-accessibility/bootstrap-accessibility";
-@import "vendor/a11y";
-
+@import "components/accessibility";
@import "components/variables";
@import "components/advanced-search";
diff --git a/themes/bootstrap3/scss/components/accessibility.scss b/themes/bootstrap3/scss/components/accessibility.scss
new file mode 100644
index 0000000000000000000000000000000000000000..97864747b8352d7fbaff213adfb69db12dfd08f5
--- /dev/null
+++ b/themes/bootstrap3/scss/components/accessibility.scss
@@ -0,0 +1,20 @@
+@import "../vendor/bootstrap-accessibility/bootstrap-accessibility";
+@import "../vendor/a11y";
+
+/* ACCESSIBILITY IMPROVEMENTS */
+
+a {
+ text-decoration: underline;
+}
+
+/* AAA Color Contrasts */
+$badge-bg: #595959;
+
+$breadcrumb-color: #535353;
+$breadcrumb-active-color: #444;
+
+$state-danger-text: #8a211e;
+.alert-danger,
+.alert-danger a {
+ color: $state-danger-text;
+}
diff --git a/themes/bootstrap3/scss/components/autocomplete.scss b/themes/bootstrap3/scss/components/autocomplete.scss
index 4d72a36ed4f8ea1d37a9e7fef895ba6db69a066c..78714f48835ccdce3e47dffde3205bfe7c85abd4 100644
--- a/themes/bootstrap3/scss/components/autocomplete.scss
+++ b/themes/bootstrap3/scss/components/autocomplete.scss
@@ -1,9 +1,9 @@
/* https://github.com/vufind-org/autocomplete.js 1.0b */
-$autocomplete-item-bg : #fff !default;
-$autocomplete-active-bg : $brand-primary !default;
-$autocomplete-hover-bg : lighten($brand-primary, 40%) !default;
-$autocomplete-border : lightgray !default;
-$autocomplete-secondary : darkgray !default; // item description
+$autocomplete-item-bg : #fff;
+$autocomplete-active-bg : $brand-primary;
+$autocomplete-hover-bg : lighten($brand-primary, 40%);
+$autocomplete-border : lightgray;
+$autocomplete-secondary : darkgray; // item description
.autocomplete-results {
position: absolute;
diff --git a/themes/bootstrap3/scss/components/lightbox.scss b/themes/bootstrap3/scss/components/lightbox.scss
index d7adf7a0bfd9a6bc76819e5e0af496c9ebb7130f..b1af70eb615c7d225ff774bfd69525af9c104d0c 100644
--- a/themes/bootstrap3/scss/components/lightbox.scss
+++ b/themes/bootstrap3/scss/components/lightbox.scss
@@ -6,7 +6,7 @@
right: 0;
z-index: 2;
padding: .5rem 1rem;
- opacity: .7;
+ opacity: 1;
body.rtl & {
left: 0;
@@ -15,17 +15,19 @@
}
@media (min-width: 768px) {
#modal .modal-content > .close { // Fancy side X button
- right: -50px;
+ right: -60px;
font-size: 32pt;
color: #fff;
+ background-color: rgba(0,0,0,0);
+ border-radius: 6px;
body.rtl & {
- left: -50px;
+ left: -60px;
right: auto;
}
}
}
-#modal .modal-content > .close:hover { opacity: 1; }
+#modal .modal-content > .close:hover { background-color: #000; }
#modal .modal-body h1,
#modal .modal-body h2 {
margin-top: 0.3rem;
diff --git a/themes/bootstrap3/scss/components/offcanvas.scss b/themes/bootstrap3/scss/components/offcanvas.scss
index 25140559c0f8a123c5bdee11ba40b85793be09ba..943ce7bbd656b063ddb509eda1aa607e08c89825 100644
--- a/themes/bootstrap3/scss/components/offcanvas.scss
+++ b/themes/bootstrap3/scss/components/offcanvas.scss
@@ -1,4 +1,4 @@
-$offcanvas-offset: 80vw !default; // Width of open menu
+$offcanvas-offset: 80vw; // Width of open menu
.offcanvas-overlay { display: none; }
diff --git a/themes/bootstrap3/scss/components/search.scss b/themes/bootstrap3/scss/components/search.scss
index 278bf276be9a957f75bb825b5dd8bf8fea9e326d..cb9dc7aa975a3fd3619ececec78e83a0b31f9ecf 100644
--- a/themes/bootstrap3/scss/components/search.scss
+++ b/themes/bootstrap3/scss/components/search.scss
@@ -1,7 +1,7 @@
// Thumbnail sizes for media items: search results, list entries, record views
-$thumbnail-width-small: 60px !default;
-$thumbnail-width-medium: 100px !default;
-$thumbnail-width-large: 160px !default;
+$thumbnail-width-small: 60px;
+$thumbnail-width-medium: 100px;
+$thumbnail-width-large: 160px;
// Hide these on mobile
@media (max-width: 767px) {
diff --git a/themes/bootstrap3/scss/components/variables.scss b/themes/bootstrap3/scss/components/variables.scss
index da161c60fe9cf4e284a28384bc658635ef2ca245..5603a0c582641c28344123d09f559101f2fe76cd 100644
--- a/themes/bootstrap3/scss/components/variables.scss
+++ b/themes/bootstrap3/scss/components/variables.scss
@@ -1,6 +1,6 @@
// Make sure Font Awesome icons are loaded properly
/* #LESS>
-$fa-font-path: "../../../../../../themes/bootstrap3/css/fonts" !default;
+$fa-font-path: "../../../../../../themes/bootstrap3/css/fonts";
<#LESS */
/**
@@ -8,47 +8,47 @@ $fa-font-path: "../../../../../../themes/bootstrap3/css/fonts" !default;
* with comments and their defaults. See /themes/bootstrap3/less/vendor/bootstrap/variables.less for more.
*/
-// $padding-base-vertical: 6px !default; // Buttons, tabs, and other padding
-// $padding-base-horizontal: 12px !default;
+// $padding-base-vertical: 6px; // Buttons, tabs, and other padding
+// $padding-base-horizontal: 12px;
-// $navbar-height: 50px !default;
+// $navbar-height: 50px;
-// $border-radius-base: 4px !default;
+// $border-radius-base: 4px;
/* ------ COLORS ------ */
-// $gray-base: #000 !default;
-// $gray-darker: lighten($gray-base, 13.5%) !default; // #222
-// $gray-dark: lighten($gray-base, 20.0%) !default; // #333
-// $gray: lighten($gray-base, 33.5%) !default; // #555
-// $gray-light: lighten($gray-base, 46.7%) !default; // #777
-// $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
+// $gray-base: #000;
+// $gray-darker: lighten($gray-base, 13.5%); // #222
+// $gray-dark: lighten($gray-base, 20.0%); // #333
+// $gray: lighten($gray-base, 33.5%); // #555
+// $gray-light: lighten($gray-base, 46.7%); // #777
+// $gray-lighter: lighten($gray-base, 93.5%); // #eee
//
-// $brand-primary: darken(#428bca, 6.5%) !default; // #337ab7 (primary buttons, links, and active elements)
-// $brand-success: #5cb85c !default;
-// $brand-info: #5bc0de !default;
-// $brand-warning: #f0ad4e !default;
-// $brand-danger: #d9534f !default;
+// $brand-primary: darken(#428bca, 6.5%); // #337ab7 (primary buttons, links, and active elements)
+// $brand-success: #5cb85c;
+// $brand-info: #5bc0de;
+// $brand-warning: #f0ad4e;
+// $brand-danger: #d9534f;
-// $list-group-border: #ddd !default; // Borders on menus and sidebars
+// $list-group-border: #ddd; // Borders on menus and sidebars
-// $text-color: $gray-dark !default;
-// $link-color: $brand-primary !default;
-// $link-hover-color: darken($link-color, 15%) !default;
+// $text-color: $gray-dark;
+// $link-color: $brand-primary;
+// $link-hover-color: darken($link-color, 15%);
// Define colors for form feedback states and, by default, alerts.
-// $state-success-text: #3c763d !default;
-// $state-success-bg: #dff0d8 !default;
-// $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
+// $state-success-text: #3c763d;
+// $state-success-bg: #dff0d8;
+// $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
//
-// $state-info-text: #31708f !default;
-// $state-info-bg: #d9edf7 !default;
-// $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
+// $state-info-text: #31708f;
+// $state-info-bg: #d9edf7;
+// $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
//
-// $state-warning-text: #8a6d3b !default;
-// $state-warning-bg: #fcf8e3 !default;
-// $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
+// $state-warning-text: #8a6d3b;
+// $state-warning-bg: #fcf8e3;
+// $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%);
//
-// $state-danger-text: #a94442 !default;
-// $state-danger-bg: #f2dede !default;
-// $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
+// $state-danger-text: #a94442;
+// $state-danger-bg: #f2dede;
+// $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%);
diff --git a/themes/sandal/scss/colors.scss b/themes/sandal/scss/colors.scss
index 17de5ebb4071c141126be6e58c2118a3e792152d..6eb6c5f569d3cf1ec4551487b3317564e388c54d 100644
--- a/themes/sandal/scss/colors.scss
+++ b/themes/sandal/scss/colors.scss
@@ -1,50 +1,50 @@
@import 'vendor/tachyons-colors'; // Import colors from the tachyons library
/* Material Colors can be found here: https://material.io/guidelines/style/color.html */
-$brand-primary: #1976d2 !default; /* Material Blue 700 */
-$brand-secondary: #ff6d00 !default; /* Material Orange A700 */
-
-$header-bg: #607d8b !default; /* Material Blue Grey 500 */
-$header-light: #cfd8dc !default; /* Material Blue Grey 100 */
-
-$action-color: $brand-primary !default;
-$action-hover-bg: $white !default;
-$action-hover-color: $black !default;
-$passive-icon-color: $gray !default;
-$highlighter-color: lighten(#FF0, 20%) !default;
-
-$search-row-bg: $white !default;
-$search-row-bg-alt: $light-gray !default;
-$search-row-bg-hover: $lightest-blue !default;
-$search-row-selected-bg: $brand-primary !default;
-$search-row-selected-color: $white !default;
-
-$sidebar-title-bg: $white !default;
-$sidebar-title-color: $near-black !default;
-$sidebar-title-icon-color: $light-gray !default;
-$sidebar-item-bg: $white !default;
-$sidebar-item-color: $black !default;
-$sidebar-item-hover-bg: $lightest-blue !default;
-$sidebar-item-badge: $gray !default;
-$sidebar-active-bg: $brand-secondary !default;
-$sidebar-active-color: $white !default;
+$brand-primary: #1976d2; /* Material Blue 700 */
+$brand-secondary: #ff6d00; /* Material Orange A700 */
+
+$header-bg: #607d8b; /* Material Blue Grey 500 */
+$header-light: #cfd8dc; /* Material Blue Grey 100 */
+
+$action-color: $brand-primary;
+$action-hover-bg: $white;
+$action-hover-color: $black;
+$passive-icon-color: $gray;
+$highlighter-color: lighten(#FF0, 20%);
+
+$search-row-bg: $white;
+$search-row-bg-alt: $light-gray;
+$search-row-bg-hover: $lightest-blue;
+$search-row-selected-bg: $brand-primary;
+$search-row-selected-color: $white;
+
+$sidebar-title-bg: $white;
+$sidebar-title-color: $near-black;
+$sidebar-title-icon-color: $light-gray;
+$sidebar-item-bg: $white;
+$sidebar-item-color: $black;
+$sidebar-item-hover-bg: $lightest-blue;
+$sidebar-item-badge: $gray;
+$sidebar-active-bg: $brand-secondary;
+$sidebar-active-color: $white;
/* Bootstrap variable changes */
-$link-color: #1565c0 !default; /* Material Blue 800 */
-$link-color-hover: #0d47a1 !default; /* Material Blue 900 */
+$link-color: #1565c0; /* Material Blue 800 */
+$link-color-hover: #0d47a1; /* Material Blue 900 */
-$input-border: $light-silver !default;
-$input-color: $dark-gray !default;
-$btn-default-bg: $light-gray !default;
-$btn-default-color: $near-black !default;
-$btn-primary-bg: $action-color !default;
+$input-border: $light-silver;
+$input-color: $dark-gray;
+$btn-default-bg: $light-gray;
+$btn-default-color: $near-black;
+$btn-primary-bg: $action-color;
-$input-border-radius: .25rem !default;
+$input-border-radius: .25rem;
-$autocomplete-hover-bg: $header-light !default;
-$dropdown-link-hover-bg: $header-light !default;
-$dropdown-link-hover-color: $black !default;
-$list-group-active-bg: $brand-secondary !default;
-$table-bg-hover: $header-light !default;
-$pagination-color: $header-bg !default;
+$autocomplete-hover-bg: $header-light;
+$dropdown-link-hover-bg: $header-light;
+$dropdown-link-hover-color: $black;
+$list-group-active-bg: $brand-secondary;
+$table-bg-hover: $header-light;
+$pagination-color: $header-bg;
diff --git a/themes/sandal/scss/common.scss b/themes/sandal/scss/common.scss
index f835a95b6db203c302fcfe5627b3ead5159e8153..0ed8798050c0a4003f1c1e0271e0ad2a0da9b03c 100644
--- a/themes/sandal/scss/common.scss
+++ b/themes/sandal/scss/common.scss
@@ -1,6 +1,6 @@
/* ------ Border radius changes ------ */
-$list-group-border-radius: 0 !default;
-$border-radius-large: 0 !default; // modal
+$list-group-border-radius: 0;
+$border-radius-large: 0; // modal
/* ------ Common element changes ------ */
.help-block {
@@ -99,8 +99,8 @@ select.form-control {
.label { font-weight: 400; }
-$pagination-border: transparent !default;
-$pagination-hover-border: transparent !default;
+$pagination-border: transparent;
+$pagination-hover-border: transparent;
.pagination {
@include clearfix();
display: table;
diff --git a/themes/sandal/scss/variables.scss b/themes/sandal/scss/variables.scss
index 8e18e8bbbd73663bc9fa2cb937470343265b8f3c..294c2fcb7b78c296d79ef80d2431047eeddc5ab2 100644
--- a/themes/sandal/scss/variables.scss
+++ b/themes/sandal/scss/variables.scss
@@ -1,13 +1,13 @@
-$reduced-font-size: 14px !default;
-$img-path: "../../sandal/images/" !default;
+$reduced-font-size: 14px;
+$img-path: "../../sandal/images/";
-$banner-height: 60px !default;
-$banner-height-sm: 40px !default;
-$search-tab-height: 2rem !default;
+$banner-height: 60px;
+$banner-height-sm: 40px;
+$search-tab-height: 2rem;
-$result-checkbox-width: 28px !default;
-$result-checkbox-height: 80px !default;
-$result-sm-icon-size: 1.5rem !default;
+$result-checkbox-width: 28px;
+$result-checkbox-height: 80px;
+$result-sm-icon-size: 1.5rem;
/* ------ Mixins ------ */
@mixin full-width(){ // Break out of the container