Skip to content
Snippets Groups Projects
Commit 9f3b29e3 authored by Demian Katz's avatar Demian Katz
Browse files

lessToSass

parent 942ebadc
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 138 additions and 131 deletions
themes/bootprint3/scss/bootprint.scss
+ 2
− 2
View file @ 9f3b29e3
...@@ -10,8 +10,8 @@ ...@@ -10,8 +10,8 @@
@import "search"; @import "search";
@import "forms"; @import "forms";
$brand-primary: #619144; /* a11y overrides $brand-primary in sass */ $brand-primary: #619144 !default; /* a11y overrides $brand-primary in sass */
$active-orange: #E70; $active-orange: #E70 !default;
/* --- Bootstrap MODS ---*/ /* --- Bootstrap MODS ---*/
@import "common"; @import "common";
......
themes/bootprint3/scss/icons.scss
+ 1
− 1
View file @ 9f3b29e3
$bp3-icon-path: '../../bootprint3/images/icons'; $bp3-icon-path: '../../bootprint3/images/icons' !default;
.doi-icon { width: 16px; } .doi-icon { width: 16px; }
.bp-icon { .bp-icon {
background-position: center center; background-position: center center;
......
themes/bootprint3/scss/variables.scss
+ 28
− 28
View file @ 9f3b29e3
$brand-primary: #619144; $brand-primary: #619144 !default;
$font-size-base: 13px; $font-size-base: 13px !default;
$padding-base-vertical : 3px; $padding-base-vertical : 3px !default;
$padding-base-horizontal : 5px; $padding-base-horizontal : 5px !default;
$padding-large-vertical : 8px; $padding-large-vertical : 8px !default;
$padding-large-horizontal: 5px; $padding-large-horizontal: 5px !default;
$padding-small-vertical : 1px; $padding-small-vertical : 1px !default;
$padding-small-horizontal: 2px; $padding-small-horizontal: 2px !default;
$padding-xs-horizontal : 1px; $padding-xs-horizontal : 1px !default;
$border-radius-base : 3px; $border-radius-base : 3px !default;
$border-radius-large: 5px; $border-radius-large: 5px !default;
$border-radius-small: 2px; $border-radius-small: 2px !default;
$input-border-focus: $brand-primary; $input-border-focus: $brand-primary !default;
$legend-border-color: #777; // $gray-light $legend-border-color: #777 !default; // $gray-light
$grid-gutter-width: 14px; $grid-gutter-width: 14px !default;
$container-desktop : 952px; $container-desktop : 952px !default;
$container-large-desktop: 952px; $container-large-desktop: 952px !default;
$navbar-height : 65px; $navbar-height : 65px !default;
$navbar-margin-bottom: 0px; $navbar-margin-bottom: 0px !default;
$nav-link-padding : 5px; $nav-link-padding : 5px !default;
$pagination-active-bg : #5bc0de; // $brand-info $pagination-active-bg : #5bc0de !default; // $brand-info
$pagination-active-border: #5bc0de; // $brand-info $pagination-active-border: #5bc0de !default; // $brand-info
$panel-body-padding: 5px; $panel-body-padding: 5px !default;
$breadcrumb-padding-vertical : 6px; $breadcrumb-padding-vertical : 6px !default;
$breadcrumb-padding-horizontal: 20px; $breadcrumb-padding-horizontal: 20px !default;
$breadcrumb-bg : #FFF; $breadcrumb-bg : #FFF !default;
$breadcrumb-color : #777; // $gray-light $breadcrumb-color : #777 !default; // $gray-light
$breadcrumb-active-color : #333; // $gray-dark $breadcrumb-active-color : #333 !default; // $gray-dark
\ No newline at end of file \ No newline at end of file
themes/bootstrap3/scss/bootstrap.scss
+ 1
− 1
View file @ 9f3b29e3
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
@import "vendor/font-awesome/font-awesome"; @import "vendor/font-awesome/font-awesome";
<#LESS */ <#LESS */
/* #SCSS> */ /* #SCSS> */
$fa-font-path: "../../bootstrap3/css/fonts"; $fa-font-path: "../../bootstrap3/css/fonts" !default;
@import "vendor/bootstrap"; @import "vendor/bootstrap";
@import "vendor/font-awesome/font-awesome"; @import "vendor/font-awesome/font-awesome";
/* <#SCSS */ /* <#SCSS */
......
themes/bootstrap3/scss/components/accessibility.scss
+ 4
− 4
View file @ 9f3b29e3
...@@ -8,12 +8,12 @@ a { ...@@ -8,12 +8,12 @@ a {
} }
/* AAA Color Contrasts */ /* AAA Color Contrasts */
$badge-bg: #595959; $badge-bg: #595959 !default;
$breadcrumb-color: #535353; $breadcrumb-color: #535353 !default;
$breadcrumb-active-color: #444; $breadcrumb-active-color: #444 !default;
$state-danger-text: #8a211e; $state-danger-text: #8a211e !default;
.alert-danger, .alert-danger,
.alert-danger a { .alert-danger a {
color: $state-danger-text; color: $state-danger-text;
......
themes/bootstrap3/scss/components/autocomplete.scss
+ 5
− 5
View file @ 9f3b29e3
/* https://github.com/vufind-org/autocomplete.js 1.0b */ /* https://github.com/vufind-org/autocomplete.js 1.0b */
$autocomplete-item-bg : #fff; $autocomplete-item-bg : #fff !default;
$autocomplete-active-bg : $brand-primary; $autocomplete-active-bg : $brand-primary !default;
$autocomplete-hover-bg : lighten($brand-primary, 40%); $autocomplete-hover-bg : lighten($brand-primary, 40%) !default;
$autocomplete-border : lightgray; $autocomplete-border : lightgray !default;
$autocomplete-secondary : darkgray; // item description $autocomplete-secondary : darkgray !default; // item description
.autocomplete-results { .autocomplete-results {
position: absolute; position: absolute;
......
themes/bootstrap3/scss/components/lightbox.scss
+ 8
− 1
View file @ 9f3b29e3
...@@ -34,6 +34,13 @@ ...@@ -34,6 +34,13 @@
margin-bottom: 1.3rem; margin-bottom: 1.3rem;
} }
#modal-title {
display: block;
padding: 0.8rem 1rem 0.7rem;
font-size: 23px;
font-weight: normal;
}
#modal .cart-controls .btn { margin-bottom: 4px; } #modal .cart-controls .btn { margin-bottom: 4px; }
#modal .cart-controls .checkbox { padding-bottom: 1rem; } #modal .cart-controls .checkbox { padding-bottom: 1rem; }
#modal .cart-controls ~ hr { margin-top: 0; } #modal .cart-controls ~ hr { margin-top: 0; }
...@@ -48,4 +55,4 @@ body.rtl .modal-loading { float: left; } ...@@ -48,4 +55,4 @@ body.rtl .modal-loading { float: left; }
#modal .lightbox-only { display: initial; } #modal .lightbox-only { display: initial; }
// Image display // Image display
.lightbox-image { text-align: center; } .lightbox-image { text-align: center; }
\ No newline at end of file
themes/bootstrap3/scss/components/offcanvas.scss
+ 1
− 1
View file @ 9f3b29e3
$offcanvas-offset: 80vw; // Width of open menu $offcanvas-offset: 80vw !default; // Width of open menu
.offcanvas-overlay { display: none; } .offcanvas-overlay { display: none; }
......
themes/bootstrap3/scss/components/search.scss
+ 3
− 3
View file @ 9f3b29e3
// Thumbnail sizes for media items: search results, list entries, record views // Thumbnail sizes for media items: search results, list entries, record views
$thumbnail-width-small: 60px; $thumbnail-width-small: 60px !default;
$thumbnail-width-medium: 100px; $thumbnail-width-medium: 100px !default;
$thumbnail-width-large: 160px; $thumbnail-width-large: 160px !default;
// Hide these on mobile // Hide these on mobile
@media (max-width: 767px) { @media (max-width: 767px) {
......
themes/bootstrap3/scss/components/variables.scss
+ 32
− 32
View file @ 9f3b29e3
// Make sure Font Awesome icons are loaded properly // Make sure Font Awesome icons are loaded properly
/* #LESS> /* #LESS>
$fa-font-path: "../../../../../../themes/bootstrap3/css/fonts"; $fa-font-path: "../../../../../../themes/bootstrap3/css/fonts" !default;
<#LESS */ <#LESS */
/** /**
...@@ -8,47 +8,47 @@ $fa-font-path: "../../../../../../themes/bootstrap3/css/fonts"; ...@@ -8,47 +8,47 @@ $fa-font-path: "../../../../../../themes/bootstrap3/css/fonts";
* with comments and their defaults. See /themes/bootstrap3/less/vendor/bootstrap/variables.less for more. * with comments and their defaults. See /themes/bootstrap3/less/vendor/bootstrap/variables.less for more.
*/ */
// $padding-base-vertical: 6px; // Buttons, tabs, and other padding // $padding-base-vertical: 6px !default; // Buttons, tabs, and other padding
// $padding-base-horizontal: 12px; // $padding-base-horizontal: 12px !default;
// $navbar-height: 50px; // $navbar-height: 50px !default;
// $border-radius-base: 4px; // $border-radius-base: 4px !default;
/* ------ COLORS ------ */ /* ------ COLORS ------ */
// $gray-base: #000; // $gray-base: #000 !default;
// $gray-darker: lighten($gray-base, 13.5%); // #222 // $gray-darker: lighten($gray-base, 13.5%) !default; // #222
// $gray-dark: lighten($gray-base, 20.0%); // #333 // $gray-dark: lighten($gray-base, 20.0%) !default; // #333
// $gray: lighten($gray-base, 33.5%); // #555 // $gray: lighten($gray-base, 33.5%) !default; // #555
// $gray-light: lighten($gray-base, 46.7%); // #777 // $gray-light: lighten($gray-base, 46.7%) !default; // #777
// $gray-lighter: lighten($gray-base, 93.5%); // #eee // $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
// //
// $brand-primary: darken(#428bca, 6.5%); // #337ab7 (primary buttons, links, and active elements) // $brand-primary: darken(#428bca, 6.5%) !default; // #337ab7 (primary buttons, links, and active elements)
// $brand-success: #5cb85c; // $brand-success: #5cb85c !default;
// $brand-info: #5bc0de; // $brand-info: #5bc0de !default;
// $brand-warning: #f0ad4e; // $brand-warning: #f0ad4e !default;
// $brand-danger: #d9534f; // $brand-danger: #d9534f !default;
// $list-group-border: #ddd; // Borders on menus and sidebars // $list-group-border: #ddd !default; // Borders on menus and sidebars
// $text-color: $gray-dark; // $text-color: $gray-dark !default;
// $link-color: $brand-primary; // $link-color: $brand-primary !default;
// $link-hover-color: darken($link-color, 15%); // $link-hover-color: darken($link-color, 15%) !default;
// Define colors for form feedback states and, by default, alerts. // Define colors for form feedback states and, by default, alerts.
// $state-success-text: #3c763d; // $state-success-text: #3c763d !default;
// $state-success-bg: #dff0d8; // $state-success-bg: #dff0d8 !default;
// $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%); // $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
// //
// $state-info-text: #31708f; // $state-info-text: #31708f !default;
// $state-info-bg: #d9edf7; // $state-info-bg: #d9edf7 !default;
// $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); // $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
// //
// $state-warning-text: #8a6d3b; // $state-warning-text: #8a6d3b !default;
// $state-warning-bg: #fcf8e3; // $state-warning-bg: #fcf8e3 !default;
// $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%); // $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
// //
// $state-danger-text: #a94442; // $state-danger-text: #a94442 !default;
// $state-danger-bg: #f2dede; // $state-danger-bg: #f2dede !default;
// $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%); // $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
themes/sandal/scss/colors.scss
+ 41
− 41
View file @ 9f3b29e3
@import 'vendor/tachyons-colors'; // Import colors from the tachyons library @import 'vendor/tachyons-colors'; // Import colors from the tachyons library
/* Material Colors can be found here: https://material.io/guidelines/style/color.html */ /* Material Colors can be found here: https://material.io/guidelines/style/color.html */
$brand-primary: #1976d2; /* Material Blue 700 */ $brand-primary: #1976d2 !default; /* Material Blue 700 */
$brand-secondary: #ff6d00; /* Material Orange A700 */ $brand-secondary: #ff6d00 !default; /* Material Orange A700 */
$header-bg: #607d8b; /* Material Blue Grey 500 */ $header-bg: #607d8b !default; /* Material Blue Grey 500 */
$header-light: #cfd8dc; /* Material Blue Grey 100 */ $header-light: #cfd8dc !default; /* Material Blue Grey 100 */
$action-color: $brand-primary; $action-color: $brand-primary !default;
$action-hover-bg: $white; $action-hover-bg: $white !default;
$action-hover-color: $black; $action-hover-color: $black !default;
$passive-icon-color: $gray; $passive-icon-color: $gray !default;
$highlighter-color: lighten(#FF0, 20%); $highlighter-color: lighten(#FF0, 20%) !default;
$search-row-bg: $white; $search-row-bg: $white !default;
$search-row-bg-alt: $light-gray; $search-row-bg-alt: $light-gray !default;
$search-row-bg-hover: $lightest-blue; $search-row-bg-hover: $lightest-blue !default;
$search-row-selected-bg: $brand-primary; $search-row-selected-bg: $brand-primary !default;
$search-row-selected-color: $white; $search-row-selected-color: $white !default;
$sidebar-title-bg: $white; $sidebar-title-bg: $white !default;
$sidebar-title-color: $near-black; $sidebar-title-color: $near-black !default;
$sidebar-title-icon-color: $light-gray; $sidebar-title-icon-color: $light-gray !default;
$sidebar-item-bg: $white; $sidebar-item-bg: $white !default;
$sidebar-item-color: $black; $sidebar-item-color: $black !default;
$sidebar-item-hover-bg: $lightest-blue; $sidebar-item-hover-bg: $lightest-blue !default;
$sidebar-item-badge: $gray; $sidebar-item-badge: $gray !default;
$sidebar-active-bg: $brand-secondary; $sidebar-active-bg: $brand-secondary !default;
$sidebar-active-color: $white; $sidebar-active-color: $white !default;
/* Bootstrap variable changes */ /* Bootstrap variable changes */
$link-color: #1565c0; /* Material Blue 800 */ $link-color: #1565c0 !default; /* Material Blue 800 */
$link-color-hover: #0d47a1; /* Material Blue 900 */ $link-color-hover: #0d47a1 !default; /* Material Blue 900 */
$input-border: $light-silver; $input-border: $light-silver !default;
$input-color: $dark-gray; $input-color: $dark-gray !default;
$btn-default-bg: $light-gray; $btn-default-bg: $light-gray !default;
$btn-default-color: $near-black; $btn-default-color: $near-black !default;
$btn-primary-bg: $action-color; $btn-primary-bg: $action-color !default;
$input-border-radius: .25rem; $input-border-radius: .25rem !default;
$autocomplete-hover-bg: $header-light; $autocomplete-hover-bg: $header-light !default;
$dropdown-link-hover-bg: $header-light; $dropdown-link-hover-bg: $header-light !default;
$dropdown-link-hover-color: $black; $dropdown-link-hover-color: $black !default;
$list-group-active-bg: $brand-secondary; $list-group-active-bg: $brand-secondary !default;
$table-bg-hover: $header-light; $table-bg-hover: $header-light !default;
$pagination-color: $header-bg; $pagination-color: $header-bg !default;
themes/sandal/scss/common.scss
+ 4
− 4
View file @ 9f3b29e3
/* ------ Border radius changes ------ */ /* ------ Border radius changes ------ */
$list-group-border-radius: 0; $list-group-border-radius: 0 !default;
$border-radius-large: 0; // modal $border-radius-large: 0 !default; // modal
/* ------ Common element changes ------ */ /* ------ Common element changes ------ */
.help-block { .help-block {
...@@ -99,8 +99,8 @@ select.form-control { ...@@ -99,8 +99,8 @@ select.form-control {
.label { font-weight: 400; } .label { font-weight: 400; }
$pagination-border: transparent; $pagination-border: transparent !default;
$pagination-hover-border: transparent; $pagination-hover-border: transparent !default;
.pagination { .pagination {
@include clearfix(); @include clearfix();
display: table; display: table;
......
themes/sandal/scss/variables.scss
+ 8
− 8
View file @ 9f3b29e3
$reduced-font-size: 14px; $reduced-font-size: 14px !default;
$img-path: "../../sandal/images/"; $img-path: "../../sandal/images/" !default;
$banner-height: 60px; $banner-height: 60px !default;
$banner-height-sm: 40px; $banner-height-sm: 40px !default;
$search-tab-height: 2rem; $search-tab-height: 2rem !default;
$result-checkbox-width: 28px; $result-checkbox-width: 28px !default;
$result-checkbox-height: 80px; $result-checkbox-height: 80px !default;
$result-sm-icon-size: 1.5rem; $result-sm-icon-size: 1.5rem !default;
/* ------ Mixins ------ */ /* ------ Mixins ------ */
@mixin full-width(){ // Break out of the container @mixin full-width(){ // Break out of the container
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment