nfg_ui 0.10.10 → 0.10.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3da134a3d77f90fcfd72fad8d3471a81dfdf7040f4164c74e4d8df3a314b5355
-  data.tar.gz: 54d1d43697884a286375e0f1347ee5874da07fa3f8dbb3ecb16ece90ddd16a59
+  metadata.gz: adbdb18c0c674808783def2979dfc746c1920040adaa220482562972be028210
+  data.tar.gz: a4e12f85ed65f4dbadd2e91848a95b938adbfe4fe8e369374b23fe1b9c884992
 SHA512:
-  metadata.gz: 2f1595e913c6ebb28d05ab32dba9851fd7ef151b14fc1a67d6f708fe9163e569aca1881a26583faaecf2683a9cd5a8850d8ba335af4e64407a3fa7b053ff7b46
-  data.tar.gz: 52c86b165fdb08dc89a8cfcae740e6537cab0c8e15fa57b588276290401914bc1c94ea6c8c5edfde31af10314361e7125533cb1e24ca22d126525ca26614f491
+  metadata.gz: c9ab1b86185584a4738d9d2dadec4b528cc64f4f56f76da121ef5a410cdc84b7988299ceb5113264b9586d0ef6eced8539ccc44dfba5f54bcf8e4b46893c93db
+  data.tar.gz: af3141e840749d5f20d475ee067cd52d78d1e286ea46ec3ad885b764b9068439b1bd7fec78c9b3434bfa6c2aaf9846d13afc692d5687f3c3a332767f38a33971

data/app/assets/javascripts/nfg_ui/application.coffee

@@ -5,6 +5,7 @@
 #= require bootstrap
 #= require moment
 #= require nfg_ui/vendor/bootstrap-datetimepicker.min
+#= require nfg_ui/vendor/legacy_browser_support/application
 
 #= require_self
 #= require nfg_ui/document_ready

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/application.js

