Smoothing parallax edges; Sub-view border

This commit is contained in:
James Barnsley
2019-08-21 21:45:10 +12:00
parent 011b3f069e
commit 636c69764f
8 changed files with 162 additions and 65 deletions

View File

@ -4376,7 +4376,7 @@ select {
left: 0;
right: 0;
height: 100%;
background-image: linear-gradient(rgba(24, 24, 24, 0), #181818);
background-image: linear-gradient(rgba(24, 24, 24, 0) 0%, #181818 95%);
z-index: 2; }
.parallax--flexible-height {
/**
@ -4397,7 +4397,7 @@ select {
.light-theme .parallax__stage {
background-color: #f8f7f6; }
.light-theme .parallax__overlay {
background-image: linear-gradient(rgba(244, 242, 240, 0), #f4f2f0); }
background-image: linear-gradient(rgba(248, 247, 246, 0) 0%, #f8f7f6 95%); }
@font-face {
font-family: 'Material Icons';
@ -6001,8 +6001,7 @@ main header {
.filter-field.active input {
width: 180px;
padding-left: 35px;
background: #383734; }
padding-left: 35px; }
#context-menu .filter-field {
display: block; }
@ -6057,25 +6056,34 @@ main header {
.sub-views__option {
font-family: "Overpass";
font-weight: 600;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #FFFFFF;
display: inline-block;
margin-right: 25px;
font-size: 15px;
font-weight: 500;
border-bottom: 3px solid transparent !important;
border-bottom: 0;
padding-bottom: 3px;
cursor: pointer; }
.light-theme .sub-views__option {
color: #121212; }
.sub-views__option h4 {
margin: 8px 0 4px; }
.sub-views__option--active, .sub-views__option:hover {
border-bottom-width: 3px !important;
border-bottom-style: solid;
padding-bottom: 0px; }
.sub-views__option--active {
border-color: #FFFFFF !important; }
.light-theme .sub-views__option--active {
border-color: #121212 !important; }
.sub-views__option:not(.sub-views__option--active):hover {
border-color: rgba(255, 255, 255, 0.2) !important; }
border-color: #51504e !important; }
.light-theme .sub-views__option:not(.sub-views__option--active):hover {
border-color: rgba(0, 0, 0, 0.2); }
border-color: #cecac4 !important; }
@media (max-width: 799px) {
.sub-views__option {

File diff suppressed because one or more lines are too long

View File

@ -36116,12 +36116,12 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@ -36148,12 +36148,13 @@ function (_Component) {
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(OutboundLink)).call.apply(_getPrototypeOf2, [this].concat(args)));
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handleClick", function (event) {
_defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
var _this$props = _this.props,
target = _this$props.target,
eventLabel = _this$props.eventLabel,
to = _this$props.to,
onClick = _this$props.onClick;
onClick = _this$props.onClick,
trackerNames = _this$props.trackerNames;
var eventMeta = {
label: eventLabel
};
@ -36164,9 +36165,9 @@ function (_Component) {
event.preventDefault();
OutboundLink.trackLink(eventMeta, function () {
window.location.href = to;
});
}, trackerNames);
} else {
OutboundLink.trackLink(eventMeta, function () {});
OutboundLink.trackLink(eventMeta, function () {}, trackerNames);
}
if (onClick) {
@ -36209,24 +36210,26 @@ _defineProperty(OutboundLink, "propTypes", {
eventLabel: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,
target: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
to: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func
onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
trackerNames: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string)
});
_defineProperty(OutboundLink, "defaultProps", {
target: null,
to: null,
onClick: null
onClick: null,
trackerNames: null
});
/***/ }),
/***/ "./node_modules/react-ga/dist/esm/index.js":
/*!*************************************************!*\
!*** ./node_modules/react-ga/dist/esm/index.js ***!
\*************************************************/
/*! exports provided: initialize, ga, set, send, pageview, modalview, timing, event, exception, plugin, outboundLink, OutboundLink, testModeAPI, default */
/***/ "./node_modules/react-ga/dist/esm/core.js":
/*!************************************************!*\
!*** ./node_modules/react-ga/dist/esm/core.js ***!
\************************************************/
/*! exports provided: initialize, ga, set, send, pageview, modalview, timing, event, exception, plugin, outboundLink, testModeAPI, default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -36242,7 +36245,6 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "exception", function() { return exception; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "plugin", function() { return plugin; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "outboundLink", function() { return outboundLink; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OutboundLink", function() { return OutboundLink; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "testModeAPI", function() { return testModeAPI; });
/* harmony import */ var _utils_format__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/format */ "./node_modules/react-ga/dist/esm/utils/format.js");
/* harmony import */ var _utils_removeLeadingSlash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/removeLeadingSlash */ "./node_modules/react-ga/dist/esm/utils/removeLeadingSlash.js");
@ -36251,7 +36253,6 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _utils_console_warn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/console/warn */ "./node_modules/react-ga/dist/esm/utils/console/warn.js");
/* harmony import */ var _utils_console_log__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/console/log */ "./node_modules/react-ga/dist/esm/utils/console/log.js");
/* harmony import */ var _utils_testModeAPI__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/testModeAPI */ "./node_modules/react-ga/dist/esm/utils/testModeAPI.js");
/* harmony import */ var _components_OutboundLink__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/OutboundLink */ "./node_modules/react-ga/dist/esm/components/OutboundLink.js");
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@ -36289,6 +36290,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
var _isNotBrowser = typeof window === 'undefined' || typeof document === 'undefined';
var _debug = false;
var _titleCase = true;
var _testMode = false;
@ -36298,7 +36301,7 @@ var internalGa = function internalGa() {
var _window;
if (_testMode) return _utils_testModeAPI__WEBPACK_IMPORTED_MODULE_6__["default"].ga.apply(_utils_testModeAPI__WEBPACK_IMPORTED_MODULE_6__["default"], arguments);
if (typeof window === 'undefined') return false;
if (_isNotBrowser) return false;
if (!window.ga) return Object(_utils_console_warn__WEBPACK_IMPORTED_MODULE_4__["default"])('ReactGA.initialize must be called first or GoogleAnalytics should be loaded manually');
return (_window = window).ga.apply(_window, arguments);
};
@ -36357,7 +36360,7 @@ function initialize(configsOrTrackingId, options) {
if (options && options.testMode === true) {
_testMode = true;
} else {
if (typeof window === 'undefined') {
if (_isNotBrowser) {
return false;
}
@ -36845,9 +36848,6 @@ function outboundLink(args, hitCallback, trackerNames) {
setTimeout(hitCallback, 0);
}
}
_components_OutboundLink__WEBPACK_IMPORTED_MODULE_7__["default"].origTrackLink = _components_OutboundLink__WEBPACK_IMPORTED_MODULE_7__["default"].trackLink;
_components_OutboundLink__WEBPACK_IMPORTED_MODULE_7__["default"].trackLink = outboundLink;
var OutboundLink = _components_OutboundLink__WEBPACK_IMPORTED_MODULE_7__["default"];
var testModeAPI = _utils_testModeAPI__WEBPACK_IMPORTED_MODULE_6__["default"];
/* harmony default export */ __webpack_exports__["default"] = ({
initialize: initialize,
@ -36861,12 +36861,62 @@ var testModeAPI = _utils_testModeAPI__WEBPACK_IMPORTED_MODULE_6__["default"];
exception: exception,
plugin: plugin,
outboundLink: outboundLink,
OutboundLink: OutboundLink,
testModeAPI: _utils_testModeAPI__WEBPACK_IMPORTED_MODULE_6__["default"]
});
/***/ }),
/***/ "./node_modules/react-ga/dist/esm/index.js":
/*!*************************************************!*\
!*** ./node_modules/react-ga/dist/esm/index.js ***!
\*************************************************/
/*! exports provided: initialize, ga, set, send, pageview, modalview, timing, event, exception, plugin, outboundLink, testModeAPI, OutboundLink, default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initialize", function() { return initialize; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ga", function() { return ga; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "set", function() { return set; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "send", function() { return send; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pageview", function() { return pageview; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "modalview", function() { return modalview; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "timing", function() { return timing; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "event", function() { return event; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "exception", function() { return exception; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "plugin", function() { return plugin; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "outboundLink", function() { return outboundLink; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "testModeAPI", function() { return testModeAPI; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OutboundLink", function() { return OutboundLink; });
/* harmony import */ var _components_OutboundLink__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/OutboundLink */ "./node_modules/react-ga/dist/esm/components/OutboundLink.js");
/* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./core */ "./node_modules/react-ga/dist/esm/core.js");
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var initialize = _core__WEBPACK_IMPORTED_MODULE_1__["initialize"];
var ga = _core__WEBPACK_IMPORTED_MODULE_1__["ga"];
var set = _core__WEBPACK_IMPORTED_MODULE_1__["set"];
var send = _core__WEBPACK_IMPORTED_MODULE_1__["send"];
var pageview = _core__WEBPACK_IMPORTED_MODULE_1__["pageview"];
var modalview = _core__WEBPACK_IMPORTED_MODULE_1__["modalview"];
var timing = _core__WEBPACK_IMPORTED_MODULE_1__["timing"];
var event = _core__WEBPACK_IMPORTED_MODULE_1__["event"];
var exception = _core__WEBPACK_IMPORTED_MODULE_1__["exception"];
var plugin = _core__WEBPACK_IMPORTED_MODULE_1__["plugin"];
var outboundLink = _core__WEBPACK_IMPORTED_MODULE_1__["outboundLink"];
var testModeAPI = _core__WEBPACK_IMPORTED_MODULE_1__["testModeAPI"];
_components_OutboundLink__WEBPACK_IMPORTED_MODULE_0__["default"].origTrackLink = _components_OutboundLink__WEBPACK_IMPORTED_MODULE_0__["default"].trackLink;
_components_OutboundLink__WEBPACK_IMPORTED_MODULE_0__["default"].trackLink = _core__WEBPACK_IMPORTED_MODULE_1__["outboundLink"];
var OutboundLink = _components_OutboundLink__WEBPACK_IMPORTED_MODULE_0__["default"];
/* harmony default export */ __webpack_exports__["default"] = (_objectSpread({}, _core__WEBPACK_IMPORTED_MODULE_1__, {
OutboundLink: OutboundLink
}));
/***/ }),
/***/ "./node_modules/react-ga/dist/esm/utils/console/log.js":
/*!*************************************************************!*\
!*** ./node_modules/react-ga/dist/esm/utils/console/log.js ***!
@ -37025,7 +37075,7 @@ var gaCalls = [];
args[_key] = arguments[_key];
}
gaCalls.push(args.concat());
gaCalls.push([].concat(args));
},
resetCalls: function resetCalls() {
gaCalls.length = 0;
@ -39468,7 +39518,7 @@ module.exports = exports["default"];
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/** @license React v16.8.5
/** @license React v16.8.6
* react-is.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
@ -44692,17 +44742,17 @@ thunk.withExtraArgument = createThunkMiddleware;
/*!****************************************!*\
!*** ./node_modules/redux/es/redux.js ***!
\****************************************/
/*! exports provided: createStore, combineReducers, bindActionCreators, applyMiddleware, compose, __DO_NOT_USE__ActionTypes */
/*! exports provided: __DO_NOT_USE__ActionTypes, applyMiddleware, bindActionCreators, combineReducers, compose, createStore */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createStore", function() { return createStore; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "combineReducers", function() { return combineReducers; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "bindActionCreators", function() { return bindActionCreators; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "applyMiddleware", function() { return applyMiddleware; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "compose", function() { return compose; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__DO_NOT_USE__ActionTypes", function() { return ActionTypes; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "applyMiddleware", function() { return applyMiddleware; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "bindActionCreators", function() { return bindActionCreators; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "combineReducers", function() { return combineReducers; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "compose", function() { return compose; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createStore", function() { return createStore; });
/* harmony import */ var symbol_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! symbol-observable */ "./node_modules/symbol-observable/es/index.js");
@ -44769,7 +44819,7 @@ function createStore(reducer, preloadedState, enhancer) {
var _ref2;
if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {
throw new Error('It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function');
throw new Error('It looks like you are passing several store enhancers to ' + 'createStore(). This is not supported. Instead, compose them ' + 'together to a single function.');
}
if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {
@ -44794,6 +44844,13 @@ function createStore(reducer, preloadedState, enhancer) {
var currentListeners = [];
var nextListeners = currentListeners;
var isDispatching = false;
/**
* This makes a shallow copy of currentListeners so we can use
* nextListeners as a temporary list while dispatching.
*
* This prevents any bugs around consumers calling
* subscribe/unsubscribe in the middle of a dispatch.
*/
function ensureCanMutateNextListeners() {
if (nextListeners === currentListeners) {
@ -44939,7 +44996,11 @@ function createStore(reducer, preloadedState, enhancer) {
throw new Error('Expected the nextReducer to be a function.');
}
currentReducer = nextReducer;
currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.
// Any reducers that existed in both the new and old rootReducer
// will receive the previous state. This effectively populates
// the new state tree with any relevant data from the old one.
dispatch({
type: ActionTypes.REPLACE
});
@ -45109,7 +45170,9 @@ function combineReducers(reducers) {
}
}
var finalReducerKeys = Object.keys(finalReducers);
var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same
// keys multiple times.
var unexpectedKeyCache;
if (true) {
@ -45174,8 +45237,8 @@ function bindActionCreator(actionCreator, dispatch) {
* may be invoked directly. This is just a convenience method, as you can call
* `store.dispatch(MyActionCreators.doSomething())` yourself just fine.
*
* For convenience, you can also pass a single function as the first argument,
* and get a function in return.
* For convenience, you can also pass an action creator as the first argument,
* and get a dispatch wrapped function in return.
*
* @param {Function|Object} actionCreators An object whose values are action
* creator functions. One handy way to obtain it is to use ES6 `import * as`
@ -45200,11 +45263,9 @@ function bindActionCreators(actionCreators, dispatch) {
throw new Error("bindActionCreators expected an object or a function, instead received " + (actionCreators === null ? 'null' : typeof actionCreators) + ". " + "Did you write \"import ActionCreators from\" instead of \"import * as ActionCreators from\"?");
}
var keys = Object.keys(actionCreators);
var boundActionCreators = {};
for (var i = 0; i < keys.length; i++) {
var key = keys[i];
for (var key in actionCreators) {
var actionCreator = actionCreators[key];
if (typeof actionCreator === 'function') {
@ -45230,20 +45291,34 @@ function _defineProperty(obj, key, value) {
return obj;
}
function _objectSpread(target) {
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
keys.push.apply(keys, Object.getOwnPropertySymbols(object));
}
if (enumerableOnly) keys = keys.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
return keys;
}
function _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
if (typeof Object.getOwnPropertySymbols === 'function') {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
if (i % 2) {
ownKeys(source, true).forEach(function (key) {
_defineProperty(target, key, source[key]);
});
} else if (Object.getOwnPropertyDescriptors) {
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
} else {
ownKeys(source).forEach(function (key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
ownKeys.forEach(function (key) {
_defineProperty(target, key, source[key]);
});
}
return target;
@ -45308,7 +45383,7 @@ function applyMiddleware() {
var store = createStore.apply(void 0, arguments);
var _dispatch = function dispatch() {
throw new Error("Dispatching while constructing your middleware is not allowed. " + "Other middleware would not be applied to this dispatch.");
throw new Error('Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');
};
var middlewareAPI = {
@ -45321,7 +45396,7 @@ function applyMiddleware() {
return middleware(middlewareAPI);
});
_dispatch = compose.apply(void 0, chain)(store.dispatch);
return _objectSpread({}, store, {
return _objectSpread2({}, store, {
dispatch: _dispatch
});
};

File diff suppressed because one or more lines are too long

View File

@ -100,7 +100,7 @@
// Release details
// These are automatically injected to built HTML
var build = "1566289848";
var build = "1566378095";
var version = "3.39.0";
// Construct the script tag

View File

@ -36,7 +36,6 @@
input {
width: 180px;
padding-left: 35px;
background: colour(grey);
}
}
}

View File

@ -48,7 +48,10 @@ $parallax: 'parallax';
left: 0;
right: 0;
height: 100%;
background-image: linear-gradient(rgba(24,24,24,0), rgba(24,24,24,1));
background-image: linear-gradient(
rgba(24,24,24,0) 0%,
rgba(24,24,24,1) 95%
);
z-index: 2;
}
@ -94,7 +97,10 @@ $parallax: 'parallax';
}
&__overlay {
background-image: linear-gradient(rgba(244, 242, 240, 0), rgba(244, 242, 240, 1));
background-image: linear-gradient(
rgba(248, 247, 246, 0) 0%,
rgba(248, 247, 246, 1) 95%
);
}
}
}

View File

@ -1,12 +1,14 @@
.sub-views {
&__option {
@include feature_font();
@include animate();
color: colour(white);
display: inline-block;
margin-right: 25px;
font-size: 15px;
font-weight: 500;
border-bottom: 3px solid transparent !important;
border-bottom: 0;
padding-bottom: 3px;
cursor: pointer;
.light-theme & {
@ -17,6 +19,13 @@
margin: 8px 0 4px;
}
&--active,
&:hover {
border-bottom-width: 3px !important;
border-bottom-style: solid;
padding-bottom: 0px;
}
&--active {
border-color: colour(white) !important;
@ -26,10 +35,10 @@
}
&:not(.sub-views__option--active):hover {
border-color: rgba(255, 255, 255, 0.2) !important;
border-color: colour(soft_grey) !important;
.light-theme & {
border-color: rgba(0, 0, 0, 0.2);
border-color: colour(light_grey) !important;
}
}
}