dave/pathfinder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Improved _Gulp_ task for CSS. _LibSass_(node-sass) replaced _Compass_, closed #917

Browse Source
This commit is contained in:
Mark Friedrich
2020-03-08 16:48:16 +01:00
parent f1e7a17698
commit c10b404d7f
35 changed files with 811 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
gulpfile.js
View File

@@ -15,7 +15,8 @@ let gzip = require('gulp-gzip');
let brotli = require('gulp-brotli');
let uglifyjs = require('uglify-es');
let composer = require('gulp-uglify/composer');
let compass = require('gulp-compass');
let sass = require('gulp-sass');
let autoprefixer = require('gulp-autoprefixer');
let cleanCSS = require('gulp-clean-css');
let bytediff = require('gulp-bytediff');
let debug = require('gulp-debug');
@@ -54,7 +55,7 @@ let PATH = {
DIST_BUILD: './public/js/vX.X.X'
},
CSS: {
SRC: './sass/**/*.scss',
SRC: 'sass/**/*.scss',
}
};
@@ -172,6 +173,20 @@ let CONF = {
};
// -- Plugin options ----------------------------------------------------------
let sassOptions = {
errorLogToConsole: true,
outputStyle: 'compressed' // nested, expanded, compact, compressed
};
let autoprefixerOptions = {
// browsers: ['last 2 versions'], read from package.json key: "browserslist"
cascade: false
};
let cleanCssOptions = {
compatibility: '*',
level: 2
};
let gZipOptions = {
append: false, // disables default append ext .gz
@@ -193,14 +208,6 @@ let brotliOptions = {
}
};
let compassOptions = {
config_file: './config.rb',
css: 'public/css/' + CONF.TAG, // #VERSION# will be replaced with version tag
sass: 'sass',
time: true, // show execution time
sourcemap: true
};
let compressionExt = [gZipOptions.extension, brotliOptions.extension];
// == Helper methods ==================================================================================================
@@ -669,18 +676,31 @@ gulp.task('task:renameJsDest', () => {
});
/**
* build CSS rom SASS files (Compass)
* build CSS rom SASS files
* -> 1. node-sass
* 2. autoprefixer
*/
gulp.task('task:sass', () => {
compassOptions.sourcemap = CONF.CSS.SOURCEMAPS;
return gulp.src( './sass/**/*.scss')
.pipe(compass(compassOptions))
return gulp.src(PATH.CSS.SRC)
.pipe(gulpif(CONF.CSS.SOURCEMAPS, sourcemaps.init()))
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(bytediff.start())
.pipe(bytediff.stop(data => {
trackFile(data, {src: 'startSize', src_percent: 'percent', uglify: 'endSize'});
return colors.green('Build CSS file "' + data.fileName + '"');
}))
.pipe(gulpif(CONF.CSS.SOURCEMAPS, sourcemaps.write('.', {includeContent: false, sourceRoot: '../../../sass'})))
.pipe(gulp.dest(PATH.ASSETS.DIST + '/css/' + CONF.TAG))
.pipe(filter(['!*.map']))
.pipe(gulpif(CONF.CSS.SOURCEMAPS, sourcemaps.init({loadMaps: true})))
.pipe(autoprefixer(autoprefixerOptions))
.pipe(bytediff.start())
.pipe(bytediff.stop(data => {
trackFile(data, {src: 'startSize', src_percent: 'percent', uglify: 'endSize'});
return colors.green('Autoprefix CSS file "' + data.fileName + '"');
}))
.pipe(gulpif(CONF.CSS.SOURCEMAPS, sourcemaps.write('.', {includeContent: false})))
.pipe(gulp.dest(PATH.ASSETS.DIST + '/css/' + CONF.TAG));
});
@@ -688,12 +708,11 @@ gulp.task('task:sass', () => {
* css-clean can be used to "optimize" generated CSS [optional]
*/
gulp.task('task:cleanCss', () => {
return gulp.src( PATH.ASSETS.DIST +'/css/**/*.css')
.pipe(cleanCSS({
compatibility: '*',
level: 2
}))
.pipe(gulp.dest(PATH.ASSETS.DIST +'/css/' + CONF.TAG));
return gulp.src('public/css/' + CONF.TAG + '/*.css')
.pipe(gulpif(CONF.CSS.SOURCEMAPS, sourcemaps.init({loadMaps: true})))
.pipe(cleanCSS(cleanCssOptions))
.pipe(gulpif(CONF.CSS.SOURCEMAPS, sourcemaps.write('.', {includeContent: false})))
.pipe(gulp.dest('./public/css/' + CONF.TAG));
});
// == Helper tasks ====================================================================================================

7
package.json
View File

@@ -13,10 +13,10 @@
"file-extension": "^4.0.5",
"flat": "^5.0.0",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.1",
"gulp-brotli": "^2.0.2",
"gulp-bytediff": "1.0.x",
"gulp-clean-css": "^4.2.0",
"gulp-compass": "2.1.x",
"gulp-debug": "^4.0.0",
"gulp-filter": "^6.0.0",
"gulp-gzip": "1.x.x",
@@ -24,6 +24,7 @@
"gulp-jshint": "2.1.x",
"gulp-rename": "^1.4.0",
"gulp-requirejs-optimize": "1.3.x",
"gulp-sass": "^4.0.2",
"gulp-sourcemaps": "^2.6.5",
"gulp-uglify": "^3.0.2",
"jshint": "^2.11.0",
@@ -43,6 +44,10 @@
"type": "git",
"url": "git+https://github.com/exodus4d/pathfinder.git"
},
"browserslist": [
"last 2 versions",
"> 0.5%"
],
"keywords": [
"pathfinder",
"exodus 4d",

119
public/css/v2.0.0/pathfinder.css
View File

File diff suppressed because one or more lines are too long

8
public/css/v2.0.0/pathfinder.css.map
View File

File diff suppressed because one or more lines are too long

6
sass/_main.scss
View File

@@ -276,7 +276,7 @@ h6, .h6 {
.input-group-addon {
padding: 6px 10px;
will-change: background-color, border-color;
@include border-radius(0);
border-radius: 0;
@include transition(all ease-out .15s);
}
@@ -607,7 +607,7 @@ input[type="email"]{
height: 18px;
background: $gray-light;
@include box-shadow( 0 1px 0 transparent, 0 0 0 1px $gray-light inset);
@include border-radius($progressbar-radius);
border-radius: $progressbar-radius;
}
.progress-bar {
@@ -1028,7 +1028,7 @@ input[type="email"]{
.btn {
font-family: $font-family-bold;
will-change: background-color, border-color;
@include border-radius(2px);
border-radius: 2px;
//@include transition( all 0.06s linear );
@include transition( color 0.18s ease-in-out, background-color 0.18s ease-in-out, border-color 0.18s ease-in-out, box-shadow 0.18s ease-in-out );
//@include box-shadow(0 1px 3px 0 rgba(red($black), green($black), blue($black), 0.12), 0 1px 2px 0 rgba(red($black), green($black), blue($black), 0.24));

582
sass/_reset.scss Normal file
View File

@@ -0,0 +1,582 @@
/**
* Based on
*
* - reset.css 2.0 by Eric Meyer
(public domain)
* http://meyerweb.com/eric/tools/css/reset/
*
* - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
* (licensed under MIT)
* https://github.com/necolas/normalize.css
*
* - Based on Reboot from Bootstrap 4.2.1
* (licensed under MIT)
* https://github.com/twbs/bootstrap
*/
/**
* IE10+ doesn't honor `<meta name="viewport">` in some cases
*/
@-ms-viewport {
width: device-width;
}
/**
* general reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/**
* HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main, summary {
display: block;
}
/**
* inherit box model for all elements
*/
*,
*::before,
*::after {
box-sizing: inherit;
}
/**
* html root rules
* 1. set border-box for inheritance
* 2. avoid 300ms click delay on touch devices that support the `touch-action`
* CSS property
* 3. Prevent adjustments of font size after orientation changes in IE, on
* Windows Phone and iOS.
* 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge,
* so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
* 5. Change the default tap highlight to be completely transparent in iOS.
*/
html {
/* 1 */
box-sizing: border-box;
/* 2 */
touch-action: manipulation;
/* 3 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 4 */
-ms-overflow-style: scrollbar;
/* 5 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
* body rules
* 1. reset line-height to 1
* 2. set base font-family to sans-serif
* 3. Set an explicit initial text-align value so that we can later use the
* `inherit` value on things like `<th>` elements.
*/
body {
/* 1 */
line-height: 1;
/* 2 */
font-family: sans-serif;
/* 3 */
text-align: left;
}
/**
* Lists
*/
ol, ul {
list-style: none;
}
/**
* Quotes
*/
blockquote, q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: '';
content: none;
}
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
caption-side: bottom;
}
/**
* Table Headers
* 1. Matches default `<td>` alignment by inheriting from the `<body>`, or the
* closest parent with a set `text-align`.
*/
th {
/* 1 */
text-align: inherit;
}
/**
* Horizontal Lines
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
box-sizing: content-box;
height: 0;
/* 2 */
overflow: visible;
}
/**
* Preformatted Text
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Don't allow content to break outside
* 3. We have @viewport set which causes scrollbars to overlap content in IE11
* and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
* counteract.
*/
pre,
code,
kbd,
samp {
/* 1 */
font-family: monospace, monospace;
}
pre {
/* 2 */
overflow: auto;
/* 3 */
-ms-overflow-style: scrollbar;
}
/**
* Links
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects;
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 3. Add explicit cursor to indicate changed behavior.
* 4. Prevent the text-decoration to be skipped.
*/
abbr[title] {
/* 1 */
border-bottom: none;
/* 2 */
text-decoration: underline;
text-decoration: underline dotted;
/* 3 */
cursor: help;
/* 4 */
text-decoration-skip-ink: none;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide SVG overflow in IE
*/
svg:not(:root) {
overflow: hidden;
}
/**
* Remove the default `border-radius` that macOS Chrome adds.
* Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
* Credit: https://github.com/suitcss/base/
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
/**
* form element resets
* 1. Remove the margin in Firefox and Safari
* 2. inherit font rules
*/
input,
button,
select,
optgroup,
textarea {
/* 1 */
margin: 0;
/* 2 */
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="reset"],
[type="submit"],
/* 1 */
[type="button"] {
/* 2 */
-webkit-appearance: button;
}
/**
* Remove the default appearance of temporal inputs to avoid a Mobile Safari
* bug where setting a custom line-height prevents text from being vertically
* centered within the input.
* See https://bugs.webkit.org/show_bug.cgi?id=139848
* and https://github.com/twbs/bootstrap/issues/11266
*/
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* Show the overflow in IE.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
*/
button,
select {
text-transform: none;
}
/**
* Remove the inheritance of word-wrap in Safari.
* See https://github.com/twbs/bootstrap/issues/24990
*/
select {
word-wrap: normal;
}
/**
* Remove inner border and padding from Firefox, but don't restore the outline
* like Normalize.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* 1. Add the correct box sizing in IE 10-
* 2. Remove the padding in IE 10-
*/
input[type="radio"],
input[type="checkbox"] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
* Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important;
}
/**
* Browsers set a default `min-width: min-content` on fieldsets,
* unlike e.g. `<div>`s, which have `min-width: 0` by default.
* So we reset that to ensure fieldsets behave more like a standard block element.
* See https://github.com/twbs/bootstrap/issues/12359
* and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
fieldset {
min-width: 0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Set display to block for all browsers
*/
legend {
/* 1 */
max-width: 100%;
white-space: normal;
/* 2 */
color: inherit;
/* 3 */
display: block;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
/* 1 */
-webkit-appearance: textfield;
/* 2 */
outline-offset: -2px;
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
/* 1 */
-webkit-appearance: button;
/* 2 */
font: inherit;
}
/**
* Correct element display for output
*/
output {
display: inline-block;
}
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
[hidden] {
display: none;
}

2
sass/bootstrap/_badges.scss
View File

@@ -17,7 +17,7 @@
text-align: center;
background-color: $badge-bg;
text-indent: initial;
@include border-radius($badge-border-radius);
border-radius: $badge-border-radius;
// Empty badges collapse automatically (not available in IE8)

24
sass/bootstrap/_button-groups.scss
View File

@@ -59,13 +59,15 @@
.btn-group > .btn:first-child {
margin-left: 0;
&:not(:last-child):not(.dropdown-toggle) {
@include border-right-radius(0);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
@include border-left-radius(0);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
@@ -78,11 +80,13 @@
.btn-group > .btn-group:first-child {
> .btn:last-child,
> .dropdown-toggle {
@include border-right-radius(0);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.btn-group > .btn-group:last-child > .btn:first-child {
@include border-left-radius(0);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
// On active and open, don't show outline
@@ -177,11 +181,13 @@
}
&:first-child:not(:last-child) {
border-top-right-radius: $border-radius-base;
@include border-bottom-radius(0);
border-bottom-left-radius: $border-radius-base;
border-bottom-right-radius: $border-radius-base;
}
&:last-child:not(:first-child) {
border-bottom-left-radius: $border-radius-base;
@include border-top-radius(0);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
@@ -190,11 +196,13 @@
.btn-group-vertical > .btn-group:first-child:not(:last-child) {
> .btn:last-child,
> .dropdown-toggle {
@include border-bottom-radius(0);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
@include border-top-radius(0);
border-top-left-radius: 0;
border-top-right-radius: 0;
}

2
sass/bootstrap/_dropdowns.scss
View File

@@ -41,7 +41,7 @@
background-color: $dropdown-bg;
border: 1px solid $dropdown-fallback-border; // IE8 fallback
border: 1px solid $dropdown-border;
@include border-radius(5px);
border-radius: 5px;
@include box-shadow(0 6px 12px rgba(0,0,0,.4));
background-clip: padding-box;

6
sass/bootstrap/_input-groups.scss
View File

@@ -104,7 +104,8 @@
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
@include border-right-radius(0);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
@@ -116,7 +117,8 @@
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
@include border-left-radius(0);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;

2
sass/bootstrap/_labels.scss
View File

@@ -12,7 +12,7 @@
text-align: center;
white-space: nowrap;
vertical-align: baseline;
@include border-radius(3px);
border-radius: 3px;
// Add hover effects, but only for links

6
sass/bootstrap/_list-group.scss
View File

@@ -28,11 +28,13 @@
// Round the first and last items
&:first-child {
@include border-top-radius($list-group-border-radius);
border-top-left-radius: $list-group-border-radius;
border-top-right-radius: $list-group-border-radius;
}
&:last-child {
margin-bottom: 0;
@include border-bottom-radius($list-group-border-radius);
border-bottom-left-radius: $list-group-border-radius;
border-bottom-right-radius: $list-group-border-radius;
}
// Align badges within list items

6
sass/bootstrap/_mixins.scss
View File

@@ -563,13 +563,15 @@
&:first-child {
> a,
> span {
@include border-left-radius($border-radius);
border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius;
}
}
&:last-child {
> a,
> span {
@include border-right-radius($border-radius);
border-top-right-radius: $border-radius;
border-bottom-right-radius: $border-radius;
}
}
}

8
sass/bootstrap/_navbar.scss
View File

@@ -186,7 +186,7 @@
background-color: $gray-dark;
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid darken($gray-lighter, 5%);
@include border-radius(2px);
border-radius: 2px;
// We remove the `outline` here, but later compensate by attaching `:hover`
// styles to `:focus`.
@@ -335,11 +335,13 @@
// Menu position and menu carets
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
@include border-top-radius(0);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
// Menu position and menu caret support for dropups via extra dropup class
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
@include border-bottom-radius(0);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

3
sass/bootstrap/_navs.scss
View File

@@ -237,5 +237,6 @@
// make dropdown border overlap tab border
margin-top: -1px;
// Remove the top rounded corners here since there is a hard edge above the menu
@include border-top-radius(0);
border-top-left-radius: 0;
border-top-right-radius: 0;
}

6
sass/bootstrap/_pagination.scss
View File

@@ -25,13 +25,15 @@
> a,
> span {
margin-left: 0;
@include border-left-radius($border-radius-base);
border-top-left-radius: $border-radius-base;
border-bottom-left-radius: $border-radius-base;
}
}
&:last-child {
> a,
> span {
@include border-right-radius($border-radius-base);
border-top-right-radius: $border-radius-base;
border-bottom-right-radius: $border-radius-base;
}
}
}

12
sass/bootstrap/_panels.scss
View File

@@ -22,7 +22,8 @@
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
@include border-top-radius(($panel-border-radius - 1));
border-top-left-radius: ($panel-border-radius - 1);
border-top-right-radius: ($panel-border-radius - 1);
> .dropdown .dropdown-toggle {
color: inherit;
@@ -46,7 +47,8 @@
padding: 10px 15px;
background-color: $panel-footer-bg;
border-top: 1px solid $panel-inner-border;
@include border-bottom-radius(($panel-border-radius - 1));
border-bottom-left-radius: ($panel-border-radius - 1);
border-bottom-right-radius: ($panel-border-radius - 1);
}
@@ -75,7 +77,8 @@
&:last-child {
.list-group-item:last-child {
border-bottom: 0;
@include border-bottom-radius(($panel-border-radius - 1));
border-bottom-left-radius: ($panel-border-radius - 1);
border-bottom-right-radius: ($panel-border-radius - 1);
}
}
}
@@ -120,7 +123,8 @@
// Add border bottom radius for last one
> .table:last-child,
> .table-responsive:last-child > .table:last-child {
@include border-bottom-radius(($panel-border-radius - 1));
border-bottom-left-radius: ($panel-border-radius - 1);
border-bottom-right-radius: ($panel-border-radius - 1);
> tbody:last-child,
> tfoot:last-child {

3
sass/bootstrap/_popovers.scss
View File

@@ -38,7 +38,8 @@
line-height: 18px;
background-color: $popover-title-bg;
border-bottom: 1px solid darken($popover-bg, 5%);
@include border-top-radius(($border-radius-large - 1));
border-top-left-radius: ($border-radius-large - 1);
border-top-right-radius: ($border-radius-large - 1);
color: $gray-light
}

2
sass/bootstrap/_wells.scss
View File

@@ -10,7 +10,7 @@
margin-bottom: 20px;
background-color: $well-bg;
border: 1px solid $well-border;
@include border-radius(5px);
border-radius: 5px;
color: $gray-darker;
font-family: $font-family-bold;
blockquote {

6
sass/layout/_dialogs.scss
View File

@@ -116,15 +116,15 @@
&.finished{
&:before{
@include border-image( linear-gradient(to right, $teal-dark, $teal-dark) 1 1% );
border-bottom: 0;
border-image: linear-gradient(to right, $teal-dark, $teal-dark) 1 1%;
border-bottom: 0;
}
}
&.active{
&:before{
@include border-image( linear-gradient(to right, $brand-success, $gray-light) 1 1% );
border-image: linear-gradient(to right, $brand-success, $gray-light) 1 1%;
border-bottom: 0;
}
}

2
sass/layout/_forms.scss
View File

@@ -154,7 +154,7 @@ fieldset[disabled]{
line-height: 100px;
margin: 15px 0;
color: $gray-darker;
@include border-radius(10px);
border-radius: 10px;
@include transition( color 0.18s ease-out, border-color 0.18s ease-out);
&:hover{

28
sass/layout/_landing.scss
View File

@@ -15,11 +15,11 @@
@include rainbow;
&.warning{
@include background-image(linear-gradient(to right, $brand-warning, $brand-warning 100%));
background-image: linear-gradient(to right, $brand-warning, $brand-warning 100%);
}
&.danger{
@include background-image(linear-gradient(to right, $brand-danger, $brand-danger 100%));
background-image: linear-gradient(to right, $brand-danger, $brand-danger 100%);
}
}
@@ -45,7 +45,7 @@
text-align: center;
max-width: 500px;
padding: 20px;
@include transform( translate(-50%, -50%) );
transform: translate(-50%, -50%);
}
.pf-splash-debug{
@@ -142,7 +142,7 @@
&:hover{
img{
border-color: $teal-lightest;
@include filter(brightness( 50% ));
filter: brightness( 50% );
}
&:before{
@@ -160,7 +160,7 @@
}
display: inline-block;
will-change: all;
@include filter(brightness( 100% ));
filter: brightness( 100% );
@include transition(all 0.2s ease-out);
@@ -202,11 +202,11 @@
background: url("#{$base-url}/#{$body-background-image}") $body-background-color;
background-repeat: no-repeat;
background-position: 0 0;
@include filter(brightness(0.9))
filter: brightness(0.9);
}
#pf-logo-container{
@include transform( scale3d(0.8, 0.8, 1) ); // downscales logo
transform: scale3d(0.8, 0.8, 1); // downscales logo
}
#pf-header-container{
@@ -240,7 +240,7 @@
width: 180px;
padding: 7px;
opacity: 0;
@include border-radius(5px);
border-radius: 5px;
background: {
color: rgba(43, 43, 43, 0.5);
}
@@ -254,7 +254,7 @@
position: absolute;
width: calc(100% - 14px);
height: calc(100% - 14px);
@include border-radius(3px);
border-radius: 3px;
background: {
repeat: no-repeat;
position: 50% 50%;
@@ -332,7 +332,7 @@
padding: 10px 10px 5px 10px;
min-width: 155px;
min-height: 184px;
@include border-radius(10px);
border-radius: 10px;
@include box-shadow(0 4px 10px rgba(0,0,0, 0.4));
.ribbon-wrapper{
@@ -344,9 +344,9 @@
opacity: 0;
width: 128px;
border: 2px solid $gray-light;
@include border-radius(8px);
border-radius: 8px;
@include transition( border-color 0.2s ease-out, box-shadow 0.2s ease-out);
@include transform( translate3d(0, 0, 0) );
transform: translate3d(0, 0, 0);
will-change: border-color, transition;
overflow: hidden;
cursor: pointer;
@@ -362,7 +362,7 @@
}
.pf-character-image{
@include filter(grayscale(50%))
filter: grayscale(50%);
}
}
@@ -422,7 +422,7 @@
border-top-left-radius: 8px;
border-top-right-radius: 8px;
@include transition(all 0.3s ease-out);
@include filter(grayscale(0%));
filter: grayscale(0%);
}
}
}

2
sass/layout/_logo.scss
View File

@@ -10,7 +10,7 @@ $logo-stroke-width: 0px;
path{
will-change: fill, opacity, transform, translateZ, translateX, translateY;
pointer-events: all;
@include transform( translate3d(0, 0, 0) );
transform: translate3d(0, 0, 0);
}
}

12
sass/layout/_main.scss
View File

@@ -932,7 +932,7 @@ table{
opacity: 0;
background: $gray-darker;
z-index: 1060;
@include border-radius(5px);
border-radius: 5px;
.pf-loading-overlay-wrapper{
width: 25px;
@@ -1152,14 +1152,14 @@ table{
text-shadow: 1px 1px 2px $gray-darkest; // improve text contrast
background-color: $pink-darker;
@include background-image(linear-gradient(-45deg,
background-image: linear-gradient(-45deg,
$purple-dark 25%,
transparent 25%,
transparent 50%,
$purple-dark 50%,
$purple-dark 75%,
transparent 75%,
transparent));
transparent);
background-size: 25px 25px;
-webkit-animation: move 2.5s linear infinite;
-moz-animation: move 2.5s linear infinite;
@@ -1469,7 +1469,7 @@ table{
line-height: 12px;
min-width: 14px;
text-align: center;
@include border-radius(3px);
border-radius: 3px;
@include box-shadow(0 3px 6px rgba(0,0,0,.3));
}
}
@@ -1563,7 +1563,7 @@ table{
background-color: $gray;
font-family: $font-family-bold;
padding: 5px 5px;
@include border-radius(3px);
border-radius: 3px;
@include box-shadow(0 6px 12px rgba(0,0,0,.4));
}
@@ -1618,7 +1618,7 @@ td.pf-popover-trigger{
position: relative;
background-color: $gray-dark;
overflow: hidden;
@include border-radius(5px);
border-radius: 5px;
.dl-horizontal{
margin-bottom: 0;

21
sass/layout/_map.scss
View File

@@ -27,7 +27,7 @@ $mapBubbleWidth: 30px;
display: none; // triggered by js
z-index: 10000;
background: rgba($black, 0.25);
@include border-radius(5px);
border-radius: 5px;
&.pf-map-overlay-timer{
right: $mapOverlayRight;
@@ -223,7 +223,8 @@ $mapBubbleWidth: 30px;
width: 100%;
height: 100%;
opacity: 0.6;
background: inline-image("/grid_40x40.png") !important;
//background: inline-image("/grid_40x40.png") !important;
background: url('data:image/png;base64,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') !important;
}
}
@@ -282,7 +283,7 @@ $mapBubbleWidth: 30px;
&.jtk-drag-active{
// @see .pf-system:hover style. We want the same hover style for systems that are active drop-target
@include box-shadow(0 6px 12px rgba(0,0,0, 0.3));
@include transform(translate3d(0, -1px, 0) scale(1.1) !important);
transform: translate3d(0, -1px, 0) scale(1.1) !important;
}
}
@@ -304,16 +305,16 @@ $mapBubbleWidth: 30px;
style: solid;
color: $gray-light;
}
@include border-radius(5px);
border-radius: 5px;
// change border color with transition
@include transition( border-color 0.2s ease-out, box-shadow 0.12s ease-out, opacity 0.12s ease-out);
@include transform( translate3d(0, 0, 0) );
transform: translate3d(0, 0, 0);
&:not(.jtk-drag-hover):hover{
// makes the systems "flying" :)
@include box-shadow(0 6px 12px rgba(0,0,0, 0.3));
@include transform(translate3d(0, -1px, 0) !important);
transform: translate3d(0, -1px, 0) !important;
}
.pf-system-head{
@@ -762,7 +763,7 @@ $mapBubbleWidth: 30px;
@extend %map-overlay;
line-height: 14px;
padding: 1px 4px;
@include border-radius(6px);
border-radius: 6px;
@include box-shadow(0 3px 6px rgba(0,0,0,.3));
&.small{
@@ -771,7 +772,7 @@ $mapBubbleWidth: 30px;
padding: 1px 2px;
line-height: 12px;
min-width: 14px;
@include border-radius(3px);
border-radius: 3px;
}
&.icon{
@@ -782,7 +783,7 @@ $mapBubbleWidth: 30px;
height: 12px;
overflow: hidden;
text-align: center;
@include border-radius(50%);
border-radius: 50%;
}
&.debug{
@@ -848,7 +849,7 @@ $mapBubbleWidth: 30px;
border: 1px dashed $gray-lighter;
pointer-events: none; // required for "mouseover" event which should be ignored
will-change: left, top, width, height, opacity;
@include border-radius(5px);
border-radius: 5px;
@include transition(opacity 0.15s linear);
&.active {

7
sass/layout/_map_module.scss
View File

@@ -209,7 +209,8 @@ $mapModuleGridRowMinHeight: 38px;
background: rgba($gray-darker, 0.93);
box-shadow: inset -3px 3px 10px 0 rgba($black, 0.3);
will-change: width, height;
@include border-top-radius(0px);
border-top-left-radius: 0;
border-top-right-radius: 0;
border: {
width: 1px;
style: solid;
@@ -276,7 +277,7 @@ $mapModuleGridRowMinHeight: 38px;
padding: 10px;
width: 100%;
overflow: hidden;
@include border-radius(5px);
border-radius: 5px;
border-top-left-radius: 0;
opacity: 0; // animated by JS
will-change: opacity, transform, height;
@@ -344,7 +345,7 @@ $mapModuleGridRowMinHeight: 38px;
&:hover {
.fa-sync {
@include transform(rotateZ(720deg));
transform: rotateZ(720deg);
}
}

8
sass/layout/_popover.scss
View File

@@ -25,7 +25,8 @@
> .hidden + .popover-footer, // first content child is .hidden -> border radius to footer
> .popover-footer:first-child { // no content -> border radius to footer
@include border-top-radius(($border-radius-large - 1));
border-top-left-radius: ($border-radius-large - 1);
border-top-right-radius: ($border-radius-large - 1);
}
}
@@ -34,12 +35,13 @@
padding: 8px 14px; // same as popover-title
background-color: $popover-title-bg;
border-top: 1px solid darken($popover-bg, 5%);
@include border-bottom-radius(($border-radius-large - 1));
border-bottom-left-radius: ($border-radius-large - 1);
border-bottom-right-radius: ($border-radius-large - 1);
}
// image in popover
img{
@include border-radius(3px);
border-radius: 3px;
}
h4{

12
sass/layout/_ribbon.scss
View File

@@ -20,7 +20,7 @@
top: 16px;
width: 99px;
@include box-shadow(2px 3px 3px rgba(0,0,0,0.2));
@include transform(rotate(45deg));
transform: rotate(45deg);
&:before, &:after{
@@ -34,7 +34,7 @@
&.ribbon-default{
color: $gray-lighter;
background-color: darken($modal-content-bg, 3%);
@include background-image(linear-gradient(top, darken($modal-content-bg, 6%), darken($gray-dark, 3%)));
background-image: linear-gradient(top, darken($modal-content-bg, 6%), darken($gray-dark, 3%));
&:before, &:after{
border-top: 3px solid darken($gray-dark, 23%);
@@ -43,7 +43,7 @@
&.ribbon-green{
background-color: $green;
@include background-image(linear-gradient(top, darken($green, 3%), darken($green-dark, 3%)));
background-image: linear-gradient(top, darken($green, 3%), darken($green-dark, 3%));
&:before, &:after{
border-top: 3px solid darken($green-dark, 23%);
@@ -52,7 +52,7 @@
&.ribbon-orange{
background-color: $orange;
@include background-image(linear-gradient(top, darken($orange, 3%), darken($orange-dark, 3%)));
background-image: linear-gradient(top, darken($orange, 3%), darken($orange-dark, 3%));
&:before, &:after{
border-top: 3px solid darken($orange-dark, 18%) ;
@@ -61,7 +61,7 @@
&.ribbon-red{
background-color: $red;
@include background-image(linear-gradient(top, darken($red, 10%), darken($red, 18%)));
background-image: linear-gradient(top, darken($red, 10%), darken($red, 18%));
&:before, &:after{
border-top: 3px solid darken($red, 38%);
@@ -70,7 +70,7 @@
&.ribbon-blue{
background-color: $blue;
@include background-image(linear-gradient(top, darken($blue, 3%), darken($blue-dark, 3%)));
background-image: linear-gradient(top, darken($blue, 3%), darken($blue-dark, 3%));
&:before, &:after{
border-top: 3px solid darken($blue-dark, 18%);

1
sass/layout/_sortable.scss
View File

@@ -4,6 +4,7 @@
&:before {
content: '\22EE\22EE\00A0';
display: inline-block;
font-style: normal;
cursor: -moz-grab !important;
cursor: -webkit-grab !important;
cursor: grab !important;

6
sass/layout/_timeline.scss
View File

@@ -13,7 +13,7 @@
left: 50%;
margin-top: 20px;
@include background-image(linear-gradient(to bottom, $green-dark, $gray-light 25%));
background-image: linear-gradient(to bottom, $green-dark, $gray-light 25%);
}
.timeline > li {
@@ -60,7 +60,7 @@
background-color: $gray-dark;
font-size: 11px;
@include box-shadow(0 4px 10px rgba(0,0,0, 0.4));
@include border-radius(5px);
border-radius: 5px;
}
.timeline > li > .timeline-panel:before {
@@ -99,7 +99,7 @@
margin-left: -11px;
background-color: $gray-light;
z-index: 100;
@include border-radius(50%);
border-radius: 50%;
> i {
vertical-align: middle;

6
sass/layout/module/_system_killboard.scss
View File

@@ -92,7 +92,7 @@
border: 1px solid $gray-darker;
overflow: hidden;
will-change: border-color;
@include border-radius(50%);
border-radius: 50%;
@include transition(border-color 0.12s ease-out);
}
@@ -108,7 +108,7 @@
border: 1px solid $gray-darker;
overflow: hidden;
will-change: border-color;
@include border-radius(50%);
border-radius: 50%;
@include transition(border-color 0.12s ease-out);
align-self: center;
}
@@ -125,7 +125,7 @@
border: 1px solid $gray-darker;
overflow: hidden;
will-change: border-color;
@include border-radius(50%);
border-radius: 50%;
@include transition(border-color 0.12s ease-out);
}

6
sass/library/blue-imp-gallery/_blueimp-gallery.scss
View File

@@ -47,7 +47,7 @@
/* Set the carousel width/height ratio to 16/9: */
padding-bottom: 56.25%;
@include box-shadow(0 4px 10px rgba(0,0,0, 0.4));
@include border-radius(5px);
border-radius: 5px;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
@@ -110,7 +110,7 @@
text-decoration: none;
text-align: center;
background: rgba($black, 0.2);
@include border-radius(5px);
border-radius: 5px;
@include box-sizing(content-box);
@include transition(color 0.09s linear);
will-change: color;
@@ -173,7 +173,7 @@
line-height: 35px;
text-align: center;
background: rgba($black, 0.2);
@include border-radius(5px);
border-radius: 5px;
@include box-sizing(content-box);
@include transition(color 0.09s linear);
will-change: color;

2
sass/library/custom-scrollbar/_mCustomScrollbar.scss
View File

@@ -371,7 +371,7 @@ yx-axis
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
//background-image: url(mCSB_buttons.png); /* css sprites */
background: inline-image("/custom-scrollbar/mCSB_buttons.png"); /* css sprites */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACQCAYAAACPtWCAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMURDMzE5NzIzQkNFMTExOTY0QkYwNzFDNzkwNTlDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOTMwRUZENEMxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOTMwRUZEM0MxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MGJlMjMyZC1hNzgzLTI1NGQtOTI4Yy02NDI0YmQxNTg0YWEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTFEQzMxOTcyM0JDRTExMTk2NEJGMDcxQzc5MDU5QzQiLz4gPC9yZGY6RGVzY3Jp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');
background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}

3
sass/library/select2/theme/pathfinder/_layout.scss vendored
View File

@@ -111,7 +111,8 @@
// hide small "arrow" for hidden select elements
select.select2-hidden-accessible {
@include appearance( none );
-moz-appearance: none;
-webkit-appearance: none;
}
select[readonly].select2-hidden-accessible {

5
sass/pathfinder.scss
View File

@@ -9,9 +9,8 @@
*
*/
@import "compass";
@import "compass/reset";
@import "compass/css3";
// CSS Reset - https://github.com/simbo/css-reset-and-normalize
@import "reset";
// Core variables and mixins
@import "colors";