@@ -0,0 +1,4 @@
+//= require ./modernizr-flexbox.min
+//= require ./modernizr-flexboxtweener.min
+//= require ./modernizr-smil.min
+//= require ./modernizr-preserve3d.min

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-flexbox.min.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.3.1 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-flexbox-setclasses !*/
+!function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,s,i,a;for(var l in C)if(C.hasOwnProperty(l)){if(e=[],n=C[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(o=r(n.fn,"function")?n.fn():n.fn,s=0;s<e.length;s++)i=e[s],a=i.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),g.push((o?"":"no-")+a.join("-"))}}function s(e){var n=x.className,t=Modernizr._config.classPrefix||"";if(_&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),_?x.className.baseVal=n:x.className=n)}function i(e,n){return!!~(""+e).indexOf(n)}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):_?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function f(e,n){return function(){return e.apply(n,arguments)}}function u(e,n,t){var o;for(var s in e)if(e[s]in n)return t===!1?e[s]:(o=n[e[s]],r(o,"function")?f(o,t||n):o);return!1}function d(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function p(){var e=n.body;return e||(e=a(_?"svg":"body"),e.fake=!0),e}function c(e,t,r,o){var s,i,l,f,u="modernizr",d=a("div"),c=p();if(parseInt(r,10))for(;r--;)l=a("div"),l.id=o?o[r]:u+(r+1),d.appendChild(l);return s=a("style"),s.type="text/css",s.id="s"+u,(c.fake?c:d).appendChild(s),c.appendChild(d),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(n.createTextNode(e)),d.id=u,c.fake&&(c.style.background="",c.style.overflow="hidden",f=x.style.overflow,x.style.overflow="hidden",x.appendChild(c)),i=t(d,e),c.fake?(c.parentNode.removeChild(c),x.style.overflow=f,x.offsetHeight):d.parentNode.removeChild(d),!!i}function m(n,r){var o=n.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(d(n[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var s=[];o--;)s.push("("+d(n[o])+":"+r+")");return s=s.join(" or "),c("@supports ("+s+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return t}function h(e,n,o,s){function f(){d&&(delete z.style,delete z.modElem)}if(s=r(s,"undefined")?!1:s,!r(o,"undefined")){var u=m(e,o);if(!r(u,"undefined"))return u}for(var d,p,c,h,v,y=["modernizr","tspan","samp"];!z.style&&y.length;)d=!0,z.modElem=a(y.shift()),z.style=z.modElem.style;for(c=e.length,p=0;c>p;p++)if(h=e[p],v=z.style[h],i(h,"-")&&(h=l(h)),z.style[h]!==t){if(s||r(o,"undefined"))return f(),"pfx"==n?h:!0;try{z.style[h]=o}catch(g){}if(z.style[h]!=v)return f(),"pfx"==n?h:!0}return f(),!1}function v(e,n,t,o,s){var i=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+b.join(i+" ")+i).split(" ");return r(n,"string")||r(n,"undefined")?h(a,n,o,s):(a=(e+" "+E.join(i+" ")+i).split(" "),u(a,n,t))}function y(e,n,r){return v(e,t,t,n,r)}var g=[],C=[],w={_version:"3.3.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){C.push({name:e,fn:n,options:t})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=w,Modernizr=new Modernizr;var x=n.documentElement,_="svg"===x.nodeName.toLowerCase(),S="Moz O ms Webkit",b=w._config.usePrefixes?S.split(" "):[];w._cssomPrefixes=b;var E=w._config.usePrefixes?S.toLowerCase().split(" "):[];w._domPrefixes=E;var P={elem:a("modernizr")};Modernizr._q.push(function(){delete P.elem});var z={style:P.elem.style};Modernizr._q.unshift(function(){delete z.style}),w.testAllProps=v,w.testAllProps=y,Modernizr.addTest("flexbox",y("flexBasis","1px",!0)),o(),s(g),delete w.addTest,delete w.addAsyncTest;for(var N=0;N<Modernizr._q.length;N++)Modernizr._q[N]();e.Modernizr=Modernizr}(window,document);

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-flexboxtweener.min.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.3.1 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-flexboxtweener-setclasses !*/
+!function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,s,i,a;for(var l in C)if(C.hasOwnProperty(l)){if(e=[],n=C[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(o=r(n.fn,"function")?n.fn():n.fn,s=0;s<e.length;s++)i=e[s],a=i.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),g.push((o?"":"no-")+a.join("-"))}}function s(e){var n=_.className,t=Modernizr._config.classPrefix||"";if(x&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),x?_.className.baseVal=n:_.className=n)}function i(e,n){return!!~(""+e).indexOf(n)}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):x?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function f(e,n){return function(){return e.apply(n,arguments)}}function u(e,n,t){var o;for(var s in e)if(e[s]in n)return t===!1?e[s]:(o=n[e[s]],r(o,"function")?f(o,t||n):o);return!1}function d(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function p(){var e=n.body;return e||(e=a(x?"svg":"body"),e.fake=!0),e}function c(e,t,r,o){var s,i,l,f,u="modernizr",d=a("div"),c=p();if(parseInt(r,10))for(;r--;)l=a("div"),l.id=o?o[r]:u+(r+1),d.appendChild(l);return s=a("style"),s.type="text/css",s.id="s"+u,(c.fake?c:d).appendChild(s),c.appendChild(d),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(n.createTextNode(e)),d.id=u,c.fake&&(c.style.background="",c.style.overflow="hidden",f=_.style.overflow,_.style.overflow="hidden",_.appendChild(c)),i=t(d,e),c.fake?(c.parentNode.removeChild(c),_.style.overflow=f,_.offsetHeight):d.parentNode.removeChild(d),!!i}function m(n,r){var o=n.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(d(n[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var s=[];o--;)s.push("("+d(n[o])+":"+r+")");return s=s.join(" or "),c("@supports ("+s+") { #modernizr { position: absolute; } }",function(e){return"absolute"==getComputedStyle(e,null).position})}return t}function h(e,n,o,s){function f(){d&&(delete z.style,delete z.modElem)}if(s=r(s,"undefined")?!1:s,!r(o,"undefined")){var u=m(e,o);if(!r(u,"undefined"))return u}for(var d,p,c,h,v,y=["modernizr","tspan","samp"];!z.style&&y.length;)d=!0,z.modElem=a(y.shift()),z.style=z.modElem.style;for(c=e.length,p=0;c>p;p++)if(h=e[p],v=z.style[h],i(h,"-")&&(h=l(h)),z.style[h]!==t){if(s||r(o,"undefined"))return f(),"pfx"==n?h:!0;try{z.style[h]=o}catch(g){}if(z.style[h]!=v)return f(),"pfx"==n?h:!0}return f(),!1}function v(e,n,t,o,s){var i=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+b.join(i+" ")+i).split(" ");return r(n,"string")||r(n,"undefined")?h(a,n,o,s):(a=(e+" "+E.join(i+" ")+i).split(" "),u(a,n,t))}function y(e,n,r){return v(e,t,t,n,r)}var g=[],C=[],w={_version:"3.3.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){C.push({name:e,fn:n,options:t})},addAsyncTest:function(e){C.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=w,Modernizr=new Modernizr;var _=n.documentElement,x="svg"===_.nodeName.toLowerCase(),S="Moz O ms Webkit",b=w._config.usePrefixes?S.split(" "):[];w._cssomPrefixes=b;var E=w._config.usePrefixes?S.toLowerCase().split(" "):[];w._domPrefixes=E;var P={elem:a("modernizr")};Modernizr._q.push(function(){delete P.elem});var z={style:P.elem.style};Modernizr._q.unshift(function(){delete z.style}),w.testAllProps=v,w.testAllProps=y,Modernizr.addTest("flexboxtweener",y("flexAlign","end",!0)),o(),s(g),delete w.addTest,delete w.addAsyncTest;for(var N=0;N<Modernizr._q.length;N++)Modernizr._q[N]();e.Modernizr=Modernizr}(window,document);

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-preserve3d.min.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.6.0 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-preserve3d-setclasses !*/
+!function(e,n,t){function s(e){var n=c.className,t=Modernizr._config.classPrefix||"";if(p&&(n=n.baseVal),Modernizr._config.enableJSClass){var s=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(s,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),p?c.className.baseVal=n:c.className=n)}function o(e,n){return typeof e===n}function a(){var e,n,t,s,a,r,f;for(var c in l)if(l.hasOwnProperty(c)){if(e=[],n=l[c],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(s=o(n.fn,"function")?n.fn():n.fn,a=0;a<e.length;a++)r=e[a],f=r.split("."),1===f.length?Modernizr[f[0]]=s:(!Modernizr[f[0]]||Modernizr[f[0]]instanceof Boolean||(Modernizr[f[0]]=new Boolean(Modernizr[f[0]])),Modernizr[f[0]][f[1]]=s),i.push((s?"":"no-")+f.join("-"))}}function r(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):p?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}var i=[],l=[],f={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){l.push({name:e,fn:n,options:t})},addAsyncTest:function(e){l.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=f,Modernizr=new Modernizr;var c=n.documentElement,p="svg"===c.nodeName.toLowerCase();Modernizr.addTest("preserve3d",function(){var n,t,s=e.CSS,o=!1;return s&&s.supports&&s.supports("(transform-style: preserve-3d)")?!0:(n=r("a"),t=r("a"),n.style.cssText="display: block; transform-style: preserve-3d; transform-origin: right; transform: rotateY(40deg);",t.style.cssText="display: block; width: 9px; height: 1px; background: #000; transform-origin: right; transform: rotateY(40deg);",n.appendChild(t),c.appendChild(n),o=t.getBoundingClientRect(),c.removeChild(n),o=o.width&&o.width<4)}),a(),s(i),delete f.addTest,delete f.addAsyncTest;for(var d=0;d<Modernizr._q.length;d++)Modernizr._q[d]();e.Modernizr=Modernizr}(window,document);

data/app/assets/javascripts/nfg_ui/vendor/legacy_browser_support/modernizr-smil.min.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.5.0 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-smil-setclasses !*/
+!function(e,n,s){function o(e,n){return typeof e===n}function a(){var e,n,s,a,t,r,f;for(var c in l)if(l.hasOwnProperty(c)){if(e=[],n=l[c],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(s=0;s<n.options.aliases.length;s++)e.push(n.options.aliases[s].toLowerCase());for(a=o(n.fn,"function")?n.fn():n.fn,t=0;t<e.length;t++)r=e[t],f=r.split("."),1===f.length?Modernizr[f[0]]=a:(!Modernizr[f[0]]||Modernizr[f[0]]instanceof Boolean||(Modernizr[f[0]]=new Boolean(Modernizr[f[0]])),Modernizr[f[0]][f[1]]=a),i.push((a?"":"no-")+f.join("-"))}}function t(e){var n=f.className,s=Modernizr._config.classPrefix||"";if(c&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+s+"no-js(\\s|$)");n=n.replace(o,"$1"+s+"js$2")}Modernizr._config.enableClasses&&(n+=" "+s+e.join(" "+s),c?f.className.baseVal=n:f.className=n)}var i=[],l=[],r={_version:"3.5.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var s=this;setTimeout(function(){n(s[e])},0)},addTest:function(e,n,s){l.push({name:e,fn:n,options:s})},addAsyncTest:function(e){l.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=r,Modernizr=new Modernizr;var f=n.documentElement,c="svg"===f.nodeName.toLowerCase(),u={}.toString;Modernizr.addTest("smil",function(){return!!n.createElementNS&&/SVGAnimate/.test(u.call(n.createElementNS("http://www.w3.org/2000/svg","animate")))}),a(),t(i),delete r.addTest,delete r.addAsyncTest;for(var d=0;d<Modernizr._q.length;d++)Modernizr._q[d]();e.Modernizr=Modernizr}(window,document);

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/application.scss

@@ -1,30 +1,16 @@
 //** Admin Styles **//
 
-// App Vendors
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700);
-@import 'font-awesome';
-@import 'select2';
+// Core Styles
+@import 'nfg_ui/network_for_good/core/application';
 
-// Our Variables
-@import 'variables';
-
-// Bootstrap Vendor Base
-@import 'bootstrap';
-
-// NFG Theme
+// Customization and Overrides
 @import 'nfg_theme/*';
 
 // Plugins
-@import 'nfg_ui/network_for_good/public/plugins/datepicker';
-@import 'nfg_ui/network_for_good/public/plugins/datetimepicker';
-@import 'nfg_ui/network_for_good/public/plugins/intercom'; // only in admin layouts
-@import 'nfg_ui/network_for_good/public/plugins/select2';
-@import 'nfg_ui/network_for_good/public/plugins/sticky_div';
-@import 'nfg_ui/network_for_good/public/plugins/turbolinks';
-@import 'nfg_ui/network_for_good/public/plugins/twitter_typeahead';
-
-// Legacy browser support
-@import 'nfg_ui/network_for_good/public/legacy_browser_support/application';
+@import 'nfg_ui/network_for_good/core/plugins/intercom';
+@import 'nfg_ui/network_for_good/core/plugins/turbolinks';
+@import 'nfg_ui/network_for_good/core/plugins/twitter_typeahead';
 
-// Color variations
-@import 'nfg_theme/color_variations/*';
+// Color Variations - has to be inside admin directory for variables to work properly
+@import 'color_variations/nfg_theme/*';
+@import 'color_variations/plugins/*';

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/{nfg_theme/color_variations → color_variations/nfg_theme}/_buttons.scss

@@ -1,6 +1,10 @@
 @each $color, $value in $colors {
   .#{$color} {
     .btn-primary { @include button-variant($value, $value); }
+    .show > .btn-primary.dropdown-toggle {
+      background-color: darken($value, 10%);
+      border-color: darken($value, 10%);
+    }
     .btn-outline-secondary, .btn-link { color: $value; }
   }
 }

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/color_variations/nfg_theme/_nav.scss

@@ -0,0 +1,18 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .nav-tabs {
+      .nav-link {
+        &:hover, &.active { border-color: $value; }
+      }
+    }
+  }
+
+  // Color variations for border in main nav in DM
+  .site-nav {
+    .nav-item.#{$color} {
+      .nav-link {
+        &:hover, &.active, &[aria-expanded="true"] { border-color: $value; }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/color_variations/nfg_theme/_progress.scss

@@ -0,0 +1,5 @@
+@each $color, $value in $colors {
+  .#{$color} {
+    .progress-bar { background-color: $value; }
+  }
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/{nfg_theme/color_variations → color_variations/nfg_theme}/_reboot.scss

@@ -1,6 +1,6 @@
 @each $color, $value in $colors {
   .#{$color} {
-    a {
+    a:not(.btn) {
       color: $value;
       @include hover { color: darken($value, 15%); }
     }

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_custom.scss

@@ -1,25 +1,17 @@
 // Our custom styles
-@import 'custom/avatar';
 @import 'custom/builder_layout';
 @import 'custom/campaign_card';
 @import 'custom/campaign_preview';
 @import 'custom/content_section_buttons';
 @import 'custom/custom_questions_questionnaire';
 @import 'custom/custom_receipt_language';
-@import 'custom/device_preview';
 @import 'custom/email_preview';
 @import 'custom/free_trial';
 @import 'custom/icomoon';
-@import 'custom/illustration';
 @import 'custom/interaction';
-@import 'custom/mobile';
-@import 'custom/nav_step';
 @import 'custom/overlay_blocker';
 @import 'custom/page_header';
-@import 'custom/redactor';
 @import 'custom/share_dropdown';
-@import 'custom/social_share';
-@import 'custom/slat';
 @import 'custom/status_indicator';
-@import 'custom/ticket';
 @import 'custom/tile';
+@import 'custom/video_countdown';

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_nav.scss

@@ -1,26 +1,3 @@
-//
-// Tabs
-//
-.nav-tabs {
-  border-width: $border-width;
-
-  .nav-item {
-    margin-bottom: -$border-width;
-    font-weight: $font-weight-bold;
-    font-size: $font-size-base;
-  }
-
-  .nav-link {
-    color: $text-muted;
-    border: none;
-    border-bottom: $nav-tabs-border-width solid transparent;
-    @include hover-focus {
-      color: $nav-tabs-link-active-color;
-      border-color: $nav-tabs-link-hover-border-color;
-    }
-  }
-}
-
 // Top navigation bar in DMS
 .site-nav {
   position: fixed;
@@ -91,14 +68,3 @@
     }
   }
 }
-
-// Color variations for border
-@each $color in $colors {
-  .site-nav {
-    .nav-item.#{nth($color, 1)} {
-      .nav-link {
-        &:hover, &.active, &[aria-expanded="true"] { border-color: nth($color, 2); }
-      }
-    }
-  }
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_tile.scss

@@ -3,69 +3,10 @@
 //
 
 .tile {
-  display: block;
-  margin-right: auto;
-  margin-left: auto;
-  word-wrap: break-word;
-  background-color: $white;
-  border-top: $border-width solid $border-color;
-  border-bottom: $border-width solid $border-color;
   @include media-breakpoint-down(sm) {
     margin-right: -($grid-gutter-width / 2);
     margin-left: -($grid-gutter-width / 2);
+    border-right: none;
+    border-left: none;
   }
-  @include media-breakpoint-up(sm) {
-    border-right: $border-width solid $border-color;
-    border-left: $border-width solid $border-color;
-  }
-  + .tile { margin-top: $spacer; }
-}
-
-.tile-body {
-  padding: $grid-gutter-width;
-  @include media-breakpoint-up(sm) { padding: ($grid-gutter-width * 1.5); }
-}
-
-// Sections within a tile used to separate groups of content
-.tile-section {
-  display: block;
-  margin-right: auto;
-  margin-left: auto;
-  @include media-breakpoint-down(sm) { padding-bottom: $grid-gutter-width; }
-  @include media-breakpoint-up(sm) { padding-bottom: ($grid-gutter-width * 1.5); }
-  &:last-child { padding-bottom: 0; }
-  + .tile-section {
-    border-top: $border-width solid $border-color;
-    @include media-breakpoint-down(sm) { padding-top: $grid-gutter-width; }
-    @include media-breakpoint-up(sm) { padding-top: ($grid-gutter-width * 1.5); }
-  }
-}
-
-//
-// Optional textual caps
-//
-
-.tile-header, .tile-footer {
-  padding: ($grid-gutter-width / 2) $grid-gutter-width;
-  background-color: $white;
-  @include media-breakpoint-up(sm) { padding: $grid-gutter-width; }
-}
-.tile-header {
-  + .collapse,
-  + .collapsing,
-  + .tile-body,
-  + .tile-footer { border-top: $border-width solid $border-color; }
 }
-.tile-body + .tile-footer { border-top: $border-width solid $border-color; }
-
-//
-// Header navs
-//
-
-.tile-header-tabs {
-  margin-right: -$grid-gutter-width;
-  margin-bottom: -($grid-gutter-width / 2);
-  margin-left: -$grid-gutter-width;
-  border-bottom: 0;
-  @include media-breakpoint-up(sm) { margin-bottom: -$grid-gutter-width; }
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_video_countdown.scss

@@ -0,0 +1,47 @@
+.video-container {
+  video { z-index: 10; }
+}
+
+// Animation timing
+$anim: 6s;
+@keyframes time {
+  0%, 10%, 100% {
+    opacity: 0;
+    transform: scale(1);
+  }
+  5% {
+    opacity: 0.8;
+    transform: scale(1.2);
+  }
+}
+
+.countdown {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  visibility: hidden;
+  text-align: center;
+  z-index: 20;
+  span {
+    position: absolute;
+    font-size: ($spacer * 5);
+    font-weight: bold;
+    color: $white;
+    opacity: 0;
+  }
+  &.play {
+    visibility: visible;
+    @for $i from 0 through 3 {
+      .num#{$i} {
+        animation: time $anim;
+        animation-delay: (3-$i)+s;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/nfg_ui/network_for_good/{public → core}/_variables.scss

@@ -66,7 +66,7 @@ $teal:    #60c6cf; // legacy color -- not used in our theme
 //   $colors
 // );
 
-$primary:       $blue !default;
+$primary:       $blue !default; // need !default for $primary to work properly (override) in entity_branding
 // $secondary:     $gray-600 !default;
 $success:       $green;
 $info:          $blue;
@@ -75,7 +75,6 @@ $danger:        $red;
 // $light:         $gray-100 !default;
 // $dark:          $gray-800 !default;
 
-
 // $theme-colors: () !default;
 // stylelint-disable-next-line scss/dollar-variable-default
 // $theme-colors: map-merge(
@@ -233,9 +232,9 @@ $line-height-sm:              1;
 $border-width:                1px;
 $border-color:                $gray-300;
 
-$border-radius:               .6rem;
-$border-radius-lg:            .6rem;
-$border-radius-sm:            .6rem;
+$border-radius:               .3rem;
+$border-radius-lg:            .3rem;
+$border-radius-sm:            .3rem;
 
 // $rounded-pill:                50rem !default;
 
@@ -254,17 +253,19 @@ $component-active-bg:         $primary;
 // $transition-fade:             opacity .15s linear !default;
 // $transition-collapse:         height .35s ease !default;
 
-// $embed-responsive-aspect-ratios: () !default;
+$embed-responsive-aspect-ratios: ();
 // stylelint-disable-next-line scss/dollar-variable-default
-// $embed-responsive-aspect-ratios: join(
-//   (
-//     (21 9),
-//     (16 9),
-//     (3 4),
-//     (1 1),
-//   ),
-//   $embed-responsive-aspect-ratios
-// );
+$embed-responsive-aspect-ratios: join(
+  (
+    (21 9),
+    (16 9),
+    (9 16),
+    (4 3),
+    (3 4),
+    (1 1),
+  ),
+  $embed-responsive-aspect-ratios
+);
 
 // Fonts
 //
@@ -310,7 +311,7 @@ $display4-size:               ($font-size-base * .875);
 // $display1-weight:             300 !default;
 // $display2-weight:             300 !default;
 // $display3-weight:             300 !default;
-$display4-weight:             $font-weight-normal;
+$display4-weight:             $font-weight-bold;
 // $display-line-height:         $headings-line-height !default;
 
 $lead-font-size:              ($font-size-base * 1.5);
@@ -396,7 +397,7 @@ $input-btn-padding-x-sm:      ($spacer * .25);
 // $input-btn-font-size-sm:      $font-size-sm !default;
 // $input-btn-line-height-sm:    $line-height-sm !default;
 
-$input-btn-padding-y-lg:      1.1rem;
+$input-btn-padding-y-lg:      .5rem;
 $input-btn-padding-x-lg:      ($spacer * .75);
 // $input-btn-font-size-lg:      $font-size-lg !default;
 // $input-btn-line-height-lg:    $line-height-lg !default;
@@ -655,7 +656,7 @@ $form-feedback-icon-valid:          none;
 // $form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;
 $form-feedback-icon-invalid:        none;
 
-$form-validation-states: () !default;
+$form-validation-states: ();
 // stylelint-disable-next-line scss/dollar-variable-default
 $form-validation-states: map-merge(
   (
@@ -692,16 +693,16 @@ $nav-link-padding-x:                $spacer;
 $nav-link-disabled-color:           $text-muted;
 
 $nav-tabs-border-color:             $border-color;
-$nav-tabs-border-width:             $border-width;
+$nav-tabs-border-width:             3px;
 $nav-tabs-border-radius:            0;
 $nav-tabs-link-hover-border-color:  $primary;
 $nav-tabs-link-active-color:        $body-color;
 $nav-tabs-link-active-bg:           transparent;
 $nav-tabs-link-active-border-color: $primary;
 
-// $nav-pills-border-radius:           $border-radius !default;
-// $nav-pills-link-active-color:       $component-active-color !default;
-// $nav-pills-link-active-bg:          $component-active-bg !default;
+$nav-pills-border-radius:           0;
+$nav-pills-link-active-color:       $white;
+$nav-pills-link-active-bg:          darken(#006D9D, 10%);
 
 $nav-divider-color:                 $border-color;
 $nav-divider-margin-y:              0;
@@ -709,8 +710,8 @@ $nav-divider-margin-y:              0;
 
 // Navbar
 
-$navbar-padding-y:                  ($spacer * .5);
-// $navbar-padding-x:                  $spacer !default;
+$navbar-padding-y:                  0;
+$navbar-padding-x:                  0;
 
 $navbar-nav-link-padding-x:         ($spacer * .5);
 
@@ -725,9 +726,9 @@ $navbar-toggler-padding-x:          ($spacer * .5);
 // $navbar-toggler-font-size:          $font-size-lg !default;
 // $navbar-toggler-border-radius:      $btn-border-radius !default;
 
-// $navbar-dark-color:                 rgba($white, .5) !default;
-// $navbar-dark-hover-color:           rgba($white, .75) !default;
-// $navbar-dark-active-color:          $white !default;
+$navbar-dark-color:                 #9a9a9a; // LEGACY
+$navbar-dark-hover-color:           #b9b9b9; // LEGACY
+$navbar-dark-active-color:          #cccccc; // LEGACY
 // $navbar-dark-disabled-color:        rgba($white, .25) !default;
 // $navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
 // $navbar-dark-toggler-border-color:  rgba($white, .1) !default;
@@ -820,11 +821,11 @@ $jumbotron-bg:                      $body-bg;
 
 $card-spacer-y:                     $spacer;
 $card-spacer-x:                     $spacer;
-$card-border-width:                 0;
+$card-border-width:                 $border-width;
 // $card-border-radius:                $border-radius !default;
-$card-border-color:                 transparent;
+$card-border-color:                 $border-color;
 $card-inner-border-radius:          $border-radius;
-$card-cap-bg:                       theme-color("light");
+$card-cap-bg:                       $white;
 // $card-cap-color:                    null !default;
 // $card-color:                        null !default;
 // $card-bg:                           $white !default;
@@ -954,8 +955,8 @@ $modal-header-padding-x:            $spacer;
 // $modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
 
 // $modal-xl:                          1140px !default;
-$modal-lg:                          900px !default;
-$modal-md:                          600px !default;
+$modal-lg:                          900px;
+$modal-md:                          600px;
 // $modal-sm:                          300px !default;
 
 // $modal-fade-transform:              translate(0, -50px) !default;
@@ -1018,7 +1019,7 @@ $list-group-action-color:           $body-color;
 // $list-group-action-active-bg:       $gray-200 !default;
 
 
-// Image thumbnails -- NOT CURRENTLY USED IN PUBLIC
+// Image thumbnails
 
 // $thumbnail-padding:                 .25rem !default;
 // $thumbnail-bg:                      $body-bg !default;
@@ -1034,7 +1035,7 @@ $list-group-action-color:           $body-color;
 $figure-caption-color:              $text-muted;
 
 
-// Breadcrumbs -- NOT CURRENTLY USED IN PUBLIC
+// Breadcrumbs
 
 // $breadcrumb-padding-y:              .75rem !default;
 // $breadcrumb-padding-x:              1rem !default;