diff --git a/.vscode/settings.json b/.vscode/settings.json index 23fd35f..ad92582 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,3 @@ { - "editor.formatOnSave": true -} \ No newline at end of file + "editor.formatOnSave": true +} diff --git a/.vscode/tasks.json b/.vscode/tasks.json new file mode 100644 index 0000000..97fd9c2 --- /dev/null +++ b/.vscode/tasks.json @@ -0,0 +1,17 @@ +{ + // See https://go.microsoft.com/fwlink/?LinkId=733558 + // for the documentation about the tasks.json format + "version": "2.0.0", + "tasks": [ + { + "label": "SCSS Compile", + "type": "shell", + "command": "sass styles/bitd-alt.scss styles/css/bitd-alt.css", + "group": { + "kind": "build", + "isDefault": true + }, + "problemMatcher": [] + } +] +} diff --git a/module.json b/module.json index 788311f..597d8b1 100644 --- a/module.json +++ b/module.json @@ -25,6 +25,12 @@ } ], "conflicts": [], + "flags": { + "hotReload": { + "extensions": ["hbs", "css", "html"], + "paths": ["templates", "templates/parts", "langs", "styles", "images"] + } + }, "esmodules": ["/scripts/module.js"], "scripts": ["scripts/lib/markdown-it.min.js"], "styles": ["/styles/css/bitd-alt.css"], diff --git a/scripts/blades-alternate-actor-sheet.js b/scripts/blades-alternate-actor-sheet.js index 4322856..b165eae 100644 --- a/scripts/blades-alternate-actor-sheet.js +++ b/scripts/blades-alternate-actor-sheet.js @@ -5,7 +5,6 @@ import { queueUpdate } from "./lib/update-queue.js"; // import { migrateWorld } from "../../../systems/blades-in-the-dark/module/migration.js"; - /** * Pure chaos * @extends {BladesSheet} @@ -364,6 +363,10 @@ export class BladesAlternateActorSheet extends BladesSheet { let sheetData = await super.getData(); sheetData.editable = this.options.editable; sheetData.isGM = game.user.isGM; + sheetData.showAliasInDirectory = this.actor.getFlag( + "bitd-alternate-sheets", + "showAliasInDirectory" + ); const actorData = sheetData.data; sheetData.actor = actorData; sheetData.system = actorData.system; @@ -787,6 +790,12 @@ export class BladesAlternateActorSheet extends BladesSheet { new ContextMenu(html, ".trauma-item", this.traumaListContextMenu); new ContextMenu(html, ".acquaintance", this.acquaintanceContextMenu); + html.find('*[contenteditable="true"]').on("paste", (e) => { + e.preventDefault(); + let text = (e.originalEvent || e).clipboardData.getData("text/plain"); + document.execCommand("insertText", false, text); + }); + html.find("button.clearLoad").on("click", async (e) => { this.clearLoad(); }); @@ -817,9 +826,10 @@ export class BladesAlternateActorSheet extends BladesSheet { this._onRadioToggle(e); }); - html.find(".inline-input").on("input", async (ev) => { + html.find(".inline-input").on("keyup", async (ev) => { let input = ev.currentTarget.previousSibling; input.value = ev.currentTarget.innerText; + console.log(ev.currentTarget.innerText); }); html.find(".inline-input").on("blur", async (ev) => { @@ -863,6 +873,15 @@ export class BladesAlternateActorSheet extends BladesSheet { this.setLocalProp("allow_edit", !this.allow_edit); }); + html.find(".toggle-alias-display").click(async (event) => { + event.preventDefault(); + this.actor.setFlag( + "bitd-alternate-sheets", + "showAliasInDirectory", + !this.actor.getFlag("bitd-alternate-sheets", "showAliasInDirectory") + ); + }); + html.find(".item-block .main-checkbox").change((ev) => { let checkbox = ev.target; let itemId = checkbox.closest(".item-block").dataset.itemId; diff --git a/scripts/handlebars-helpers.js b/scripts/handlebars-helpers.js index a474e0b..51d8cf1 100644 --- a/scripts/handlebars-helpers.js +++ b/scripts/handlebars-helpers.js @@ -42,7 +42,7 @@ export const registerHandlebarsHelpers = function () { context ) { let html = ""; - if (current_value?.length === 0) { + if (current_value?.length === 0 || !current_value) { current_value = blank_value; } html += ` + + + + + `; + console.log("HTMLLLL", html); + return html; + } + ); + + Handlebars.registerHelper("ifCond", function (v1, operator, v2, options) { + switch (operator) { + case "==": + return v1 == v2 ? options.fn(this) : options.inverse(this); + case "===": + return v1 === v2 ? options.fn(this) : options.inverse(this); + case "!=": + return v1 != v2 ? options.fn(this) : options.inverse(this); + case "!==": + return v1 !== v2 ? options.fn(this) : options.inverse(this); + case "<": + return v1 < v2 ? options.fn(this) : options.inverse(this); + case "<=": + return v1 <= v2 ? options.fn(this) : options.inverse(this); + case ">": + return v1 > v2 ? options.fn(this) : options.inverse(this); + case ">=": + return v1 >= v2 ? options.fn(this) : options.inverse(this); + case "&&": + return v1 && v2 ? options.fn(this) : options.inverse(this); + case "||": + return v1 || v2 ? options.fn(this) : options.inverse(this); + default: + return options.inverse(this); + } + }); + Handlebars.registerHelper("clean-name", function (input) { return Utils.trimClassFromName(input); }); diff --git a/scripts/hooks.js b/scripts/hooks.js index 2ac0fb5..d41679b 100644 --- a/scripts/hooks.js +++ b/scripts/hooks.js @@ -1,16 +1,19 @@ import { BladesAlternateActorSheet } from "./blades-alternate-actor-sheet.js"; import { registerDiceSoNiceChanges } from "./dice-so-nice.js"; import { Patch } from "./patches.js"; -import { MODULE_ID, Utils } from "./utils.js"; +import { Utils } from "./utils.js"; export async function registerHooks() { // Hooks.once('ready', () => { // if(!game.modules.get('lib-wrapper')?.active && game.user.isGM) // ui.notifications.error("Module Blades in the Dark Alternate Sheets requires the 'libWrapper' module. Please install and activate it."); - // CONFIG.debug.hooks = true; // }); + // Hooks.once("setup", () => { + // }); Hooks.once("ready", () => { + CONFIG.debug.hooks = true; + Hooks.once("diceSoNiceReady", (dice3d) => { registerDiceSoNiceChanges(dice3d); }); @@ -50,6 +53,11 @@ export async function registerHooks() { } }); + Hooks.on("renderSidebarTab", async (app, html, options) => { + if (options.tabName !== "actors") return; + Utils.replaceCharacterNamesInDirectory(app, html); + }); + Hooks.on("renderBladesClockSheet", async (sheet, html, options) => { let characters = game.actors.filter((a) => { return a.type === "character"; diff --git a/scripts/utils.js b/scripts/utils.js index 42a7cbc..d178540 100644 --- a/scripts/utils.js +++ b/scripts/utils.js @@ -420,6 +420,27 @@ export class Utils { } } + static replaceCharacterNamesInDirectory(app, html) { + const listOfCharacterIds = app.documents + .filter( + (item) => + item.type === "character" && + item.getFlag("bitd-alternate-sheets", "showAliasInDirectory") + ) + .map((item) => item._id); + console.log( + `Found ${listOfCharacterIds.length} character(s) to rename in the directory` + ); + for (const character of listOfCharacterIds) { + html + .find(`[data-document-id="${character}"]`) + .find(".document-name.entry-name") + .each((index, el) => { + el.innerHtml = `${game.actors.get(character).system.alias}`; + }); + } + } + static prepIndexForHelper(index) { let prepped = {}; if (index) { diff --git a/styles/css/bitd-alt.css b/styles/css/bitd-alt.css index 911d09e..54bd7ff 100644 --- a/styles/css/bitd-alt.css +++ b/styles/css/bitd-alt.css @@ -29,6 +29,922 @@ .blades-alt { font-family: "Crimson Text", serif; } +.blades-alt .row { + box-sizing: border-box; + margin: 0 auto; + width: 100%; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + flex: 0 1 auto; + flex-direction: row; + flex-wrap: wrap; +} +.blades-alt .row.reverse { + flex-direction: row-reverse; +} +.blades-alt .row.natural-height { + align-items: flex-start; +} +.blades-alt .row.flex-column { + flex-direction: column; +} +.blades-alt .col { + box-sizing: border-box; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + padding: 0px; +} +.blades-alt .col.reverse { + flex-direction: column-reverse; +} +.blades-alt .first { + order: -1; +} +.blades-alt .last { + order: 1; +} +.blades-alt .align-start { + align-self: flex-start; +} +.blades-alt .align-end { + align-self: flex-end; +} +.blades-alt .align-center { + align-self: center; +} +.blades-alt .align-baseline { + align-self: baseline; +} +.blades-alt .align-stretch { + align-self: stretch; +} +.blades-alt .col-xs { + box-sizing: border-box; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + padding: 0px; +} +.blades-alt .col-xs-1 { + box-sizing: border-box; + flex-basis: 8.3333333333%; + max-width: 8.3333333333%; + padding: 0px; +} +.blades-alt .col-xs-offset-1 { + margin-left: 8.3333333333%; +} +.blades-alt .col-xs-2 { + box-sizing: border-box; + flex-basis: 16.6666666667%; + max-width: 16.6666666667%; + padding: 0px; +} +.blades-alt .col-xs-offset-2 { + margin-left: 16.6666666667%; +} +.blades-alt .col-xs-3 { + box-sizing: border-box; + flex-basis: 25%; + max-width: 25%; + padding: 0px; +} +.blades-alt .col-xs-offset-3 { + margin-left: 25%; +} +.blades-alt .col-xs-4 { + box-sizing: border-box; + flex-basis: 33.3333333333%; + max-width: 33.3333333333%; + padding: 0px; +} +.blades-alt .col-xs-offset-4 { + margin-left: 33.3333333333%; +} +.blades-alt .col-xs-5 { + box-sizing: border-box; + flex-basis: 41.6666666667%; + max-width: 41.6666666667%; + padding: 0px; +} +.blades-alt .col-xs-offset-5 { + margin-left: 41.6666666667%; +} +.blades-alt .col-xs-6 { + box-sizing: border-box; + flex-basis: 50%; + max-width: 50%; + padding: 0px; +} +.blades-alt .col-xs-offset-6 { + margin-left: 50%; +} +.blades-alt .col-xs-7 { + box-sizing: border-box; + flex-basis: 58.3333333333%; + max-width: 58.3333333333%; + padding: 0px; +} +.blades-alt .col-xs-offset-7 { + margin-left: 58.3333333333%; +} +.blades-alt .col-xs-8 { + box-sizing: border-box; + flex-basis: 66.6666666667%; + max-width: 66.6666666667%; + padding: 0px; +} +.blades-alt .col-xs-offset-8 { + margin-left: 66.6666666667%; +} +.blades-alt .col-xs-9 { + box-sizing: border-box; + flex-basis: 75%; + max-width: 75%; + padding: 0px; +} +.blades-alt .col-xs-offset-9 { + margin-left: 75%; +} +.blades-alt .col-xs-10 { + box-sizing: border-box; + flex-basis: 83.3333333333%; + max-width: 83.3333333333%; + padding: 0px; +} +.blades-alt .col-xs-offset-10 { + margin-left: 83.3333333333%; +} +.blades-alt .col-xs-11 { + box-sizing: border-box; + flex-basis: 91.6666666667%; + max-width: 91.6666666667%; + padding: 0px; +} +.blades-alt .col-xs-offset-11 { + margin-left: 91.6666666667%; +} +.blades-alt .col-xs-12 { + box-sizing: border-box; + flex-basis: 100%; + max-width: 100%; + padding: 0px; +} +.blades-alt .col-xs-offset-12 { + margin-left: 100%; +} +.blades-alt .row.start-xs { + justify-content: flex-start; +} +.blades-alt .row.center-xs { + justify-content: center; +} +.blades-alt .row.end-xs { + justify-content: flex-end; +} +.blades-alt .row.top-xs { + align-items: flex-start; +} +.blades-alt .row.middle-xs { + align-items: center; +} +.blades-alt .row.bottom-xs { + align-items: flex-end; +} +.blades-alt .row.around-xs { + justify-content: space-around; +} +.blades-alt .row.between-xs { + justify-content: space-between; +} +.blades-alt .first-xs { + order: -1; +} +.blades-alt .last-xs { + order: 1; +} +@media only screen and (min-width: 41rem) { + .blades-alt .col-sm { + box-sizing: border-box; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + padding: 0px; + } + .blades-alt .col-sm-1 { + box-sizing: border-box; + flex-basis: 8.3333333333%; + max-width: 8.3333333333%; + padding: 0px; + } + .blades-alt .col-sm-offset-1 { + margin-left: 8.3333333333%; + } + .blades-alt .col-sm-2 { + box-sizing: border-box; + flex-basis: 16.6666666667%; + max-width: 16.6666666667%; + padding: 0px; + } + .blades-alt .col-sm-offset-2 { + margin-left: 16.6666666667%; + } + .blades-alt .col-sm-3 { + box-sizing: border-box; + flex-basis: 25%; + max-width: 25%; + padding: 0px; + } + .blades-alt .col-sm-offset-3 { + margin-left: 25%; + } + .blades-alt .col-sm-4 { + box-sizing: border-box; + flex-basis: 33.3333333333%; + max-width: 33.3333333333%; + padding: 0px; + } + .blades-alt .col-sm-offset-4 { + margin-left: 33.3333333333%; + } + .blades-alt .col-sm-5 { + box-sizing: border-box; + flex-basis: 41.6666666667%; + max-width: 41.6666666667%; + padding: 0px; + } + .blades-alt .col-sm-offset-5 { + margin-left: 41.6666666667%; + } + .blades-alt .col-sm-6 { + box-sizing: border-box; + flex-basis: 50%; + max-width: 50%; + padding: 0px; + } + .blades-alt .col-sm-offset-6 { + margin-left: 50%; + } + .blades-alt .col-sm-7 { + box-sizing: border-box; + flex-basis: 58.3333333333%; + max-width: 58.3333333333%; + padding: 0px; + } + .blades-alt .col-sm-offset-7 { + margin-left: 58.3333333333%; + } + .blades-alt .col-sm-8 { + box-sizing: border-box; + flex-basis: 66.6666666667%; + max-width: 66.6666666667%; + padding: 0px; + } + .blades-alt .col-sm-offset-8 { + margin-left: 66.6666666667%; + } + .blades-alt .col-sm-9 { + box-sizing: border-box; + flex-basis: 75%; + max-width: 75%; + padding: 0px; + } + .blades-alt .col-sm-offset-9 { + margin-left: 75%; + } + .blades-alt .col-sm-10 { + box-sizing: border-box; + flex-basis: 83.3333333333%; + max-width: 83.3333333333%; + padding: 0px; + } + .blades-alt .col-sm-offset-10 { + margin-left: 83.3333333333%; + } + .blades-alt .col-sm-11 { + box-sizing: border-box; + flex-basis: 91.6666666667%; + max-width: 91.6666666667%; + padding: 0px; + } + .blades-alt .col-sm-offset-11 { + margin-left: 91.6666666667%; + } + .blades-alt .col-sm-12 { + box-sizing: border-box; + flex-basis: 100%; + max-width: 100%; + padding: 0px; + } + .blades-alt .col-sm-offset-12 { + margin-left: 100%; + } + .blades-alt .row.start-sm { + justify-content: flex-start; + } + .blades-alt .row.center-sm { + justify-content: center; + } + .blades-alt .row.end-sm { + justify-content: flex-end; + } + .blades-alt .row.top-sm { + align-items: flex-start; + } + .blades-alt .row.middle-sm { + align-items: center; + } + .blades-alt .row.bottom-sm { + align-items: flex-end; + } + .blades-alt .row.around-sm { + justify-content: space-around; + } + .blades-alt .row.between-sm { + justify-content: space-between; + } + .blades-alt .first-sm { + order: -1; + } + .blades-alt .last-sm { + order: 1; + } +} +@media only screen and (min-width: 65rem) { + .blades-alt .col-md { + box-sizing: border-box; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + padding: 0px; + } + .blades-alt .col-md-1 { + box-sizing: border-box; + flex-basis: 8.3333333333%; + max-width: 8.3333333333%; + padding: 0px; + } + .blades-alt .col-md-offset-1 { + margin-left: 8.3333333333%; + } + .blades-alt .col-md-2 { + box-sizing: border-box; + flex-basis: 16.6666666667%; + max-width: 16.6666666667%; + padding: 0px; + } + .blades-alt .col-md-offset-2 { + margin-left: 16.6666666667%; + } + .blades-alt .col-md-3 { + box-sizing: border-box; + flex-basis: 25%; + max-width: 25%; + padding: 0px; + } + .blades-alt .col-md-offset-3 { + margin-left: 25%; + } + .blades-alt .col-md-4 { + box-sizing: border-box; + flex-basis: 33.3333333333%; + max-width: 33.3333333333%; + padding: 0px; + } + .blades-alt .col-md-offset-4 { + margin-left: 33.3333333333%; + } + .blades-alt .col-md-5 { + box-sizing: border-box; + flex-basis: 41.6666666667%; + max-width: 41.6666666667%; + padding: 0px; + } + .blades-alt .col-md-offset-5 { + margin-left: 41.6666666667%; + } + .blades-alt .col-md-6 { + box-sizing: border-box; + flex-basis: 50%; + max-width: 50%; + padding: 0px; + } + .blades-alt .col-md-offset-6 { + margin-left: 50%; + } + .blades-alt .col-md-7 { + box-sizing: border-box; + flex-basis: 58.3333333333%; + max-width: 58.3333333333%; + padding: 0px; + } + .blades-alt .col-md-offset-7 { + margin-left: 58.3333333333%; + } + .blades-alt .col-md-8 { + box-sizing: border-box; + flex-basis: 66.6666666667%; + max-width: 66.6666666667%; + padding: 0px; + } + .blades-alt .col-md-offset-8 { + margin-left: 66.6666666667%; + } + .blades-alt .col-md-9 { + box-sizing: border-box; + flex-basis: 75%; + max-width: 75%; + padding: 0px; + } + .blades-alt .col-md-offset-9 { + margin-left: 75%; + } + .blades-alt .col-md-10 { + box-sizing: border-box; + flex-basis: 83.3333333333%; + max-width: 83.3333333333%; + padding: 0px; + } + .blades-alt .col-md-offset-10 { + margin-left: 83.3333333333%; + } + .blades-alt .col-md-11 { + box-sizing: border-box; + flex-basis: 91.6666666667%; + max-width: 91.6666666667%; + padding: 0px; + } + .blades-alt .col-md-offset-11 { + margin-left: 91.6666666667%; + } + .blades-alt .col-md-12 { + box-sizing: border-box; + flex-basis: 100%; + max-width: 100%; + padding: 0px; + } + .blades-alt .col-md-offset-12 { + margin-left: 100%; + } + .blades-alt .row.start-md { + justify-content: flex-start; + } + .blades-alt .row.center-md { + justify-content: center; + } + .blades-alt .row.end-md { + justify-content: flex-end; + } + .blades-alt .row.top-md { + align-items: flex-start; + } + .blades-alt .row.middle-md { + align-items: center; + } + .blades-alt .row.bottom-md { + align-items: flex-end; + } + .blades-alt .row.around-md { + justify-content: space-around; + } + .blades-alt .row.between-md { + justify-content: space-between; + } + .blades-alt .first-md { + order: -1; + } + .blades-alt .last-md { + order: 1; + } +} +@media only screen and (min-width: 91rem) { + .blades-alt .col-lg { + box-sizing: border-box; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + padding: 0px; + } + .blades-alt .col-lg-1 { + box-sizing: border-box; + flex-basis: 8.3333333333%; + max-width: 8.3333333333%; + padding: 0px; + } + .blades-alt .col-lg-offset-1 { + margin-left: 8.3333333333%; + } + .blades-alt .col-lg-2 { + box-sizing: border-box; + flex-basis: 16.6666666667%; + max-width: 16.6666666667%; + padding: 0px; + } + .blades-alt .col-lg-offset-2 { + margin-left: 16.6666666667%; + } + .blades-alt .col-lg-3 { + box-sizing: border-box; + flex-basis: 25%; + max-width: 25%; + padding: 0px; + } + .blades-alt .col-lg-offset-3 { + margin-left: 25%; + } + .blades-alt .col-lg-4 { + box-sizing: border-box; + flex-basis: 33.3333333333%; + max-width: 33.3333333333%; + padding: 0px; + } + .blades-alt .col-lg-offset-4 { + margin-left: 33.3333333333%; + } + .blades-alt .col-lg-5 { + box-sizing: border-box; + flex-basis: 41.6666666667%; + max-width: 41.6666666667%; + padding: 0px; + } + .blades-alt .col-lg-offset-5 { + margin-left: 41.6666666667%; + } + .blades-alt .col-lg-6 { + box-sizing: border-box; + flex-basis: 50%; + max-width: 50%; + padding: 0px; + } + .blades-alt .col-lg-offset-6 { + margin-left: 50%; + } + .blades-alt .col-lg-7 { + box-sizing: border-box; + flex-basis: 58.3333333333%; + max-width: 58.3333333333%; + padding: 0px; + } + .blades-alt .col-lg-offset-7 { + margin-left: 58.3333333333%; + } + .blades-alt .col-lg-8 { + box-sizing: border-box; + flex-basis: 66.6666666667%; + max-width: 66.6666666667%; + padding: 0px; + } + .blades-alt .col-lg-offset-8 { + margin-left: 66.6666666667%; + } + .blades-alt .col-lg-9 { + box-sizing: border-box; + flex-basis: 75%; + max-width: 75%; + padding: 0px; + } + .blades-alt .col-lg-offset-9 { + margin-left: 75%; + } + .blades-alt .col-lg-10 { + box-sizing: border-box; + flex-basis: 83.3333333333%; + max-width: 83.3333333333%; + padding: 0px; + } + .blades-alt .col-lg-offset-10 { + margin-left: 83.3333333333%; + } + .blades-alt .col-lg-11 { + box-sizing: border-box; + flex-basis: 91.6666666667%; + max-width: 91.6666666667%; + padding: 0px; + } + .blades-alt .col-lg-offset-11 { + margin-left: 91.6666666667%; + } + .blades-alt .col-lg-12 { + box-sizing: border-box; + flex-basis: 100%; + max-width: 100%; + padding: 0px; + } + .blades-alt .col-lg-offset-12 { + margin-left: 100%; + } + .blades-alt .row.start-lg { + justify-content: flex-start; + } + .blades-alt .row.center-lg { + justify-content: center; + } + .blades-alt .row.end-lg { + justify-content: flex-end; + } + .blades-alt .row.top-lg { + align-items: flex-start; + } + .blades-alt .row.middle-lg { + align-items: center; + } + .blades-alt .row.bottom-lg { + align-items: flex-end; + } + .blades-alt .row.around-lg { + justify-content: space-around; + } + .blades-alt .row.between-lg { + justify-content: space-between; + } + .blades-alt .first-lg { + order: -1; + } + .blades-alt .last-lg { + order: 1; + } +} +@media only screen and (min-width: 121rem) { + .blades-alt .col-xl { + box-sizing: border-box; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + padding: 0px; + } + .blades-alt .col-xl-1 { + box-sizing: border-box; + flex-basis: 8.3333333333%; + max-width: 8.3333333333%; + padding: 0px; + } + .blades-alt .col-xl-offset-1 { + margin-left: 8.3333333333%; + } + .blades-alt .col-xl-2 { + box-sizing: border-box; + flex-basis: 16.6666666667%; + max-width: 16.6666666667%; + padding: 0px; + } + .blades-alt .col-xl-offset-2 { + margin-left: 16.6666666667%; + } + .blades-alt .col-xl-3 { + box-sizing: border-box; + flex-basis: 25%; + max-width: 25%; + padding: 0px; + } + .blades-alt .col-xl-offset-3 { + margin-left: 25%; + } + .blades-alt .col-xl-4 { + box-sizing: border-box; + flex-basis: 33.3333333333%; + max-width: 33.3333333333%; + padding: 0px; + } + .blades-alt .col-xl-offset-4 { + margin-left: 33.3333333333%; + } + .blades-alt .col-xl-5 { + box-sizing: border-box; + flex-basis: 41.6666666667%; + max-width: 41.6666666667%; + padding: 0px; + } + .blades-alt .col-xl-offset-5 { + margin-left: 41.6666666667%; + } + .blades-alt .col-xl-6 { + box-sizing: border-box; + flex-basis: 50%; + max-width: 50%; + padding: 0px; + } + .blades-alt .col-xl-offset-6 { + margin-left: 50%; + } + .blades-alt .col-xl-7 { + box-sizing: border-box; + flex-basis: 58.3333333333%; + max-width: 58.3333333333%; + padding: 0px; + } + .blades-alt .col-xl-offset-7 { + margin-left: 58.3333333333%; + } + .blades-alt .col-xl-8 { + box-sizing: border-box; + flex-basis: 66.6666666667%; + max-width: 66.6666666667%; + padding: 0px; + } + .blades-alt .col-xl-offset-8 { + margin-left: 66.6666666667%; + } + .blades-alt .col-xl-9 { + box-sizing: border-box; + flex-basis: 75%; + max-width: 75%; + padding: 0px; + } + .blades-alt .col-xl-offset-9 { + margin-left: 75%; + } + .blades-alt .col-xl-10 { + box-sizing: border-box; + flex-basis: 83.3333333333%; + max-width: 83.3333333333%; + padding: 0px; + } + .blades-alt .col-xl-offset-10 { + margin-left: 83.3333333333%; + } + .blades-alt .col-xl-11 { + box-sizing: border-box; + flex-basis: 91.6666666667%; + max-width: 91.6666666667%; + padding: 0px; + } + .blades-alt .col-xl-offset-11 { + margin-left: 91.6666666667%; + } + .blades-alt .col-xl-12 { + box-sizing: border-box; + flex-basis: 100%; + max-width: 100%; + padding: 0px; + } + .blades-alt .col-xl-offset-12 { + margin-left: 100%; + } + .blades-alt .row.start-xl { + justify-content: flex-start; + } + .blades-alt .row.center-xl { + justify-content: center; + } + .blades-alt .row.end-xl { + justify-content: flex-end; + } + .blades-alt .row.top-xl { + align-items: flex-start; + } + .blades-alt .row.middle-xl { + align-items: center; + } + .blades-alt .row.bottom-xl { + align-items: flex-end; + } + .blades-alt .row.around-xl { + justify-content: space-around; + } + .blades-alt .row.between-xl { + justify-content: space-between; + } + .blades-alt .first-xl { + order: -1; + } + .blades-alt .last-xl { + order: 1; + } +} +.blades-alt .col-gutter-lr { + padding: 0 0px; +} +.blades-alt .col-no-gutter { + padding: 0; +} +.blades-alt .show { + display: block !important; +} +.blades-alt .row.show { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.blades-alt .hide { + display: none !important; +} +.blades-alt .show-xs { + display: block !important; +} +.blades-alt .row.show-xs { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} +.blades-alt .hide-xs { + display: none !important; +} +@media only screen and (max-width: 40rem) { + .blades-alt .show-xs-only { + display: block !important; + } + .blades-alt .row.show-xs-only { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .blades-alt .hide-xs-only { + display: none !important; + } +} +@media only screen and (min-width: 41rem) { + .blades-alt .show-sm { + display: block !important; + } + .blades-alt .row.show-sm { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .blades-alt .hide-sm { + display: none !important; + } +} +@media only screen and (min-width: 41rem) and (max-width: 64rem) { + .blades-alt .show-sm-only { + display: block !important; + } + .blades-alt .row.show-sm-only { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .blades-alt .hide-sm-only { + display: none !important; + } +} +@media only screen and (min-width: 65rem) { + .blades-alt .show-md { + display: block !important; + } + .blades-alt .row.show-md { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .blades-alt .hide-md { + display: none !important; + } +} +@media only screen and (min-width: 65rem) and (max-width: 90rem) { + .blades-alt .show-md-only { + display: block !important; + } + .blades-alt .row.show-md-only { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .blades-alt .hide-md-only { + display: none !important; + } +} +@media only screen and (min-width: 91rem) { + .blades-alt .show-lg { + display: block !important; + } + .blades-alt .row.show-lg { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .blades-alt .hide-lg { + display: none !important; + } +} +@media only screen and (min-width: 91rem) and (max-width: 120rem) { + .blades-alt .show-lg-only { + display: block !important; + } + .blades-alt .row.show-lg-only { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .blades-alt .hide-lg-only { + display: none !important; + } +} +@media only screen and (min-width: 121rem) { + .blades-alt .show-xl { + display: block !important; + } + .blades-alt .row.show-xl { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .blades-alt .hide-xl { + display: none !important; + } +} .blades-alt textarea { margin-top: 10px; margin-bottom: 20px; @@ -63,6 +979,11 @@ margin-bottom: 0px; justify-content: center; } +.blades-alt .flex-lazy { + display: flex; + flex-grow: 0; + flex-shrink: 0; +} .blades-alt .tab[data-tab] { display: none; } @@ -80,7 +1001,7 @@ } .blades-alt .black-label { background-color: #191813; - color: #EEEFFF; + color: #eeefff; font-size: 21px; text-align: center; padding: 0px 5px; @@ -101,7 +1022,7 @@ .blades-alt .label-stripe { text-transform: uppercase; background-color: #191813; - color: #EEEFFF; + color: #eeefff; margin-bottom: 10px; position: relative; padding-left: 10px; @@ -159,14 +1080,20 @@ .blades-alt #loadout select:hover { color: red; } -.blades-alt #abilities .item-name, .blades-alt #loadout .item-name, .blades-alt #faction-items .item-name { +.blades-alt #abilities .item-name, +.blades-alt #loadout .item-name, +.blades-alt #faction-items .item-name { width: 100px; margin-left: 10px; } -.blades-alt #abilities .item-body, .blades-alt #loadout .item-body, .blades-alt #faction-items .item-body { +.blades-alt #abilities .item-body, +.blades-alt #loadout .item-body, +.blades-alt #faction-items .item-body { width: auto; } -.blades-alt #abilities .item-description, .blades-alt #loadout .item-description, .blades-alt #faction-items .item-description { +.blades-alt #abilities .item-description, +.blades-alt #loadout .item-description, +.blades-alt #faction-items .item-description { width: 260px; } .blades-alt td { @@ -235,7 +1162,9 @@ height: 100%; padding: auto; } -.blades-alt.actor.sheet.pc .sheet-wrapper .hover-details, .blades-alt.actor.sheet.pc .sheet-wrapper .hover-term, .blades-alt.actor.sheet.pc .sheet-wrapper .v10-tooltip { +.blades-alt.actor.sheet.pc .sheet-wrapper .hover-details, +.blades-alt.actor.sheet.pc .sheet-wrapper .hover-term, +.blades-alt.actor.sheet.pc .sheet-wrapper .v10-tooltip { cursor: help; color: #660000; font-weight: bold; @@ -276,7 +1205,7 @@ width: 100%; font-size: 2em; font-family: Kirsty, serif; - color: #EEEFFF; + color: #eeefff; } .blades-alt.actor.sheet.pc .sheet-wrapper #context-menu ol li * { @@ -300,7 +1229,7 @@ } .blades-alt.actor.sheet.pc .sheet-wrapper header.full-bar { background-color: #191813; - color: #EEEFFF; + color: #eeefff; padding: 3px; width: 100%; font-family: Kirsty, serif; @@ -333,7 +1262,7 @@ width: auto; height: auto; background-image: none !important; - color: #EEEFFF; + color: #eeefff; } .blades-alt.actor.sheet.pc .sheet-wrapper header.full-bar .stripe-tooth-body.right label[for$="-0"] i { margin-top: 4px; @@ -376,7 +1305,7 @@ width: auto; height: auto; background-image: none !important; - color: #EEEFFF; + color: #eeefff; } .blades-alt.actor.sheet.pc .sheet-wrapper header.full-bar .stripe-tooth-body.stress label[for$="-0"] i { margin-top: 4px; @@ -450,29 +1379,48 @@ .blades-alt.actor.sheet.pc .sheet-wrapper.allow-edit .sheet-toggles .toggle-allow-edit .fa-lock { display: none; } +.blades-alt.actor.sheet.pc .sheet-wrapper span.toggle-alias-display { + display: inline-block; + cursor: pointer; + background: #008000; + color: rgba(255, 255, 255, 0.6); + border-radius: 3px; +} +.blades-alt.actor.sheet.pc .sheet-wrapper span.toggle-alias-display:hover { + color: #fff; +} +.blades-alt.actor.sheet.pc .sheet-wrapper span.toggle-alias-display i { + width: 100%; + text-align: center; + padding: 4px 6px; +} +.blades-alt.actor.sheet.pc .sheet-wrapper span.toggle-alias-display .fa-face-disguise { + display: none; +} +.blades-alt.actor.sheet.pc .sheet-wrapper.showing-alias .sheet-toggles .toggle-alias-display { + background-color: #800000; +} +.blades-alt.actor.sheet.pc .sheet-wrapper.showing-alias .sheet-toggles .toggle-alias-display .fa-face-disguise { + display: inline-block; +} +.blades-alt.actor.sheet.pc .sheet-wrapper.showing-alias .sheet-toggles .toggle-alias-display .fa-face-smile { + display: none; +} .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view { - display: grid; - height: 235px; - grid-template-columns: auto 1fr; - column-gap: 1em; - grid-template-rows: 2fr 1fr 1fr 1fr 4fr; - grid-template-areas: "portrait main-row" "portrait sub-row-1" "portrait sub-row-2" "portrait sub-row-3" "portrait actions"; + align-items: center; } .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait { - grid-area: portrait; - place-self: center; - width: 200px; - height: 200px; - flex-shrink: 0; - flex-grow: 0; position: relative; } +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait.row { + align-items: center; +} .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .portrait { border-radius: 100px; overflow: hidden; border: 6px solid #999; - width: 100%; - height: 100%; + width: 200px; + height: 200px; position: relative; top: -10px; } @@ -571,7 +1519,7 @@ .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .coins-box .full-view .coins label { height: 15px; width: 15px; - background-color: #DAA520; + background-color: #daa520; vertical-align: middle; border: 1px solid #191813; transition: filter 0.1s; @@ -588,10 +1536,10 @@ display: none; } .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .coins-box .full-view .coins input:checked ~ label { - background-color: #EEEFFF; + background-color: #eeefff; } .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .coins-box .full-view .coins input:checked + label { - background-color: #DAA520; + background-color: #daa520; } .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .coins-box .full-view .coins input ~ label { margin-right: 3px; @@ -616,7 +1564,8 @@ display: flex; justify-content: space-between; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .coins-box.open .full-view .coins .hand, .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .coins-box.open .full-view .coins .stash { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .coins-box.open .full-view .coins .hand, +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .coins-box.open .full-view .coins .stash { display: inline-block; text-align: left; } @@ -704,7 +1653,7 @@ font-family: "Crimson Text", serif; left: 0px; width: 100%; - color: #EEEFFF; + color: #eeefff; } .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .harm-box.open .full-view .character-harm { display: grid; @@ -725,7 +1674,7 @@ .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .harm-box.open .full-view .character-harm header { width: calc(100% + 5px); background-color: #191813; - color: #EEEFFF; + color: #eeefff; } .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .status-buttons .harm-box.open .full-view .character-harm header.harm { grid-area: header-harm; @@ -943,43 +1892,38 @@ .blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-portrait .stress-trauma-box .trauma-box .trauma-list .add_trauma { font-size: 1em; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .name-alias { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info { + padding-left: 1em; +} +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .name-alias { font-family: Kirsty, serif; font-weight: bold; font-size: 3em; color: #191813; - grid-area: main-row; + line-height: 0.4em; + padding-bottom: 0.2em; + padding-top: 0.5em; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .name-alias .alias { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .name-alias .alias { font-size: 0.6em; font-weight: normal; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .heritage-background { - grid-area: sub-row-1; -} -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .look { - grid-area: sub-row-2; -} -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .bio { - border-bottom: 2px solid #191813; -} -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .abilities-list { - grid-area: sub-row-3; +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .bio { + border-bottom: 1px solid #191813; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions { - grid-area: actions; +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .abilities-list { + border-bottom: 1px solid #191813; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions { - display: flex; - justify-content: space-between; - justify-items: stretch; - max-width: 600px; +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions { + background-color: rgba(0, 0, 0, 0.1); + margin-bottom: 0.75rem; + column-gap: 0.5rem; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions header.full-bar { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions header.full-bar { background-color: #666; - color: #EEEFFF; + color: #eeefff; background-color: #191813; - color: #EEEFFF; + color: #eeefff; padding: 3px; width: 100%; font-family: Kirsty, serif; @@ -988,18 +1932,17 @@ margin-bottom: 5px; line-height: 1em; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute { flex-grow: 1; - margin: 0 5px 10px 5px; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action { padding: 0 5px; display: flex; /* Hide the browser's default checkbox */ justify-content: flex-start; align-items: stretch; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action label { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action label { height: 1em; width: 1em; background-color: #cc0000; @@ -1009,7 +1952,7 @@ transition: filter 0.1s; cursor: pointer; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action label[for$="-0"] { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action label[for$="-0"] { height: 5px; width: 5px; border-radius: 24px; @@ -1017,42 +1960,42 @@ background-color: red !important; margin-right: 0px; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action label:hover { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action label:hover { filter: brightness(0.7); opacity: 0.7; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action input { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action input { display: none; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action input:not(:checked) ~ label:hover { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action input:not(:checked) ~ label:hover { background-color: rgba(204, 0, 0, 0.5); } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action input:checked ~ label { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action input:checked ~ label { background-color: transparent; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action input:checked + label { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action input:checked + label { transition: filter 0.1s; cursor: pointer; background-color: #cc0000; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action input:checked + label:hover { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action input:checked + label:hover { filter: brightness(0.7); opacity: 0.7; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action .attribute-skill-label { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action .attribute-skill-label { font-weight: bold; font-variant: small-caps; padding: 3px 0; margin-left: 0.4em; line-height: 0.8em; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action label { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action label { margin: 2px; border: 1px solid #666666; box-sizing: border-box; position: relative; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute .action label:not(.item):first-of-type::after { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute .action label:not(.item):first-of-type::after { content: ""; display: inline-block; height: 150%; @@ -1062,9 +2005,42 @@ right: -3px; top: -3px; } -.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .attributes-actions .attribute input.zero { +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .attribute input.zero { display: none; } +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .harm-list { + text-align: center; + margin-top: 0.3rem; +} +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .harm-list span.dash:last-child { + display: none; +} +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .harm-list .harm-block { + color: #fff !important; + position: relative; + font-size: 1rem; + align-items: center; + line-height: 1em; + padding: 0.1em 0 0.2em; +} +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .harm-list .harm-block.light { + background-color: #197e00; +} +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .harm-list .harm-block.medium { + background-color: #957c00; +} +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .harm-list .harm-block.heavy { + background-color: #a00000; +} +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .harm-list .harm-block i { + flex-grow: 0; + margin: 0.2em; +} +.blades-alt.actor.sheet.pc .sheet-wrapper .minimized-view .character-info .attributes-actions .harm-list .harm-block .harm { + white-space: nowrap; + text-decoration: underline; + font-family: Kirsty, serif; +} .blades-alt.actor.sheet.pc .sheet-wrapper .tab-space nav.tabs { display: grid; grid-template-columns: 1fr 1fr; @@ -1266,7 +2242,7 @@ } .blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab .playbook header.full-bar { background-color: #666; - color: #EEEFFF; + color: #eeefff; } .blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab.downtime { line-height: 1em; @@ -1281,7 +2257,7 @@ width: 100%; font-family: Kirsty, serif; background-color: #191813; - color: #EEEFFF; + color: #eeefff; padding: 3px; text-align: center; } @@ -1296,12 +2272,13 @@ .blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab.downtime .downtimeWrapper table tr { text-align: center; } -.blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab.downtime .downtimeWrapper table tr td, .blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab.downtime .downtimeWrapper table tr th { +.blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab.downtime .downtimeWrapper table tr td, +.blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab.downtime .downtimeWrapper table tr th { padding: 3px; } .blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab.downtime .downtimeWrapper table tr th { background-color: #191813; - color: #EEEFFF; + color: #eeefff; } .blades-alt.actor.sheet.pc .sheet-wrapper .tab-space .tab-content .tab.downtime .downtimeWrapper .column { display: flex; @@ -1335,16 +2312,15 @@ flex-grow: 0; } .blades-alt.item.sheet.class .attributes-actions { - display: flex; - justify-content: space-between; - justify-items: stretch; - max-width: 600px; + background-color: rgba(0, 0, 0, 0.1); + margin-bottom: 0.75rem; + column-gap: 0.5rem; } .blades-alt.item.sheet.class .attributes-actions header.full-bar { background-color: #666; - color: #EEEFFF; + color: #eeefff; background-color: #191813; - color: #EEEFFF; + color: #eeefff; padding: 3px; width: 100%; font-family: Kirsty, serif; @@ -1355,7 +2331,6 @@ } .blades-alt.item.sheet.class .attributes-actions .attribute { flex-grow: 1; - margin: 0 5px 10px 5px; } .blades-alt.item.sheet.class .attributes-actions .attribute .action { padding: 0 5px; @@ -1430,6 +2405,39 @@ .blades-alt.item.sheet.class .attributes-actions .attribute input.zero { display: none; } +.blades-alt.item.sheet.class .attributes-actions .harm-list { + text-align: center; + margin-top: 0.3rem; +} +.blades-alt.item.sheet.class .attributes-actions .harm-list span.dash:last-child { + display: none; +} +.blades-alt.item.sheet.class .attributes-actions .harm-list .harm-block { + color: #fff !important; + position: relative; + font-size: 1rem; + align-items: center; + line-height: 1em; + padding: 0.1em 0 0.2em; +} +.blades-alt.item.sheet.class .attributes-actions .harm-list .harm-block.light { + background-color: #197e00; +} +.blades-alt.item.sheet.class .attributes-actions .harm-list .harm-block.medium { + background-color: #957c00; +} +.blades-alt.item.sheet.class .attributes-actions .harm-list .harm-block.heavy { + background-color: #a00000; +} +.blades-alt.item.sheet.class .attributes-actions .harm-list .harm-block i { + flex-grow: 0; + margin: 0.2em; +} +.blades-alt.item.sheet.class .attributes-actions .harm-list .harm-block .harm { + white-space: nowrap; + text-decoration: underline; + font-family: Kirsty, serif; +} .blades-alt.item.sheet { justify-content: space-between; } @@ -1456,7 +2464,7 @@ display: none; position: absolute; padding: 10px; - color: #EEEFFF; + color: #eeefff; background-color: #191813; border: 1px solid #777; border-radius: 3px; diff --git a/styles/css/bitd-alt.css.map b/styles/css/bitd-alt.css.map index 81d8172..35de0e0 100644 --- a/styles/css/bitd-alt.css.map +++ b/styles/css/bitd-alt.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/mixin.scss","../scss/bitd-alt.scss","../scss/import/general-styles.scss","../scss/import/character-sheet.scss","../scss/import/coins.scss","../scss/import/attributes.scss","../scss/import/item-sheet.scss","../scss/import/tooltip.scss"],"names":[],"mappings":";AACA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAsHA;AAAA;AAAA;AA0DA;AAAA;AAAA;AA2CA;AAAA;AAAA;AAmCA;AAAA;AAAA;AAwEA;AAAA;AAAA;AA8FA;AAAA;AAAA;AAoCA;AAAA;AAAA;ACncA;EACE;;ACvBF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EACE,kBD3Da;EC4Db,OD3Da;EC4Db;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,kBDxEK;ECyEL,ODvEa;ECwEb;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA,kBDnFa;ECoFb,ODnFa;ECoFb;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,kBDjGK;ECkGL;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAIA;EFlHA;EACA;;AAEA;EACE;EACA,SCIY;EDFV,OCRA;;ACyHJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDlIW;ECmIX;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAKF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAIJ;EACE;;ADxIA;AE9BF;AAAA;AAAA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEF;EACE;EACA,OFrBE;;AEwBJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA,YFpFO;EEqFP;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,kBF7GK;EE8GL;EACA;EACA;EACA;EACA,OFjHK;;;AEuHb;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE,kBFhJW;EEiJX,OFhJW;EEiJX;EACA;EACA;EACA;EACA;EACA;EACA;;AAIE;EACE;EACA;EACA;EH9IN;AAmCA;;AA/BE;EACE,QG0I4B;EHzI5B,OGyIsB;EHxItB;EACA;EACA;EACA;EA3BJ;EACA;;AA4BI;EACE;;AAEF;EACE;EACA;EACA;EACA,OCnCO;;ADqCP;EACE;;AApCR;EACE;EACA,SAuCmC;;AASrC;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;;AGkGE;EACE;EACA;EACA;EHpJN;AAmCA;;AA/BE;EACE,QGgJ4B;EH/I5B,OG+IsB;EH9ItB;EACA;EACA;EACA;EA3BJ;EACA;;AA4BI;EACE;;AAEF;EACE;EACA;EACA;EACA,OCnCO;;ADqCP;EACE;;AApCR;EACE;EACA,SAuCmC;;AASrC;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;;AG2GF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EAAY;;AACZ;EAAc;;AAKZ;EAAY;;AACZ;EAAc;;;AAIlB;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE;;AAcF;EACE;;AACA;EACE;;AAEF;EACE;;AAMR;EACE;EACA;EAEA;EACA;EACA;EACA,qBACI;;AAMJ;EAEE;EACA;EACA,OAHgB;EAIhB,QAJgB;EAKhB;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAGF;EHrON,WGsO2B;EHrO3B,YGqOiC;EHpOjC;EACA;EACA;EACA,OCjFa;EDkFb;EACA;EACA;;AAEA;EACE;EACA;EACA,OGyNyB;EHxNzB,QGwN+B;;AHvN/B;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE,OChHW;;ADiHX;EACE,kBCtHM;EDuHN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OGuLmC;EHrLnC;;AGuLI;EACE;;AAEF;EACE;EACA;EACA;;AC5TZ;EJmME;AAsBA;EIvNA;;AJwME;EACE,QI9MM;EJ+MN,OI/MM;EJgNN,kBCzMC;ED2MD;EACA;EA9MJ;EACA;;AA+MI;EACE;;AA9MN;EACE;EACA,SA8MiC;;AAKnC;EACE;;AAIE;EACE,kBC7NO;;AD+NT;EACE,kBC/ND;;AGAL;EACE,cAPU;EAQV,eARU;EJIZ;EACA;;AIKE;EACE;;AJJJ;EACE;EACA,SCIY;;AGId;EACE;;AAGF;EACE;;ADqTU;EACE;EACA;;AACA;EACE;EACA;;AAOV;EHvQN,WGwQ2B;EHvQ3B,YGuQiC;EHtQjC;EACA;EACA;EACA,OCjFa;EDkFb;EACA;EACA;;AAEA;EACE;EACA;EACA,OG2PyB;EH1PzB,QG0P+B;;AHzP/B;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE,OChHW;;ADiHX;EACE,kBCtHM;EDuHN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OGyNmC;EHvNnC;;AGwNI;EACE;EACA;EACA;;AACA;EAAS;;AACT;EAAW;;AACX;EAAW;;AACX;EAAa;;AACb;EAAS;;AACT;EAAW;;AACX;EAAS;;AAET;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OFxWC;;AEgXD;EACE;EACA;EACA;EACA;EACA;EACA;EACA,qBACA;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA,kBFvYH;EEwYG,OFvYH;;AEyYC;EAAY;;AACZ;EAAc;;AACd;EAAe;;AACf;EAAS;;AACT;EAAO;;AACP;EAAmB;;AACnB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAoB;;AACpB;EAAQ;;AACR;EAAQ;;AACR;EAAmB;;AACnB;EACE;EACA;EHtIhB;;AAEA;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EA1SJ;EACA;;AAEA;EACE;EACA,SAwSiC;;AAGjC;EACE;EACA;;AAiBF;EACE;;AAMA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AGgFU;EACE;EACA;EACA;;AAGJ;EAAS;;AACT;EAAW;EAAkB;;AAC7B;EAAa;EAAmC;;AAChD;EACE,kBFraH;EEsaG;EACA;EACA;EACA;;AAOV;EHpWN,WGqW2B;EHpW3B,YGoWiC;EHnWjC;EACA;EACA;EACA,OCjFa;EDkFb;EACA;EACA;;AAEA;EACE;EACA;EACA,OGwVyB;EHvVzB,QGuV+B;;AHtV/B;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE,OChHW;;ADiHX;EACE,kBCtHM;EDuHN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AGqTI;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA,kBFheA;EEieA,OF7dG;EE8dH;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AASV;EACE;EACA;EACA;EACA,OF1fS;EE2fT;;AAMA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AE5hBN;EACI;EACA;EACA;EACA;;AAEA;EACI,kBJNG;EIOH,OJHO;EIIP,kBJLO;EIMP,OJLO;EIMP;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACA;EACA;;AAEA;EACI;ELkHN;AA6BA;EK7IM;EACA;;ALsHJ;EACE,QKzH6B;EL0H7B,OK1HwB;EL2HxB,kBARW;EAUX;EACA;EACA;EArJJ;EACA;;AAsJI;EACE;EACA;EACA;EACA;EACA;EACA;;AA1JN;EACE;EACA,SA2JiC;;AAKnC;EACE;;AAGE;EACE;;AAMF;EACE,kBAzCU;;AA2CZ;EAnLJ;EACA;EAqLM,kBA7CS;;AAtIf;EACE;EACA,SAgLmC;;AK3J/B;EACA;EACA;EACA;EACA;EACA;;AAIA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AFyeJ;EACE;EACA;EACA;EACA;EACA,qBACI;;AAGN;EACE;EACA;EACA;EACA;EACA,kBFhjBM;EEijBN;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAOF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA,OFrlBG;EEslBH;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;;AAIE;EACE;EACA;EACA;EACA;EACA;EACA,qBACI;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,YF7nBA;EE8nBA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA,YFzoBA;EE0oBA;;AAEE;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAMR;EACE;EACA,YFprBA;;AEurBF;EACE;;AACA;EACE;;AAEF;EACE;EAIA;EACA;;AACS;EACP;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQF;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA,YF9uBA;EE+uBA;EAEA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;;AAMR;EACE;;AAGF;EACE;EACA,YF3wBA;EE4wBA;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKN;EACE,kBFzxBD;EE0xBC,OFtxBG;;AE0xBP;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,kBFtyBG;EEuyBH,OFtyBG;EEuyBH;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;;AAEE;EACE;;AACA;EACE;;AAEF;EACE,kBFzzBH;EE0zBG,OFzzBH;;AE6zBH;EACE;EACA;EACA;;AACA;EACE,kBFv0BJ;;AEw0BI;EACE;;AAEF;EACE;;AACA;EACE;;AAQZ;EACE,kBFv1BE;EEw1BF;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AEp2BZ;EACI;EACA;EACA;EACA;;AAEA;EACI,kBJNG;EIOH,OJHO;EIIP,kBJLO;EIMP,OJLO;EIMP;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACA;EACA;;AAEA;EACI;ELkHN;AA6BA;EK7IM;EACA;;ALsHJ;EACE,QKzH6B;EL0H7B,OK1HwB;EL2HxB,kBARW;EAUX;EACA;EACA;EArJJ;EACA;;AAsJI;EACE;EACA;EACA;EACA;EACA;EACA;;AA1JN;EACE;EACA,SA2JiC;;AAKnC;EACE;;AAGE;EACE;;AAMF;EACE,kBAzCU;;AA2CZ;EAnLJ;EACA;EAqLM,kBA7CS;;AAtIf;EACE;EACA,SAgLmC;;AK3J/B;EACA;EACA;EACA;EACA;EACA;;AAIA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;ACzDR;EACE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACpBR;EACE;EACA;EACA;EACA,ONEa;EMDb;EACA;EAEA;EACA;EACA","file":"bitd-alt.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/mixin.scss","../scss/bitd-alt.scss","../scss/import/flexbox/_grid.scss","../scss/import/flexbox/mixins/_grid-mixins.scss","../scss/import/flexbox/_visibility.scss","../scss/import/general-styles.scss","../scss/import/character-sheet.scss","../scss/import/coins.scss","../scss/import/attributes.scss","../scss/import/item-sheet.scss","../scss/import/tooltip.scss"],"names":[],"mappings":";AACA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAsHA;AAAA;AAAA;AA0DA;AAAA;AAAA;AA2CA;AAAA;AAAA;AAmCA;AAAA;AAAA;AAwEA;AAAA;AAAA;AA8FA;AAAA;AAAA;AAoCA;AAAA;AAAA;ACncA;EACE;;ACjBF;ECHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADDF;ECUE;;ADNF;ECUE;;ADNF;ECUE;;ADNF;EC2BI;EACA;EACA;EACA;EACA,SF5BO;;ACCX;ECME;;ADFF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACI;;AAKF;EACE;EACA;EACA;EACA;EACA,SDxCO;;AC2CP;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAPF;EACE;EACA;EACA;EACA,SD/CK;;ACiDP;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AASA;EAvDF;IACE;IACA;IACA;IACA;IACA,SDxCO;;EC2CP;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAGJ;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAaA;EA3DF;IACE;IACA;IACA;IACA;IACA,SDxCO;;EC2CP;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAGJ;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAiBA;EA/DF;IACE;IACA;IACA;IACA;IACA,SDxCO;;EC2CP;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAGJ;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAqBA;EAnEF;IACE;IACA;IACA;IACA;IACA,SDxCO;;EC2CP;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAPF;IACE;IACA;IACA;IACA,SD/CK;;ECiDP;IACE;;EAGJ;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AA2BJ;EACI;;AAGJ;EACI;;AEzIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAKA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AASA;EAlBF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AAaA;EAtBF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AAiBA;EA1BF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AAqBA;EA9BF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AAyBA;EAlCF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AA6BA;EAtCF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AAiCA;EA1CF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AAqCA;EA9CF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AC1BJ;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EACE,kBJhEa;EIiEb,OJhEa;EIiEb;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,kBJ7EK;EI8EL,OJ5Ea;EI6Eb;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,kBJvFa;EIwFb,OJvFa;EIwFb;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,kBJrGK;EIsGL;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAIA;ELtHA;EACA;;AAEA;EACE;EACA,SCIY;EDFV,OCRA;;AIkIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,kBJ5IW;EI6IX;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAOF;AAAA;AAAA;EACE;EACA;;AAEF;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;;AAIJ;EACE;;AJjJA;AKlCF;AAAA;AAAA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEF;EACE;EACA,OLpBE;;AKuBJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA,YLtFO;EKuFP;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,kBL/GK;EKgHL;EACA;EACA;EACA;EACA,OLnHK;;;AKyHb;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE,kBLlJW;EKmJX,OLlJW;EKmJX;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EN/IN;AAmCA;;AA/BE;EACE,QM6II;EN5IJ,OM2II;EN1IJ;EACA;EACA;EACA;EA3BJ;EACA;;AA4BI;EACE;;AAEF;EACE;EACA;EACA;EACA,OCnCO;;ADqCP;EACE;;AApCR;EACE;EACA,SAuCmC;;AASrC;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;;AMwGE;EACE;EACA;EACA;EN1JN;AAmCA;;AA/BE;EACE,QMwJI;ENvJJ,OMsJI;ENrJJ;EACA;EACA;EACA;EA3BJ;EACA;;AA4BI;EACE;;AAEF;EACE;EACA;EACA;EACA,OCnCO;;ADqCP;EACE;;AApCR;EACE;EACA,SAuCmC;;AASrC;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;;AMsHF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAMA;EACE;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE;;AAaF;EACE;;AACA;EACE;;AAEF;EACE;;AAKR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE;;AAKA;EACE;;AACA;EACE;;AAEF;EACE;;AASR;EACE;;AACA;EAEE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA,OAXc;EAYd,QAZc;EAad;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAGF;EN7QN,WM8Q2B;EN7Q3B,YM6QiC;EN5QjC;EACA;EACA;EACA,OCjFa;EDkFb;EACA;EACA;;AAEA;EACE;EACA;EACA,OMiQyB;ENhQzB,QMgQ+B;;AN/P/B;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE,OChHW;;ADiHX;EACE,kBCtHM;EDuHN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OM+NmC;EN7NnC;;AM+NI;EACE;;AAEF;EACE;EACA;EACA;;ACpWZ;EPmME;AAsBA;EOvNA;;APwME;EACE,QO9MM;EP+MN,OO/MM;EPgNN,kBCzMC;ED2MD;EACA;EA9MJ;EACA;;AA+MI;EACE;;AA9MN;EACE;EACA,SA8MiC;;AAKnC;EACE;;AAIE;EACE,kBC7NO;;AD+NT;EACE,kBC/ND;;AMAL;EACE,cAPU;EAQV,eARU;EPIZ;EACA;;AOKE;EACE;;APJJ;EACE;EACA,SCIY;;AMId;EACE;;AAGF;EACE;;AD4VU;EACE;EACA;;AACA;AAAA;EAEE;EACA;;AAOV;EN/SN,WMgT2B;EN/S3B,YM+SiC;EN9SjC;EACA;EACA;EACA,OCjFa;EDkFb;EACA;EACA;;AAEA;EACE;EACA;EACA,OMmSyB;ENlSzB,QMkS+B;;ANjS/B;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE,OChHW;;ADiHX;EACE,kBCtHM;EDuHN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OMiQmC;EN/PnC;;AMgQI;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OL9ZC;;AKoaD;EACE;EACA;EACA;EACA;EACA;EACA;EACA,qBACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA,kBL3bH;EK4bG,OL3bH;;AK6bC;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;ENpNhB;;AAEA;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EA1SJ;EACA;;AAEA;EACE;EACA,SAwSiC;;AAGjC;EACE;EACA;;AAiBF;EACE;;AAMA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AM8JU;EACE;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE,kBL3fH;EK4fG;EACA;EACA;EACA;;AAOV;EN1bN,WM2b2B;EN1b3B,YM0biC;ENzbjC;EACA;EACA;EACA,OCjFa;EDkFb;EACA;EACA;;AAEA;EACE;EACA;EACA,OM8ayB;EN7azB,QM6a+B;;AN5a/B;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE,OChHW;;ADiHX;EACE,kBCtHM;EDuHN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AM2YI;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA,kBLrjBA;EKsjBA,OLljBG;EKmjBH;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAOV;EACE;;AACA;EACE;EACA;EACA;EACA,OL/kBO;EKglBP;EACA;EACA;;AAKA;EACE;EACA;;AAUJ;EACE;;AAGF;EACE;;AE7mBR;EAKE;EACA;EACA;;AAEA;EACE,kBPRO;EOSP,OPLW;EOMX,kBPPW;EOQX,OPPW;EOQX;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;ERiHJ;AA6BA;EQ5II;EACA;;ARqHF;EACE,QQxH2B;ERyH3B,OQzHsB;ER0HtB,kBARW;EAUX;EACA;EACA;EArJJ;EACA;;AAsJI;EACE;EACA;EACA;EACA;EACA;EACA;;AA1JN;EACE;EACA,SA2JiC;;AAKnC;EACE;;AAGE;EACE;;AAMF;EACE,kBAzCU;;AA2CZ;EAnLJ;EACA;EAqLM,kBA7CS;;AAtIf;EACE;EACA,SAgLmC;;AQ1JjC;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AF4hBJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,kBLnoBM;EKooBN;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAOF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA,OLvqBG;EKwqBH;;AAGF;EACE;;AAGF;EACE;;AAGJ;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA,qBACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,YL7sBA;EK8sBA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA,YLztBA;EK0tBA;;AAEE;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAMR;EACE;EACA,YLpwBA;;AKuwBF;EACE;;AACA;EACE;;AAEF;EACE;EAIA;EACA;;AACS;EACP;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA,YL5zBA;EK6zBA;EAEA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;;AAMR;EACE;;AAGF;EACE;EACA,YLz1BA;EK01BA;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKN;EACE,kBLv2BD;EKw2BC,OLp2BG;;AKw2BP;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,kBLp3BG;EKq3BH,OLp3BG;EKq3BH;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;;AAEE;EACE;;AACA;AAAA;EAEE;;AAEF;EACE,kBLx4BH;EKy4BG,OLx4BH;;AK44BH;EACE;EACA;EACA;;AACA;EACE,kBLt5BJ;;AKu5BI;EACE;;AAEF;EACE;;AACA;EACE;;AAQZ;EACE,kBLt6BE;EKu6BF;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AEp7BZ;EAKE;EACA;EACA;;AAEA;EACE,kBPRO;EOSP,OPLW;EOMX,kBPPW;EOQX,OPPW;EOQX;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;ERiHJ;AA6BA;EQ5II;EACA;;ARqHF;EACE,QQxH2B;ERyH3B,OQzHsB;ER0HtB,kBARW;EAUX;EACA;EACA;EArJJ;EACA;;AAsJI;EACE;EACA;EACA;EACA;EACA;EACA;;AA1JN;EACE;EACA,SA2JiC;;AAKnC;EACE;;AAGE;EACE;;AAMF;EACE,kBAzCU;;AA2CZ;EAnLJ;EACA;EAqLM,kBA7CS;;AAtIf;EACE;EACA,SAgLmC;;AQ1JjC;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AC1FR;EACE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACpBR;EACE;EACA;EACA;EACA,OTEa;ESDb;EACA;EAEA;EACA;EACA","file":"bitd-alt.css"} \ No newline at end of file diff --git a/styles/scss/bitd-alt.scss b/styles/scss/bitd-alt.scss index b59cb01..34682b3 100644 --- a/styles/scss/bitd-alt.scss +++ b/styles/scss/bitd-alt.scss @@ -4,8 +4,8 @@ $darkgray: #666; $gray: #999; $red: red; $almost_black: #191813; -$almost_white: #EEEFFF; -$gold: #DAA520; +$almost_white: #eeefff; +$gold: #daa520; $green: #008000; $light_green: #12a012; $blue: #04578f; @@ -16,36 +16,39 @@ $hover-opacity: 0.9; $hover-brightness: 0.8; // Utility imports -@import 'mixin.scss'; +@import "mixin.scss"; //@import 'fonts.scss'; //namespacing to avoid conflicts with other modules -.blades-alt{ +.blades-alt { font-family: "Crimson Text", serif; - @import 'import/general-styles.scss'; + $gutter: 0px; + @import "import/flexbox/main.scss"; + + @import "import/general-styles.scss"; //&.crew.sheet{ // @import 'import/crew-sheet.scss'; //} - &.actor.sheet.pc{ - @import 'import/character-sheet.scss'; + &.actor.sheet.pc { + @import "import/character-sheet.scss"; } - &.item.sheet.class{ - @import 'import/class-sheet.scss'; + &.item.sheet.class { + @import "import/class-sheet.scss"; } //&.actor.clock{ // @import 'import/clock-sheet'; //} // - &.item.sheet{ - @import 'import/item-sheet.scss'; + &.item.sheet { + @import "import/item-sheet.scss"; } } //top-level styles //@import 'import/chat.scss'; //@import 'import/dialogs.scss'; -@import 'import/tooltip.scss'; \ No newline at end of file +@import "import/tooltip.scss"; diff --git a/styles/scss/import/attributes.scss b/styles/scss/import/attributes.scss index bd1abc0..d991ac7 100644 --- a/styles/scss/import/attributes.scss +++ b/styles/scss/import/attributes.scss @@ -1,62 +1,96 @@ +& { + // display: flex; + // justify-content: space-between; + // justify-items: stretch; + // max-width: 600px; + background-color: rgba(0, 0, 0, 0.1); + margin-bottom: 0.75rem; + column-gap: 0.5rem; -&{ - display: flex; - justify-content: space-between; - justify-items: stretch; - max-width: 600px; + header.full-bar { + background-color: $darkgray; + color: $almost_white; + background-color: $almost_black; + color: $almost_white; + padding: 3px; + width: 100%; + font-family: Kirsty, serif; + font-size: 1rem; + position: relative; + margin-bottom: 5px; + line-height: 1em; + } - header.full-bar{ - background-color: $darkgray; - color: $almost_white; - background-color: $almost_black; - color: $almost_white; - padding: 3px; - width: 100%; - font-family: Kirsty, serif; - font-size: 1rem; - position: relative; - margin-bottom: 5px; - line-height: 1em; - } - - .attribute{ + .attribute { flex-grow: 1; - margin: 0 5px 10px 5px; - .action{ - padding: 0 5px; - @include custom_radio(1em, 1em); - justify-content: flex-start; - align-items: stretch; + .action { + padding: 0 5px; + @include custom_radio(1em, 1em); + justify-content: flex-start; + align-items: stretch; - .attribute-skill-label{ + .attribute-skill-label { font-weight: bold; font-variant: small-caps; padding: 3px 0; - margin-left: .4em; + margin-left: 0.4em; line-height: 0.8em; + } - } - - label{ + label { margin: 2px; border: 1px solid #666666; box-sizing: border-box; position: relative; - &:not(.item):first-of-type::after{ - content: ""; - display: inline-block; - height: 150%; - width: 1%; - border-right: 1px solid rgba(0,0,0,0.5); - position: absolute; - right: -3px; - top: -3px; - } + &:not(.item):first-of-type::after { + content: ""; + display: inline-block; + height: 150%; + width: 1%; + border-right: 1px solid rgba(0, 0, 0, 0.5); + position: absolute; + right: -3px; + top: -3px; } + } + } + input.zero { + display: none; } - input.zero{ - display: none; + } + .harm-list { + text-align: center; + margin-top: 0.3rem; + + span.dash:last-child { + display: none; } + .harm-block { + color: #fff !important; + position: relative; + font-size: 1rem; + align-items: center; + line-height: 1em; + padding: 0.1em 0 0.2em; + &.light { + background-color: #197e00; + } + &.medium { + background-color: #957c00; + } + &.heavy { + background-color: #a00000; + } + i { + flex-grow: 0; + margin: 0.2em; + } + .harm { + white-space: nowrap; + text-decoration: underline; + font-family: Kirsty, serif; + } } -} \ No newline at end of file + } +} diff --git a/styles/scss/import/character-sheet.scss b/styles/scss/import/character-sheet.scss index d14c2fc..3103f38 100644 --- a/styles/scss/import/character-sheet.scss +++ b/styles/scss/import/character-sheet.scss @@ -1,19 +1,18 @@ - /* * General Styles - Redesign */ -&{ +& { min-width: 800px; min-height: 275px; } -.sheet-wrapper{ +.sheet-wrapper { position: relative; margin: 5px; font-family: "Crimson Text", serif; - input[type="checkbox"]{ + input[type="checkbox"] { width: 1em; height: 1em; } @@ -26,80 +25,83 @@ color: $red; } - a.add-button{ + a.add-button { margin-left: 5px; - font-size: .9rem; + font-size: 0.9rem; } - a.delete-button{ + a.delete-button { position: absolute; right: 5px; top: 2px; - font-size: .6rem; + font-size: 0.6rem; } - [contenteditable]:not(.ProseMirror){ + [contenteditable]:not(.ProseMirror) { user-select: auto !important; text-decoration: underline; - &:active, &:focus{ - background-color: rgba(255,255,255,0.5); + &:active, + &:focus { + background-color: rgba(255, 255, 255, 0.5); border: none; border-radius: 3px; } } - .linkedClock{ + .linkedClock { display: inline-block; text-align: center; margin: 1em; } - .clockImage{ + .clockImage { width: 100px; border: none; } - .editor{ - background-color: rgba(255,255,255,0.2); - padding: .5em; + .editor { + background-color: rgba(255, 255, 255, 0.2); + padding: 0.5em; height: auto; flex-grow: 1; } - - .editor.prosemirror{ + + .editor.prosemirror { height: 100%; padding: auto; } - .hover-details, .hover-term, .v10-tooltip{ + .hover-details, + .hover-term, + .v10-tooltip { cursor: help; color: darken($red, 30%); font-weight: bold; text-decoration: underline; } - ul.diamond{ + ul.diamond { list-style: none; - li{ + li { position: relative; &:after { - content: ''; - height: .4em; - width: .4em; + content: ""; + height: 0.4em; + width: 0.4em; background: $almost_black; display: block; position: absolute; transform: rotate(45deg); - top: .45em; + top: 0.45em; left: -1em; } } } @at-root { - .add-existing-dialog{ - .items-list{ + .add-existing-dialog { + .items-list { display: flex; flex-wrap: wrap; align-content: space-between; @@ -108,12 +110,12 @@ background-color: rgba(255, 255, 255, 0.4); vertical-align: top; flex-grow: 1; - margin: .5px; - padding: .5em; + margin: 0.5px; + padding: 0.5em; header { background-color: $almost-black; - padding: .1em .25em; + padding: 0.1em 0.25em; width: 100%; font-size: 2em; font-family: Kirsty, serif; @@ -123,30 +125,30 @@ } } - #context-menu ol li *{ + #context-menu ol li * { vertical-align: initial; } - .clickable-edit{ + .clickable-edit { text-decoration: underline; } - .rollable-text{ + .rollable-text { cursor: pointer; } - input[type=text]{ + input[type="text"] { width: auto; border: 0; } - .edit-only{ + .edit-only { display: none; } - .non-edit{ + .non-edit { display: initial; } - header.full-bar{ + header.full-bar { background-color: $almost_black; color: $almost_white; padding: 3px; @@ -157,61 +159,78 @@ margin-bottom: 5px; line-height: 1em; - - .stripe-tooth-body{ - &.right{ + .stripe-tooth-body { + &.right { position: absolute; top: 1px; right: 1px; - @include toothradio(10px, 25px, "assets/teeth/xptooth-white.png", "assets/teeth/xptooth-red.png"); + @include toothradio( + 10px, + 25px, + "assets/teeth/xptooth-white.png", + "assets/teeth/xptooth-red.png" + ); } - &.stress{ + &.stress { position: absolute; top: 1px; right: 1px; - @include toothradio(10px, 25px, "assets/teeth/xptooth-white.png", "assets/teeth/xptooth-red.png"); + @include toothradio( + 10px, + 25px, + "assets/teeth/xptooth-white.png", + "assets/teeth/xptooth-red.png" + ); } } } - .sheet-toggles{ + .sheet-toggles { position: absolute; top: -10px; right: -10px; - >span{ + > span { display: inline-block; padding: 4px; margin: 0 5px; } - span.toggle-expand{ + span.toggle-expand { background: #0058cc; color: rgba(255, 255, 255, 0.6); cursor: pointer; border-radius: 3px; - .fa-expand{ display: none; } - .fa-compress{ display: initial; } + .fa-expand { + display: none; + } + .fa-compress { + display: initial; + } } - @at-root .can-expand{ - span.toggle-expand{ - .fa-expand{ display: initial !important; } - .fa-compress{ display: none !important; } + @at-root .can-expand { + span.toggle-expand { + .fa-expand { + display: initial !important; + } + .fa-compress { + display: none !important; + } } } - span.toggle-allow-edit{ + span.toggle-allow-edit { cursor: pointer; background: #008000; color: rgba(255, 255, 255, 0.6); border-radius: 3px; - &:hover{ + &:hover { color: #fff; } - i{ + i { width: 100%; text-align: center; padding: 4px 6px; @@ -222,16 +241,15 @@ } } - - &.allow-edit{ + &.allow-edit { //.edit-only{ // display: initial; //} //.non-edit{ // display: none; //} - .sheet-toggles{ - .toggle-allow-edit{ + .sheet-toggles { + .toggle-allow-edit { background-color: #800000; .fa-lock-open { display: inline-block; @@ -242,52 +260,74 @@ } } } + span.toggle-alias-display { + display: inline-block; + cursor: pointer; + background: #008000; + color: rgba(255, 255, 255, 0.6); + border-radius: 3px; + + &:hover { + color: #fff; + } + + i { + width: 100%; + text-align: center; + padding: 4px 6px; + } + .fa-face-disguise { + display: none; + } + } + &.showing-alias { + .sheet-toggles { + .toggle-alias-display { + background-color: #800000; + .fa-face-disguise { + display: inline-block; + } + .fa-face-smile { + display: none; + } + } + } + } + + &.allow-edit { + } - .minimized-view{ - display: grid; - height: 235px; - //background-color: rgba(255,0,0,0.1); - grid-template-columns: auto 1fr; - column-gap: 1em; - grid-template-rows: 2fr 1fr 1fr 1fr 4fr; - grid-template-areas: - "portrait main-row" - "portrait sub-row-1" - "portrait sub-row-2" - "portrait sub-row-3" - "portrait actions"; - - .character-portrait{ + .minimized-view { + align-items: center; + .character-portrait { $portrait-size: 200px; - grid-area: portrait; - place-self: center; - width: $portrait-size; - height: $portrait-size; - flex-shrink: 0; - flex-grow: 0; position: relative; - .portrait{ + &.row { + align-items: center; + } + + .portrait { border-radius: 100px; overflow: hidden; border: 6px solid $gray; - width: 100%; - height: 100%; + width: $portrait-size; + height: $portrait-size; position: relative; top: -10px; - > img{ - width:100%; - height:100%; + > img { + width: 100%; + height: 100%; object-fit: cover; overflow: hidden; border: 0; border-radius: 50%; - box-shadow: 0 0 20px rgba(0,0,0,0.3) inset; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset; } } - .status-buttons{ + .status-buttons { position: absolute; top: 15px; left: -15px; @@ -300,40 +340,40 @@ flex-direction: column; justify-content: space-around; - >div{ + > div { overflow: visible; position: relative; } - >div:not(:last-of-type){ + > div:not(:last-of-type) { margin-bottom: 20px; } - .coins-box{ + .coins-box { @include css_popup(30px, 30px, 250px, 50px); - > div{ + > div { display: inline-block; } - .mini-view{ + .mini-view { background-repeat: no-repeat; background-image: url(assets/icons/coins.png); background-size: contain; - .coin-values{ + .coin-values { } - } - .full-view{ - @import 'coins.scss'; + .full-view { + @import "coins.scss"; } - &.open{ - .full-view{ - .coins{ + &.open { + .full-view { + .coins { display: flex; justify-content: space-between; - .hand, .stash{ + .hand, + .stash { display: inline-block; text-align: left; } @@ -342,37 +382,49 @@ } } - .harm-box{ + .harm-box { @include css_popup(30px, 30px, 550px, 350px); - .mini-view{ + .mini-view { background-repeat: no-repeat; background-image: url(assets/icons/harm.png); background-size: contain; - &.harm-1{background-image: url(assets/icons/harm-1.png);} - &.harm-1-2{background-image: url(assets/icons/harm-1-2.png);} - &.harm-1-3{background-image: url(assets/icons/harm-1-3.png);} - &.harm-1-2-3{background-image: url(assets/icons/harm-1-2-3.png);} - &.harm-2{background-image: url(assets/icons/harm-2.png);} - &.harm-2-3{background-image: url(assets/icons/harm-2-3.png);} - &.harm-3{background-image: url(assets/icons/harm-3.png);} - - .harm-effects{ + &.harm-1 { + background-image: url(assets/icons/harm-1.png); + } + &.harm-1-2 { + background-image: url(assets/icons/harm-1-2.png); + } + &.harm-1-3 { + background-image: url(assets/icons/harm-1-3.png); + } + &.harm-1-2-3 { + background-image: url(assets/icons/harm-1-2-3.png); + } + &.harm-2 { + background-image: url(assets/icons/harm-2.png); + } + &.harm-2-3 { + background-image: url(assets/icons/harm-2-3.png); + } + &.harm-3 { + background-image: url(assets/icons/harm-3.png); + } + + .harm-effects { position: absolute; bottom: 4px; font-weight: bold; - font-size: .9rem; + font-size: 0.9rem; font-family: "Crimson Text", serif; left: 0px; width: 100%; color: $almost-white; } - } - - &.open{ - .full-view{ - .character-harm{ + &.open { + .full-view { + .character-harm { display: grid; grid-template-columns: 1em repeat(6, 1fr); grid-template-rows: repeat(5, 1.6em); @@ -380,50 +432,84 @@ grid-row-gap: 1px; place-items: center; grid-template-areas: - "empty header-harm header-harm header-harm header-harm header-effect header-healing" - "rownum3 heavy heavy heavy heavy heavy-effect healing" - "rownum2 medium1 medium1 medium2 medium2 medium-effect healing" - "rownum1 light1 light1 light2 light2 light-effect healing" - "armor armor armor armor armor armor armor"; - input[type=text]{ + "empty header-harm header-harm header-harm header-harm header-effect header-healing" + "rownum3 heavy heavy heavy heavy heavy-effect healing" + "rownum2 medium1 medium1 medium2 medium2 medium-effect healing" + "rownum1 light1 light1 light2 light2 light-effect healing" + "armor armor armor armor armor armor armor"; + input[type="text"] { height: 100%; width: 100%; border-radius: 0; background-color: darken($lightgray, 10%); z-index: 10; } - header{ + header { width: calc(100% + 5px); background-color: $almost_black; color: $almost_white; } - header.harm{grid-area: header-harm;} - header.effect{grid-area: header-effect;} - header.healing{grid-area: header-healing;} - .rownum3{grid-area: rownum3;} - .heavy{grid-area: heavy;} - .effect-text.heavy{grid-area: heavy-effect;} - .rownum2{grid-area: rownum2;} - .medium1{grid-area: medium1;} - .medium2{grid-area: medium2;} - .effect-text.medium{grid-area: medium-effect;} - .light1{grid-area: light1;} - .light2{grid-area: light2;} - .effect-text.light{grid-area: light-effect;} - .healing-clock{ + header.harm { + grid-area: header-harm; + } + header.effect { + grid-area: header-effect; + } + header.healing { + grid-area: header-healing; + } + .rownum3 { + grid-area: rownum3; + } + .heavy { + grid-area: heavy; + } + .effect-text.heavy { + grid-area: heavy-effect; + } + .rownum2 { + grid-area: rownum2; + } + .medium1 { + grid-area: medium1; + } + .medium2 { + grid-area: medium2; + } + .effect-text.medium { + grid-area: medium-effect; + } + .light1 { + grid-area: light1; + } + .light2 { + grid-area: light2; + } + .effect-text.light { + grid-area: light-effect; + } + .healing-clock { grid-area: healing; padding-top: 25px; @include clock(4, 100); - label i.nullifier{ + label i.nullifier { position: absolute; top: 15px; right: 0px; } } - .rownum1{grid-area: rownum1;} - .armor-use{grid-area: armor; text-align: right;} - .effect-text{font-family: "Crimson Text", serif;font-size: .9rem;} - .grid-lines{ + .rownum1 { + grid-area: rownum1; + } + .armor-use { + grid-area: armor; + text-align: right; + } + .effect-text { + font-family: "Crimson Text", serif; + font-size: 0.9rem; + } + .grid-lines { background-color: $almost_black; grid-area: 2 / 2 / 5 / 6; width: 100%; @@ -447,36 +533,35 @@ background-size: contain; } - .below-max{ + .below-max { color: #006600; } - .at-max{ + .at-max { color: #e07f1a; } - .over-max{ + .over-max { color: #660000; } } } - - .stress-trauma-box{ + .stress-trauma-box { width: 100%; height: 2em; position: absolute; bottom: 10px; left: 0; - .stress-bar{ + .stress-bar { position: relative; z-index: 100; } - .trauma-box{ + .trauma-box { padding: 0 0 2px; position: relative; z-index: 1; - .trauma-list{ + .trauma-list { width: 100%; height: 100%; background-color: $lightgray; @@ -486,7 +571,7 @@ top: -5px; padding-top: 5px; border-radius: 0 0 1em 1em; - .trauma-item{ + .trauma-item { pointer-events: all; display: inline-block; font-weight: bold; @@ -495,66 +580,64 @@ content: " \2022"; } } - .add_trauma{ + .add_trauma { font-size: 1em; } - } } - } } - .name-alias{ - font-family: Kirsty, serif; - font-weight: bold; - font-size: 3em; - color: $almost_black; - grid-area: main-row; + .character-info { + padding-left: 1em; + .name-alias { + font-family: Kirsty, serif; + font-weight: bold; + font-size: 3em; + color: $almost_black; + line-height: 0.4em; + padding-bottom: 0.2em; + padding-top: 0.5em; - .name{ + .name { + } + .alias { + font-size: 0.6em; + font-weight: normal; + } } - .alias{ - font-size: .6em; - font-weight: normal; + .heritage-background { } - } - .heritage-background{ - grid-area: sub-row-1; - } - - .look{ - grid-area: sub-row-2; - } + .look { + } - .bio{ - border-bottom: 2px solid $almost_black; - } + .bio { + border-bottom: 1px solid $almost_black; + } - .abilities-list{ - grid-area: sub-row-3; - } + .abilities-list { + border-bottom: 1px solid $almost_black; + } - .attributes-actions{ - grid-area: actions; - @import "attributes.scss"; + .attributes-actions { + @import "attributes.scss"; + } } } - .tab-space{ - nav.tabs{ + .tab-space { + nav.tabs { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1em; grid-template-rows: auto; - grid-template-areas: - "tab1 tab2 "; + grid-template-areas: "tab1 tab2 "; } - .tab-item{ + .tab-item { flex-grow: 0; display: inline-flex; justify-content: space-between; @@ -563,10 +646,10 @@ border-radius: 20px 20px 0 0; font-family: Kirsty, serif; text-transform: capitalize; - padding: 5px 15px ; + padding: 5px 15px; font-size: 2.6em; - select{ + select { font-family: Kirsty; font-size: 1em; height: 80%; @@ -575,11 +658,11 @@ left: 2px; } - > div{ + > div { margin: 5px 10px; } - &.playbook{ + &.playbook { grid-area: tab1; } @@ -587,46 +670,43 @@ // grid-area: tab2; //} - &.notes{ + &.notes { grid-area: tab2; } - - .playbook-description{ + .playbook-description { font-family: "Crimson Text", serif; - font-size: .4em; + font-size: 0.4em; font-variant: small-caps; font-weight: bold; color: $darkgray; text-align: center; } - &.active{ + &.active { margin-bottom: 0; } - &:not(.active){ + &:not(.active) { background-color: rgba($lightgray, 0.5); } - } - .tab-content{ + .tab-content { flex-basis: 100%; - .tab{ - - .playbook{ + .tab { + .playbook { display: grid; align-items: stretch; justify-items: stretch; grid-template-columns: 2fr 1em 1fr 1fr; grid-template-rows: repeat(3, min-content); grid-template-areas: - "abilities gutter pb-items all-items" - "abilities gutter friends all-items" - "abilities gutter xp-notes xp-notes"; + "abilities gutter pb-items all-items" + "abilities gutter friends all-items" + "abilities gutter xp-notes xp-notes"; - select{ + select { font-family: Kirsty, serif; text-transform: capitalize; font-size: 2.6em; @@ -634,7 +714,7 @@ background-color: #f00; } - &::after{ + &::after { content: ""; background: $lightgray; grid-area: gutter; @@ -642,103 +722,101 @@ width: 100%; } - section{ - padding-bottom: .75em; + section { + padding-bottom: 0.75em; } - .abilities{ + .abilities { grid-area: abilities; background: $lightgray; padding-bottom: 1em; - .ability-list{ - .ability-block{ + .ability-list { + .ability-block { display: flex; align-items: flex-start; position: relative; padding: 5px; - &:nth-child(even){ - background-color: rgba(255,255,255,0.3); + &:nth-child(even) { + background-color: rgba(255, 255, 255, 0.3); } - input{ + input { margin: 0; margin-right: 3px; position: relative; - &.offset{ + &.offset { margin-top: -3px; } } } - label{ + label { margin: 0; - line-height: .8em; + line-height: 0.8em; font-size: 1.2em; margin-bottom: 6px; padding-right: 1em; - .ability-name{ + .ability-name { font-weight: bold; font-variant: small-caps; } - .ability-description p{ + .ability-description p { display: inline; } } } } - .playbook-items{ + .playbook-items { grid-area: pb-items; background: $lightgray; } - .item-list{ + .item-list { font-size: 1.2em; - .free-item{ + .free-item { font-style: italic; } - .item-block{ + .item-block { padding: 2px 5px; //padding-left: 5px; //padding-right: 1em; //padding-bottom: .15em; position: relative; line-height: 0; - @at-root .allow-edit .item-block:nth-child(even){ - background-color: rgba(0,0,0,0.1); + @at-root .allow-edit .item-block:nth-child(even) { + background-color: rgba(0, 0, 0, 0.1); } - .checkbox{ + .checkbox { position: relative; display: inline-block; width: 100%; } - .item-name{ + .item-name { width: 100%; position: relative; line-height: 1em; } - //this is probably not very robust. Figure something else out. .join-line { border: 1px solid $darkgray; width: 1em; display: inline-block; - height:0px; - margin: 0 -.5em; + height: 0px; + margin: 0 -0.5em; top: calc(-0.5em + 5px); position: relative; z-index: 0; - } - *{ + * { //vertical-align: bottom; } - input{ + input { margin-left: 0; position: relative; z-index: 10; @@ -747,104 +825,105 @@ } } - .friends-rivals{ + .friends-rivals { grid-area: friends; background: $lightgray; line-height: 0; font-size: 1.2em; - .acquaintance{ + .acquaintance { line-height: 1em; padding: 2px 5px; - i{ + i { padding: 1px; margin-right: 3px; width: 1.2em; text-align: center; - &.red-icon{ + &.red-icon { color: #880000; } - &.green-icon{ + &.green-icon { color: #006600; } } } } - .all-items{ + .all-items { grid-area: all-items; } - .xp-notes{ + .xp-notes { grid-area: xp-notes; background: $lightgray; font-size: 1.2em; - p{ + p { line-height: 1em; } - ul{ + ul { list-style-type: square; padding-right: 5px; - li{ + li { font-style: italic; } } } - header.full-bar{ + header.full-bar { background-color: $darkgray; color: $almost_white; } } - &.downtime{ + &.downtime { line-height: 1em; - h3{ + h3 { text-align: center; font-family: Kirsty, serif; font-size: 2em; - margin: .5em; + margin: 0.5em; } - header{ + header { width: 100%; font-family: Kirsty, serif; background-color: $almost_black; color: $almost_white; padding: 3px; text-align: center; - .header-row{ + .header-row { display: flex; justify-content: space-evenly; margin: 2px 0; } } - .downtimeWrapper{ + .downtimeWrapper { display: flex; - table{ - tr{ + table { + tr { text-align: center; - td, th{ + td, + th { padding: 3px; } - th{ + th { background-color: $almost-black; color: $almost-white; } } } - .column{ + .column { display: flex; flex-direction: column; width: 50%; - section{ + section { background-color: $lightgray; - p{ + p { text-align: center; } - ul{ + ul { padding-right: 1em; - li{ + li { margin-bottom: 3px; } } @@ -853,7 +932,7 @@ } } - .character-notes-area{ + .character-notes-area { background-color: $lightgray; box-sizing: border-box; padding: 10px; @@ -865,11 +944,10 @@ // textarea{ // height: 600px; // } - header{ - font-size: .9em; + header { + font-size: 0.9em; flex-grow: 0; } - } } } diff --git a/styles/scss/import/flexbox/_grid.scss b/styles/scss/import/flexbox/_grid.scss new file mode 100644 index 0000000..abe34e5 --- /dev/null +++ b/styles/scss/import/flexbox/_grid.scss @@ -0,0 +1,140 @@ +// Creds to https://github.com/kristoferjoseph/flexboxgrid +// No gutters +// No text alignment with justified container classes (center-xs, for example) + +@use "sass:math"; + +.row { + @include row(); +} + +.row.reverse { + @include row-reverse(); +} + +.row.natural-height { + @include row-natural-height(); +} + +.row.flex-column { + @include row-flex-column(); +} + +.col { + @include col(); +} + +.col.reverse { + @include col-reverse(); +} + +.first { + order: -1; +} + +.last { + order: 1; +} + +.align-start { + align-self: flex-start; +} + +.align-end { + align-self: flex-end; +} + +.align-center { + align-self: center; +} + +.align-baseline { + align-self: baseline; +} + +.align-stretch { + align-self: stretch; +} + +// Mixin to run inside of for loop - creates col/breakpoint classes * Not for developer use * +@mixin col-factory($thisPrefix) { + .col-#{$thisPrefix} { + box-sizing: border-box; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + padding: $gutter; + } + @for $i from 1 through $grid-columns { + .col-#{$thisPrefix}-#{$i} { + box-sizing: border-box; + flex-basis: math.div(100%, $grid-columns) * $i; + max-width: math.div(100%, $grid-columns) * $i; + padding: $gutter; + } + .col-#{$thisPrefix}-offset-#{$i} { + margin-left: math.div(100%, $grid-columns) * $i; + } + } + .row.start-#{$thisPrefix} { + justify-content: flex-start; + } + .row.center-#{$thisPrefix} { + justify-content: center; + } + .row.end-#{$thisPrefix} { + justify-content: flex-end; + } + .row.top-#{$thisPrefix} { + align-items: flex-start; + } + .row.middle-#{$thisPrefix} { + align-items: center; + } + .row.bottom-#{$thisPrefix} { + align-items: flex-end; + } + .row.around-#{$thisPrefix} { + justify-content: space-around; + } + .row.between-#{$thisPrefix} { + justify-content: space-between; + } + .first-#{$thisPrefix} { + order: -1; + } + .last-#{$thisPrefix} { + order: 1; + } +} // Mixin to run inside of for loop - creates col/breakpoint classes + +@for $i from 1 through length($breakpoint-up-prefixes) { + $thisPrefix: nth($breakpoint-up-prefixes, $i); + @if $thisPrefix == "xs" { + @include col-factory($thisPrefix); + } @else if $thisPrefix == "sm" { + @media #{$breakpoint-sm-up} { + @include col-factory($thisPrefix); + } + } @else if $thisPrefix == "md" { + @media #{$breakpoint-md-up} { + @include col-factory($thisPrefix); + } + } @else if $thisPrefix == "lg" { + @media #{$breakpoint-lg-up} { + @include col-factory($thisPrefix); + } + } @else if $thisPrefix == "xl" { + @media #{$breakpoint-xl-up} { + @include col-factory($thisPrefix); + } + } +} + +.col-gutter-lr { + padding: 0 $gutter; +} + +.col-no-gutter { + padding: 0; +} diff --git a/styles/scss/import/flexbox/_visibility.scss b/styles/scss/import/flexbox/_visibility.scss new file mode 100644 index 0000000..fd53a64 --- /dev/null +++ b/styles/scss/import/flexbox/_visibility.scss @@ -0,0 +1,68 @@ + +.show { + display: block !important; +} + +.row.show { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} + +.hide { + display: none !important; +} + +// Mixin to run inside of for loop - creates visibility classes * Not for developer use * +@mixin vis-factory($thisPrefix) { + .show-#{$thisPrefix} { + display: block !important; + } + .row.show-#{$thisPrefix} { + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + } + .hide-#{$thisPrefix} { + display: none !important; + } +} // Mixin to run inside of for loop - creates visibility classes * Not for developer use * + +@for $i from 1 through length($breakpoint-all-prefixes) { + $thisPrefix: nth($breakpoint-all-prefixes, $i); + @if $thisPrefix == "xs" { + @include vis-factory($thisPrefix); + } @else if $thisPrefix == "xs-only" { + @media #{$breakpoint-xs-only} { + @include vis-factory($thisPrefix); + } + } @else if $thisPrefix == "sm" { + @media #{$breakpoint-sm-up} { + @include vis-factory($thisPrefix); + } + } @else if $thisPrefix == "sm-only" { + @media #{$breakpoint-sm-only} { + @include vis-factory($thisPrefix); + } + } @else if $thisPrefix == "md" { + @media #{$breakpoint-md-up} { + @include vis-factory($thisPrefix); + } + } @else if $thisPrefix == "md-only" { + @media #{$breakpoint-md-only} { + @include vis-factory($thisPrefix); + } + } @else if $thisPrefix == "lg" { + @media #{$breakpoint-lg-up} { + @include vis-factory($thisPrefix); + } + } @else if $thisPrefix == "lg-only" { + @media #{$breakpoint-lg-only} { + @include vis-factory($thisPrefix); + } + } @else if $thisPrefix == "xl" { + @media #{$breakpoint-xl-up} { + @include vis-factory($thisPrefix); + } + } +} diff --git a/styles/scss/import/flexbox/main.scss b/styles/scss/import/flexbox/main.scss new file mode 100644 index 0000000..bae40e3 --- /dev/null +++ b/styles/scss/import/flexbox/main.scss @@ -0,0 +1,4 @@ +@import "variables/main.scss"; +@import "mixins/main.scss"; +@import "grid"; +@import "visibility"; // Visibility last for precedence diff --git a/styles/scss/import/flexbox/mixins/_grid-mixins.scss b/styles/scss/import/flexbox/mixins/_grid-mixins.scss new file mode 100644 index 0000000..d107224 --- /dev/null +++ b/styles/scss/import/flexbox/mixins/_grid-mixins.scss @@ -0,0 +1,367 @@ +@use "sass:math"; + +@mixin row($full-width: "false") { + box-sizing: border-box; + margin: 0 auto; + width: 100%; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + flex: 0 1 auto; + flex-direction: row; + flex-wrap: wrap; + // // Overrides flexbox's default behavior of making all children equal height + // align-items: flex-start; // If this was not in place it would require two classes to make a row full of unequal height columns aligned top, middle, bottom + @if type-of($content-well-max-width) == number and $content-well-max-width != 0 and $full-width == "false"{ + max-width: $content-well-max-width; + } +} + +@mixin row-reverse() { + flex-direction: row-reverse; +} + +@mixin row-natural-height() { + align-items: flex-start; +} + +@mixin row-flex-column() { + flex-direction: column; +} + +@mixin col-reverse() { + flex-direction: column-reverse; +} + +// Condition to run inside of the col mixin * not for developer use * +@mixin col-condition($col-number) { + @if type-of($col-number) == number { + @if $col-number > $grid-columns or $col-number == 0 { + @warn "Column number must be greater than 0 and less than or equal to total number of columns in the grid (#{$grid-columns})"; + } @else { + box-sizing: border-box; + flex-basis: math.div(100%, $grid-columns) * $col-number; + max-width: math.div(100%, $grid-columns) * $col-number; + padding: $gutter; + } + // If no col number is passed then arg is set to "auto" by default + // "auto" mode fills the horizontal space with evenly sized containers + } @else if $col-number == "auto" { + box-sizing: border-box; + flex-grow: 1; + flex-basis: 0; + max-width: 100%; + padding: $gutter; + } @else { + @warn "Column number argument must either be the string 'auto' or a number greater than 0 and less than or equal to total number of columns in the grid (#{$grid-columns})"; + } +} // Condition to run inside of the col mixin * not for developer use * + +@mixin col($breakpoint: "xs", $col-number: "auto") { + // If no breakpoint is passed and a col number is just use the first arg as the col number and act like xs + @if type-of($breakpoint) == number { + $col-number: $breakpoint; + @include col-condition($col-number); + } @else if $breakpoint == "xs" { + @include col-condition($col-number); + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + @include col-condition($col-number); + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + @include col-condition($col-number); + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + @include col-condition($col-number); + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + @include col-condition($col-number); + } + } @else { + @warn "col mixin requires one of the existing breakpoint prefixes (#{$breakpoint-up-prefixes})"; + } +} + +// Condition to run inside of the col-offset mixin * not for developer use * +@mixin col-offset-condition($offset-number) { + @if type-of($offset-number) != number { + @warn "Column offset number must be a number (only arg or second arg in the col mixin)"; + } @else if $offset-number == 0 { + @warn "Column offset number must be greater than 0 and less than or equal to total number of columns in the grid (#{$grid-columns})"; + } @else if $offset-number > $grid-columns { + @warn "Column offset number must be greater than 0 and less than or equal to total number of columns in the grid (#{$grid-columns})"; + } @else { + margin-left: math.div(100%, $grid-columns) * $offset-number; + } +} // Condition to run inside of the col-offset mixin * not for developer use * + +@mixin col-offset($breakpoint: "xs", $offset-number: 0) { + // If no breakpoint is passed and a col number is just use the first arg as the col number and act like xs + @if type-of($breakpoint) == number { + $offset-number: $breakpoint; + @include col-offset-condition($offset-number); + } @else if $breakpoint == "xs" { + @include col-offset-condition($offset-number); + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + @include col-offset-condition($offset-number); + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + @include col-offset-condition($offset-number); + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + @include col-offset-condition($offset-number); + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + @include col-offset-condition($offset-number); + } + } @else { + @warn "col mixin requires one of the existing breakpoint prefixes (#{$breakpoint-up-prefixes})"; + } +} + +@mixin start($breakpoint: "xs") { + @if $breakpoint == "xs" { + justify-content: flex-start; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + justify-content: flex-start; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + justify-content: flex-start; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + justify-content: flex-start; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + justify-content: flex-start; + } + } @else { + @warn "start mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin center($breakpoint: "xs") { + @if $breakpoint == "xs" { + justify-content: center; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + justify-content: center; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + justify-content: center; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + justify-content: center; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + justify-content: center; + } + } @else { + @warn "center mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin end($breakpoint: "xs") { + @if $breakpoint == "xs" { + justify-content: flex-end; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + justify-content: flex-end; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + justify-content: flex-end; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + justify-content: flex-end; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + justify-content: flex-end; + } + } @else { + @warn "end mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin top($breakpoint: "xs") { + @if $breakpoint == "xs" { + align-items: flex-start; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + align-items: flex-start; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + align-items: flex-start; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + align-items: flex-start; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + align-items: flex-start; + } + } @else { + @warn "top mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin middle($breakpoint: "xs") { + @if $breakpoint == "xs" { + align-items: center; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + align-items: center; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + align-items: center; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + align-items: center; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + align-items: center; + } + } @else { + @warn "middle mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin bottom($breakpoint: "xs") { + @if $breakpoint == "xs" { + align-items: flex-end; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + align-items: flex-end; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + align-items: flex-end; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + align-items: flex-end; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + align-items: flex-end; + } + } @else { + @warn "bottom mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin around($breakpoint: "xs") { + @if $breakpoint == "xs" { + justify-content: space-around; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + justify-content: space-around; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + justify-content: space-around; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + justify-content: space-around; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + justify-content: space-around; + } + } @else { + @warn "around mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin between($breakpoint: "xs") { + @if $breakpoint == "xs" { + justify-content: space-between; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + justify-content: space-between; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + justify-content: space-between; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + justify-content: space-between; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + justify-content: space-between; + } + } @else { + @warn "between mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin first($breakpoint: "xs") { + @if $breakpoint == "xs" { + order: -1; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + order: -1; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + order: -1; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + order: -1; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + order: -1; + } + } @else { + @warn "first mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} + +@mixin last($breakpoint: "xs") { + @if $breakpoint == "xs" { + order: 1; + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + order: 1; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + order: 1; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + order: 1; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + order: 1; + } + } @else { + @warn "last mixin arg must be one of the existing breakpoints (#{$breakpoint-up-prefixes})"; + } +} diff --git a/styles/scss/import/flexbox/mixins/_visibility-mixins.scss b/styles/scss/import/flexbox/mixins/_visibility-mixins.scss new file mode 100644 index 0000000..08041aa --- /dev/null +++ b/styles/scss/import/flexbox/mixins/_visibility-mixins.scss @@ -0,0 +1,115 @@ +@mixin show($breakpoint, $row) { + @if $breakpoint == "xs" { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } @else if $breakpoint == "xs-only" { + @media #{$breakpoint-xs-only} { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } + } @else if $breakpoint == "sm-only" { + @media #{$breakpoint-sm-only} { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } + } @else if $breakpoint == "md-only" { + @media #{$breakpoint-md-only} { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } + } @else if $breakpoint == "lg-only" { + @media #{$breakpoint-lg-only} { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + @if $row == "true" or $row == "row" { + display: flex; + } @else { + display: block; + } + } + } @else { + @warn "show mixin arg must be one of the existing breakpoints or ranges (#{$breakpoint-all-prefixes})"; + } +} + +@mixin hide($breakpoint) { + @if $breakpoint == "xs" { + display: none; + } @else if $breakpoint == "xs-only" { + @media #{$breakpoint-xs-only} { + display: none; + } + } @else if $breakpoint == "sm" { + @media #{$breakpoint-sm-up} { + display: none; + } + } @else if $breakpoint == "sm-only" { + @media #{$breakpoint-sm-only} { + display: none; + } + } @else if $breakpoint == "md" { + @media #{$breakpoint-md-up} { + display: none; + } + } @else if $breakpoint == "md-only" { + @media #{$breakpoint-md-only} { + display: none; + } + } @else if $breakpoint == "lg" { + @media #{$breakpoint-lg-up} { + display: none; + } + } @else if $breakpoint == "lg-only" { + @media #{$breakpoint-lg-only} { + display: none; + } + } @else if $breakpoint == "xl" { + @media #{$breakpoint-xl-up} { + display: none; + } + } @else { + @warn "hide mixin arg must be one of the existing breakpoints or ranges (#{$breakpoint-all-prefixes})"; + } +} diff --git a/styles/scss/import/flexbox/mixins/main.scss b/styles/scss/import/flexbox/mixins/main.scss new file mode 100644 index 0000000..96a1728 --- /dev/null +++ b/styles/scss/import/flexbox/mixins/main.scss @@ -0,0 +1,4 @@ +// mixins/main.scss + +@import "visibility-mixins"; +@import "grid-mixins"; diff --git a/styles/scss/import/flexbox/variables/_grid-variables.scss b/styles/scss/import/flexbox/variables/_grid-variables.scss new file mode 100644 index 0000000..b26a8d3 --- /dev/null +++ b/styles/scss/import/flexbox/variables/_grid-variables.scss @@ -0,0 +1,32 @@ +// Grid +$grid-columns: 12 !default; // Set number of columns in the grid + +$xs-max: 40rem !default; // Set xs breakpoint's max width +$sm-max: 64rem !default; // Set sm breakpoint's max width +$md-max: 90rem !default; // Set md breakpoint's max width +$lg-max: 120rem !default; // Set lg breakpoint's max width + +$gutter: 1rem !default; // Set gutter size + +$content-well-max-width: "none" !default; // Set the max-width of the content well + +$sm-start: ($xs-max + 1); // Generate sm breakpoint's min width +$md-start: ($sm-max + 1); // Generate md breakpoint's min width +$lg-start: ($md-max + 1); // Generate lg breakpoint's min width +$xl-start: ($lg-max + 1); // Generate xl breakpoint's min width + +// Breakpoints +// Create breakpoint range statements to be used in media queries +$breakpoint-xs-only: "only screen and (max-width: #{$xs-max})"; // 0 -> xs-max range +$breakpoint-sm-up: "only screen and (min-width: #{$sm-start})"; // sm-start -> up range +$breakpoint-sm-only: "only screen and (min-width: #{$sm-start}) and (max-width: #{$sm-max})"; // sm-start -> sm-max range +$breakpoint-md-up: "only screen and (min-width: #{$md-start})"; // md-start -> up range +$breakpoint-md-only: "only screen and (min-width: #{$md-start}) and (max-width: #{$md-max})"; // md-start -> md-max range +$breakpoint-lg-up: "only screen and (min-width: #{$lg-start})"; // lg-start -> up range +$breakpoint-lg-only: "only screen and (min-width: #{$lg-start}) and (max-width: #{$lg-max})"; // lg-start -> lg-max range +$breakpoint-xl-up: "only screen and (min-width: #{$xl-start})"; // xl-start -> up range + +$breakpoints-all: ($breakpoint-xs-only, $breakpoint-sm-up, $breakpoint-sm-only, $breakpoint-md-up, $breakpoint-md-only, $breakpoint-lg-up, $breakpoint-lg-only, $breakpoint-xl-up); +$breakpoint-ups: ($breakpoint-sm-up, $breakpoint-md-up, $breakpoint-lg-up, $breakpoint-xl-up); +$breakpoint-all-prefixes: ("xs", "xs-only", "sm", "sm-only", "md", "md-only", "lg", "lg-only", "xl"); +$breakpoint-up-prefixes: ("xs", "sm", "md", "lg", "xl"); diff --git a/styles/scss/import/flexbox/variables/main.scss b/styles/scss/import/flexbox/variables/main.scss new file mode 100644 index 0000000..d605d26 --- /dev/null +++ b/styles/scss/import/flexbox/variables/main.scss @@ -0,0 +1,3 @@ +// variables/main.scss + +@import "grid-variables"; diff --git a/styles/scss/import/general-styles.scss b/styles/scss/import/general-styles.scss index e057b3c..4dd9203 100644 --- a/styles/scss/import/general-styles.scss +++ b/styles/scss/import/general-styles.scss @@ -3,15 +3,15 @@ textarea { margin-bottom: 20px; } -.debug-toggle{ +.debug-toggle { opacity: 0.1; - &.on{ + &.on { opacity: 0.75; } } -.pointer{ +.pointer { cursor: pointer; } @@ -43,10 +43,15 @@ section.flex { } } +.flex-lazy { + display: flex; + flex-grow: 0; + flex-shrink: 0; +} -.tab[data-tab]{ +.tab[data-tab] { display: none; - &.active{ + &.active { display: block; } } @@ -83,7 +88,6 @@ section.flex { font-family: Kirsty, serif; } - .label-stripe { text-transform: uppercase; background-color: $almost_black; @@ -118,7 +122,12 @@ section.flex { i { &.nullifier { - @include changeable($transition-period, $hover-brightness, $hover-opacity, $red); + @include changeable( + $transition-period, + $hover-brightness, + $hover-opacity, + $red + ); } } @@ -130,7 +139,8 @@ i { box-shadow: none; border: none; cursor: pointer; - background: url("data:image/svg+xml;utf8,") no-repeat right; + background: url("data:image/svg+xml;utf8,") + no-repeat right; padding: 0 20px 0 0; margin: 0.1em -6px 0 0; background-color: $almost_black; @@ -151,7 +161,9 @@ i { } } -#abilities, #loadout, #faction-items { +#abilities, +#loadout, +#faction-items { .item-name { width: 100px; margin-left: 10px; diff --git a/styles/scss/mixin.scss b/styles/scss/mixin.scss index e994bc3..165cdea 100644 --- a/styles/scss/mixin.scss +++ b/styles/scss/mixin.scss @@ -526,21 +526,21 @@ left: 50%; width: $item-size; height: $item-size; - margin: -($item-size / 2); + margin: -($item-size * 0.5); //adjust so that 0deg is at the top. Theoretically. $start-angle: $start-angle - 90; $end-angle: $end-angle - 90; $total-angle: $end-angle - $start-angle; - $angle: ($total-angle / ($item-count - 1)); + $angle: math.div($total-angle, $item-count - 1); $rot: $start-angle; @for $i from 1 through $item-count { &:nth-of-type(#{$i}) { transform: rotate($rot * 1deg) - translate($circle-size / 2) + translate($circle-size * 0.5) rotate($rot * -1deg); } @@ -567,22 +567,22 @@ left: 50%; width: $item-size; height: $item-size; - margin: -($item-size / 2); + margin: -($item-size * 0.5); //adjust so that 0deg is at the top. Theoretically. $center-angle: $center-angle - 90; $total-angle: $angle-spacing * ($item-count - 1); - $start-angle: $center-angle - ($total-angle / 2); - $end-angle: $center-angle + ($total-angle / 2); + $start-angle: $center-angle - ($total-angle * 0.5); + $end-angle: $center-angle + ($total-angle * 0.5); - $angle: ($total-angle / ($item-count - 1)); + $angle: math.div($total-angle, $item-count - 1); $rot: $start-angle; @for $i from 1 through $item-count { &:nth-of-type(#{$i}) { transform: rotate($rot * 1deg) - translate($circle-size / 2) + translate($circle-size * 0.5) rotate($rot * -1deg); } @@ -594,13 +594,13 @@ @function makeLongShadow($length, $spacing, $angle, $backgroundColor, $shadowColor, $fade, $blur, $blurRate){ $shadow : 0px 0px $shadowColor; @for $i from 1 through $length{ - $radians : $angle * math.$pi/180; + $radians : math.div($angle * math.$pi, 180); $shadow : #{$shadow}, #{(math.cos($radians) * $i) * $spacing}px #{(math.sin($radians) * $i) * $spacing}px; @if $blur{ $shadow : #{$shadow} #{($blurRate * $i)}px; } @if $fade{ - $shadow : #{$shadow} #{mix($backgroundColor, $shadowColor, ((100/$length) * $i))}; + $shadow : #{$shadow} #{mix($backgroundColor, $shadowColor, (math.div(100, $length) * $i))}; } @else{ $shadow : #{$shadow} #{$shadowColor}; diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html index 37f12c7..a159aa8 100644 --- a/templates/actor-sheet.html +++ b/templates/actor-sheet.html @@ -1,8 +1,8 @@
-
-
-
-
+
+
+
+
@@ -53,15 +53,24 @@
+
+
{{{inline-editable-text allow_edit "name" (localize "BITD.Name") actor.name actor._id this}}} • "{{{inline-editable-text allow_edit "system.alias" (localize "BITD.Alias") system.alias actor._id this}}}" +
{{{inline-editable-text allow_edit "system.heritage" (localize "BITD.Heritage") heritage actor._id this}}} • {{{inline-editable-text allow_edit "system.background" (localize "BITD.Background") background actor._id this}}} • {{{inline-editable-text allow_edit "system.background-details" (localize "bitd-alt.BackgroundDetails") system.background-details actor._id this}}} • {{{inline-editable-text allow_edit "system.vice" (localize "BITD.Vice") vice actor._id this}}} • {{{inline-editable-text allow_edit "system.vice-purveyor" (localize "bitd-alt.VicePurveyor") system.vice-purveyor actor._id this}}}
-
{{{inline-editable-text allow_edit "system.look" "Look" system.look actor._id this}}}
-
{{#each my_abilities}}{{clean-name this.name}} {{#unless @last}}- {{/unless}}{{/each}}
+
{{{inline-editable-text allow_edit "system.look" "Look" system.look actor._id this}}} • {{{inline-editable-text allow_edit "flags.bitd-alternate-sheets.pronouns" "Pronouns" data.flags.bitd-alternate-sheets.pronouns actor._id this}}}
+
+ {{#each my_abilities}}{{clean-name this.name}} {{#unless @last}}- {{/unless}}{{/each}} +
+ {{> "modules/bitd-alternate-sheets/templates/parts/attributes.html" owner=this.actor}} +
- +
- +
diff --git a/templates/parts/attributes.html b/templates/parts/attributes.html index 78124be..0885ddb 100644 --- a/templates/parts/attributes.html +++ b/templates/parts/attributes.html @@ -1,58 +1,152 @@ -
- {{#each attributes as |attribute attribute_name|}} - {{#if attribute_name}} -
+
+ {{#each attributes as |attribute attribute_name|}} {{#if attribute_name}} +
- {{#if ../isitem}} {{localize (concat attribute.label '')}} {{else}} - {{localize (concat attribute.label '')}} + {{localize (concat attribute.label '')}}
- {{#multiboxes attribute.exp}} - + {{#multiboxes attribute.exp}} + {{#times_from_1 attribute.exp_max}} - - - {{/times_from_1}} - {{/multiboxes}} + + + {{/times_from_1}} {{/multiboxes}}
{{/if}}
{{#each attribute.skills as |skill skill_name|}}
- {{#if ../../isitem}} - {{#multiboxes skill.value}} - - {{#times_from_1 4}} - - - {{/times_from_1}} + {{#if ../../isitem}} {{#multiboxes skill.value}} + + {{#times_from_1 4}} + + + {{/times_from_1}} -
{{localize skill.label}}
- {{/multiboxes}} - {{else}} - {{#multiboxes skill.value}} - - {{#times_from_1 4}} - - - {{/times_from_1}} +
+ {{localize skill.label}} +
+ {{/multiboxes}} {{else}} {{#multiboxes skill.value}} + + {{#times_from_1 4}} + + + {{/times_from_1}} -
{{localize skill.label}}
- {{/multiboxes}} - {{/if}} +
+ {{localize skill.label}} +
+ {{/multiboxes}} {{/if}}
{{/each}} -
- {{/if}} - {{/each}} -
\ No newline at end of file + {{/if}} {{/each}} +
+ {{#ifCond system.harm.light.one '||' system.harm.light.two}} +
+ +
+ {{#if system.harm.light.one}} + {{system.harm.light.one}},​ + {{/if}} {{#if system.harm.light.two}} + {{system.harm.light.two}} + {{/if}} +
+
+ {{/ifCond}} {{#ifCond system.harm.medium.one '||' system.harm.medium.two}} +
+ +
+ {{#if system.harm.medium.one}} + {{system.harm.medium.one}},​ + {{/if}} {{#if system.harm.medium.two}} + {{system.harm.medium.two}} + {{/if}} +
+
+ {{/ifCond}} {{#if system.harm.heavy.one}} +
+ +
+ {{#if system.harm.heavy.one}} + {{system.harm.heavy.one}} + {{/if}} +
+
+ {{/if}} +
+