Skip to content
Snippets Groups Projects
Commit 475aea62 authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Configure lite build for #46 

Offers: full fat, lite, extras
parent e0a1132a
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
css/foundation/_settings.scss → css/foundation/_settings-common.scss
+ 1
− 68
View file @ 475aea62
// Note: this file will be built using 'npm run scss' or, directly, using 'npm run foundation-scss'.
// This file could become the the EBI theme and would move up one driectory to _ebi_global_theme.scss
// These are the common settings for Foundation CSS that will be shared across all builds of the framework (full fat, lite, extras)
// Foundation for Sites Settings
// -----------------------------
......@@ -641,69 +640,3 @@ $topbar-unstack-breakpoint: medium;
// 37. Animations
// -----------
$use-animations: false;
// 38. Invoke build process
// ------------------------
@mixin foundation-everything($flex: false) {
@if $flex {
$global-flexbox: true !global;
}
@include foundation-global-styles;
@if not $flex {
@include foundation-grid;
}
@else {
@include foundation-flex-grid;
}
@include foundation-typography;
@include foundation-forms;
@include foundation-button;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;
@if $use-animations {
@include motion-ui-transitions;
@include motion-ui-animations;
}
@if $flex {
@include foundation-flex-classes;
}
}
// invoke Foundation
@include foundation-everything;
// ebi-specific fixes
@include ebi-foundation-overides;
css/foundation/_settings-extras.scss 0 → 100644
+ 75
− 0
View file @ 475aea62
/**
* This file is what was trimmed out of the 'lite' version.
* By adding this file in you get the full EBI implementation of Foundation.
* Teams might find this useful if they want to use the 'lite' version in most
* areas, but have a few specific pages where they want the added components.
*/
// Include the common settings
@import 'settings-common';
// 38. Invoke build process
// ------------------------
@mixin foundation-extras($flex: false) {
// @if $flex {
// $global-flexbox: true !global;
// }
// @include foundation-global-styles;
// @if not $flex {
// @include foundation-grid;
// }
// @else {
// @include foundation-flex-grid;
// }
// @include foundation-typography;
@include foundation-forms;
@include foundation-button;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
// @include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
// @include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
// @include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
// @include foundation-visibility-classes;
// @include foundation-float-classes;
@if $use-animations {
@include motion-ui-transitions;
@include motion-ui-animations;
}
@if $flex {
@include foundation-flex-classes;
}
}
// invoke Foundation
@include foundation-extras;
// ebi-specific fixes
// @include ebi-foundation-overides;
css/foundation/_settings-full-fat.scss 0 → 100644
+ 74
− 0
View file @ 475aea62
/**
* This is the full version of the Foundation CSS library
* (with minor) edits for EMBL-EBI tastes.
* It is the default an we expect it to be the most commonly used version.
*/
// Include the common settings
@import 'settings-common';
// 38. Invoke build process
// ------------------------
@mixin foundation-everything($flex: false) {
@if $flex {
$global-flexbox: true !global;
}
@include foundation-global-styles;
@if not $flex {
@include foundation-grid;
}
@else {
@include foundation-flex-grid;
}
@include foundation-typography;
@include foundation-forms;
@include foundation-button;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;
@if $use-animations {
@include motion-ui-transitions;
@include motion-ui-animations;
}
@if $flex {
@include foundation-flex-classes;
}
}
// invoke Foundation
@include foundation-everything;
// ebi-specific fixes
@include ebi-foundation-overides;
css/foundation/_settings-lite.scss 0 → 100644
+ 76
− 0
View file @ 475aea62
/**
* This is a 'lite' version of the Foundation CSS library.
* It removes CSS styling around tables, buttons, etc.
* We expect this to be used by teams that wish to bring their own front-end
* solution (such as Bootstrap) or find that Foundation's stylign causes
* compatibility issues.
*/
// Include the common settings
@import 'settings-common';
// 38. Invoke build process
// ------------------------
@mixin foundation-lite($flex: false) {
@if $flex {
$global-flexbox: true !global;
}
@include foundation-global-styles;
@if not $flex {
@include foundation-grid;
}
@else {
@include foundation-flex-grid;
}
@include foundation-typography;
// @include foundation-forms;
// @include foundation-button;
// @include foundation-accordion;
// @include foundation-accordion-menu;
// @include foundation-badge;
@include foundation-breadcrumbs;
// @include foundation-button-group;
// @include foundation-callout;
// @include foundation-close-button;
@include foundation-menu;
// @include foundation-menu-icon;
// @include foundation-drilldown-menu;
@include foundation-dropdown;
// @include foundation-dropdown-menu;
// @include foundation-responsive-embed;
// @include foundation-label;
// @include foundation-media-object;
// @include foundation-off-canvas;
// @include foundation-orbit;
// @include foundation-pagination;
// @include foundation-progress-bar;
// @include foundation-slider;
// @include foundation-sticky;
// @include foundation-reveal;
// @include foundation-switch;
// @include foundation-table;
// @include foundation-tabs;
// @include foundation-thumbnail;
// @include foundation-title-bar;
// @include foundation-tooltip;
// @include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;
// @if $use-animations {
// @include motion-ui-transitions;
// @include motion-ui-animations;
// }
// @if $flex {
// @include foundation-flex-classes;
// }
}
// invoke Foundation
@include foundation-lite;
// ebi-specific fixes
@include ebi-foundation-overides;
package.json
+ 13
− 5
View file @ 475aea62
......@@ -12,21 +12,29 @@
"version": "1.1.0",
"scripts": {
"test": "echo \"To do: no test specified\" && exit 1",
"scss": "node-sass -o css css && csso ./css/ebi-global.css --output ./css/ebi-global.min.css && npm run foundation-scss",
"foundation-scss": "node-sass ./css/foundation/_settings.scss ./libraries/foundation-6/css/foundation.css && csso ./libraries/foundation-6/css/foundation.css --output ./libraries/foundation-6/css/foundation.min.css",
"scss": "node-sass -o css css && csso ./css/ebi-global.css --output ./css/ebi-global.min.css && npm run foundation-scss-full-fat && npm run foundation-scss-lite && npm run foundation-scss-extras",
"//@16": [
"Foundation build variants",
"We build three variants to allow a 'lite' edition.",
" -- Full fat: the standard 'give me everything' build ",
" -- Lite: the very basics for the EBI look and feel",
" -- Extra: This + the lite version = full fat"
],
"foundation-scss-full-fat": "node-sass ./css/foundation/_settings-full-fat.scss ./libraries/foundation-6/css/foundation.css && csso ./libraries/foundation-6/css/foundation.css --output ./libraries/foundation-6/css/foundation.min.css",
"foundation-scss-lite": "node-sass ./css/foundation/_settings-lite.scss ./libraries/foundation-6/css/foundation-lite.css && csso ./libraries/foundation-6/css/foundation-lite.css --output ./libraries/foundation-6/css/foundation-lite.min.css",
"foundation-scss-extras": "node-sass ./css/foundation/_settings-extras.scss ./libraries/foundation-6/css/foundation-extras.css && csso ./libraries/foundation-6/css/foundation-extras.css --output ./libraries/foundation-6/css/foundation-extras.min.css",
"js": "npm run foundation-js",
"foundation-js": "cpx './libraries/foundation-6/dist/*.js' ./libraries/foundation-6/js",
"//@18": [
"//@28": [
"-- Our buildscript: With this line we concat all libraries to be installed at once --"
],
"libraries": "npm run tablesorter && npm run foundation-update && npm run motion-ui-update && npm run message_finished",
"//@22": [
"//@32": [
"-- All our libraries, not intended to be run indiviudually --"
],
"tablesorter": "wget https://github.com/Mottie/tablesorter/archive/master.zip -d ./libraries/tablesorter.zip && extract-zip ./libraries/tablesorter.zip ./libraries/ && del ./libraries/tablesorter && mve ./libraries/tablesorter-master ./libraries/tablesorter && del ./libraries/tablesorter.zip",
"foundation-update": "wget https://github.com/zurb/foundation-sites/archive/develop.zip -d ./libraries/foundation-6.zip && del ./libraries/foundation-6 && extract-zip ./libraries/foundation-6.zip ./libraries/foundation-6/ && del ./libraries/foundation-6.zip && echo \"Copying foundation JS files one level up as they've moved...\" && ncp ./libraries/foundation-6/foundation-sites-develop/ ./libraries/foundation-6/ && del ./libraries/foundation-6/foundation-sites-develop/ && echo \"Latest version of foundation downloaded, you'll need to run 'npm run scss' and 'npm run js' to build\"",
"motion-ui-update": "wget https://github.com/zurb/motion-ui/archive/master.zip -d ./libraries/motion-ui.zip && del ./libraries/motion-ui && extract-zip ./libraries/motion-ui.zip ./libraries/motion-ui/ && del ./libraries/motion-ui.zip && echo \"Copying Motion UI files one level up as they've moved...\" && ncp ./libraries/motion-ui/motion-ui-master/ ./libraries/motion-ui/ && del ./libraries/motion-ui/motion-ui-master/ && echo \"Latest version of Motion UI downloaded, you'll need to run 'npm run scss' to build\"",
"old-foundation-update": "wget https://github.com/zurb/foundation-sites/archive/develop.zip -d ./libraries/foundation-6.zip && del ./libraries/foundation-6 && extract-zip ./libraries/foundation-6.zip ./libraries/foundation-6/ && del ./libraries/foundation-6.zip && echo \"Copying foundation JS files one level up as they've moved...\" && ncp ./libraries/foundation-6/js/vendor/ ./libraries/foundation-6/js/ ",
"message_finished": "echo \"All done\""
},
"private": true,
......
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