f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-11-04 16:08:54 +00:00
Code Wiki Activity

lint css

Browse Source
This commit is contained in:
Víctor Losada Hernández
2026-09-28 17:37:35 +02:00
parent 8a372c1454
commit 38f6eb000f
37 changed files with 3025 additions and 5622 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/admin/admin.less
+4 -4
View File
@@ -107,14 +107,14 @@ body {
} }
th, td { th, td {
max-width : 50ch;
padding : 5px 10px; padding : 5px 10px;
overflow : hidden;
text-overflow : ellipsis;
vertical-align : middle; vertical-align : middle;
text-align : center; text-align : center;
white-space : nowrap;
border-right : 1px solid; border-right : 1px solid;
max-width:50ch;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
&:last-child { border-right : none; } &:last-child { border-right : none; }
} }
client/admin/lockTools/lockTools.less
+2 -2
View File
@@ -16,7 +16,7 @@
margin-left : 10px; margin-left : 10px;
} }
&.checkbox { &.checkbox {
line-height: 1.5em; line-height : 1.5em;
input { input {
width : 1.5em; width : 1.5em;
height : 1.5em; height : 1.5em;
@@ -26,9 +26,9 @@
} }
.lockSuggestions { .lockSuggestions {
columns : 2;
line-height : 1.2em; line-height : 1.2em;
break-inside : avoid; break-inside : avoid;
columns : 2;
h2 { column-span : all; } h2 { column-span : all; }
h3 { margin-top : 0px; } h3 { margin-top : 0px; }
b { font-weight : 600; } b { font-weight : 600; }
client/components/Anchored.less
+1 -1
View File
@@ -2,8 +2,8 @@
.anchored-box { .anchored-box {
position : absolute; position : absolute;
inset-block-start : anchor(bottom);
visibility : hidden; visibility : hidden;
justify-self : anchor-center; justify-self : anchor-center;
inset-block-start : anchor(bottom);
&.active { visibility : visible; } &.active { visibility : visible; }
} }
client/components/codeEditor/codeEditor.less
+39 -44
View File
@@ -16,15 +16,15 @@
} }
@keyframes slideacross { @keyframes slideacross {
0% { 0% {
bottom: -200px; bottom : -200px;
left: -200px; left : -200px;
} }
100% { 100% {
bottom:100%; bottom : 100%;
left:100%; left : 100%;
} }
} }
:where(.codeEditor) { :where(.codeEditor) {
@@ -37,22 +37,22 @@
outline : none !important; outline : none !important;
&.cm-flash { &.cm-flash {
position:relative; position : relative;
&::after { &::after {
position:absolute; position : absolute;
content:''; bottom : -200px;
bottom:-200px; left : -200px;
left:-200px; display : block;
translate:-50%; width : 200%;
width:200%; height : 100px;
height:100px; content : '';
background:linear-gradient(0deg, #89eafc00 0px, #89ebfc8e 50px, #89eafc00 100px, transparent); background : linear-gradient(0deg, #89EAFC00 0px, #89EBFC8E 50px, #89EAFC00 100px, transparent);
display:block;
rotate:30deg; rotate : 30deg;
translate : -50%;
@media screen and (prefers-reduced-motion: no-preference) { @media screen and (prefers-reduced-motion : no-preference) {
animation: .5s linear 1 slideacross ; animation : 0.5s linear 1 slideacross;
} }
} }
} }
@@ -134,9 +134,7 @@
vertical-align : sub; vertical-align : sub;
color : rgb(123, 123, 15); color : rgb(123, 123, 15);
} }
.cm-strikethrough { .cm-strikethrough { text-decoration : line-through; }
text-decoration: line-through;
}
.cm-definitionList { .cm-definitionList {
.cm-definitionTerm { color : rgb(96, 117, 143); } .cm-definitionTerm { color : rgb(96, 117, 143); }
@@ -196,30 +194,27 @@
} }
.cm-image { .cm-image {
position:relative; position : relative;
.cm-preview { .cm-preview {
object-fit: contain; position : absolute;
position:absolute; bottom : 0;
bottom:0; left : 0;
left:0; z-index : 1000;
height:200px; width : 200px;
width:200px; height : 200px;
height:200px; padding : 5px;
padding:5px; pointer-events : none;
background-color: #fff; object-fit : contain;
border-radius:10px; background-color : #FFFFFF;
border:3px solid grey; border : 3px solid grey;
pointer-events: none; border-radius : 10px;
opacity:0; opacity : 0;
transition:0.2s opacity 0.5s; translate : 0 100%;
translate:0 100%; transition : 0.2s opacity 0.5s;
z-index:1000;
} }
&:hover .cm-preview { &:hover .cm-preview { opacity : 1; }
opacity:1;
}
} }
/* Tab character visualization (optional) */ /* Tab character visualization (optional) */
client/components/combobox.less
+2 -4
View File
@@ -31,14 +31,12 @@
font-family : 'Open Sans'; font-family : 'Open Sans';
font-size : 11px; font-size : 11px;
cursor : default; cursor : default;
&:hover { &:hover { background-color : #DDDDDD; }
background-color : #ddd;
}
.detail { .detail {
width : 100%; width : 100%;
font-size : 9px; font-size : 9px;
font-style : italic; font-style : italic;
color : #7c7c7c; color : #7C7C7C;
text-align : left; text-align : left;
} }
} }
client/components/dropdown/dropdown.less
+18 -20
View File
@@ -1,37 +1,35 @@
@property --menuColor { @property --menuColor {
syntax: '<color>'; syntax : '<color>';
inherits: true; inherits : true;
initial-value: #DDD; initial-value : #DDDDDD;
} }
@property --activeTriggerColor { @property --activeTriggerColor {
syntax: '<color>'; syntax : '<color>';
inherits: true; inherits : true;
initial-value: #999; initial-value : #999999;
} }
:root{ :root { --activeTriggerColor : var(--activeTriggerColor); }
--activeTriggerColor : var(--activeTriggerColor);
}
.menu-list { .menu-list {
contain : content;
position : fixed; position : fixed;
top : anchor(bottom); top : anchor(bottom);
left : anchor(left); left : anchor(left);
position-try: flip-inline flip-block; position-try : flip-inline flip-block;
color: inherit; // [popover] gets a `canvastext` color value from useragent. contain : content;
background: var(--menuColor); color : inherit; // [popover] gets a `canvastext` color value from useragent.
background : var(--menuColor);
li > .menu-list { li > .menu-list {
margin: 0 0px; top : anchor(top);
top : anchor(top); left : anchor(right);
left : anchor(right); margin : 0 0px;
position-try: flip-inline; position-try : flip-inline;
} }
} }
.menu-wrapper:has(:popover-open) > button { // if menu is open... .menu-wrapper:has(:popover-open) > button { // if menu is open...
background-color: var(--activeTriggerColor, hsl(from var(--menuColor) h s calc(l * .85))); // tint menu triggers based on menu color background-color : var(--activeTriggerColor, hsl(from var(--menuColor) h s calc(l * 0.85))); // tint menu triggers based on menu color
} }
.darkMode .menu-wrapper:has(:popover-open) > button { // if menu is open... .darkMode .menu-wrapper:has(:popover-open) > button { // if menu is open...
--activeTriggerColor : #444; // tint menu triggers based on menu color --activeTriggerColor : #444444; // tint menu triggers based on menu color
} }
client/homebrew/brewRenderer/brewRenderer.less
+3 -7
View File
@@ -61,9 +61,7 @@
} }
@supports (break-after:always) { @supports (break-after:always) {
.columnSplit { .columnSplit { margin-bottom : 100vh; }
margin-bottom: 100vh;
}
} }
} }
@@ -76,13 +74,11 @@
height : 100%; height : 100%;
padding : unset; padding : unset;
overflow-y : unset; overflow-y : unset;
&:has(.facing, .flow) { &:has(.facing, .flow) { padding : unset; }
padding : unset;
}
.pages { .pages {
display : block;
margin : 0px; margin : 0px;
zoom : 100% !important; zoom : 100% !important;
display : block;
& > .page { box-shadow : unset; } & > .page { box-shadow : unset; }
} }
} }
client/homebrew/brewRenderer/toolBar/toolBar.less
+1 -3
View File
@@ -176,9 +176,7 @@
transition : all 0.2s ease; transition : all 0.2s ease;
} }
.toggleButton button i { .toggleButton button i { filter : drop-shadow(0 0 2px black) drop-shadow(0 0 1px black); }
filter: drop-shadow(0 0 2px black) drop-shadow(0 0 1px black);
}
} }
} }
client/homebrew/editor/snippetbar/snippetbar.less
+11 -13
View File
@@ -5,21 +5,21 @@
.snippetBar { .snippetBar {
--menuColor : #DDDDDD; --menuColor : #DDDDDD;
--textColor : black; --textColor : black;
--hoverMenuColor : #999; --hoverMenuColor : #999999;
@menuHeight : 25px; @menuHeight : 25px;
position : relative; position : relative;
display : flex; display : flex;
flex-wrap : wrap-reverse; flex-wrap : wrap-reverse;
reading-flow : flex-visual;
justify-content : space-between; justify-content : space-between;
height : auto; height : auto;
font-family : 'Open Sans', sans-serif;
font-size : 0.65rem;
font-weight : 800;
color : var(--textColor); color : var(--textColor);
text-transform : uppercase;
background-color : var(--menuColor); background-color : var(--menuColor);
font-size : .65rem; reading-flow : flex-visual;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight: 800;
.editors { .editors {
display : flex; display : flex;
@@ -46,7 +46,7 @@
&.editorTool:not(.active) { cursor : not-allowed; } &.editorTool:not(.active) { cursor : not-allowed; }
&:hover,&.selected { background-color : var(--hoverMenuColor) } &:hover,&.selected { background-color : var(--hoverMenuColor); }
&.text { &.text {
.tooltipLeft('Brew Editor'); .tooltipLeft('Brew Editor');
} }
@@ -199,9 +199,7 @@
background : grey; background : grey;
border-radius : 12px; border-radius : 12px;
} }
&:hover { &:hover { background-color : var(--hoverMenuColor); }
background-color : var(--hoverMenuColor);
}
&:disabled { &:disabled {
color : gray; color : gray;
cursor : not-allowed; cursor : not-allowed;
@@ -227,7 +225,7 @@
} }
.editor.darkMode .snippetBar { .editor.darkMode .snippetBar {
--menuColor : #666; --menuColor : #666666;
--textColor : #eee; --textColor : #EEEEEE;
--hoverMenuColor : #444; --hoverMenuColor : #444444;
} }
client/homebrew/editor/tagInput/tagInput.less
+8 -18
View File
@@ -1,30 +1,20 @@
.tags { .tags {
.tagInputWrap { .tagInputWrap {
display:grid; display : grid;
grid-template-columns: 200px 3fr; grid-template-columns : 200px 3fr;
gap:10px; gap : 10px;
} }
.list input { .list input { border-radius : 5px; }
border-radius: 5px;
}
.tagInput-dropdown { .tagInput-dropdown {
.dropdown-options { .dropdown-options {
.item { .item {
&.type { &.type { background-color : #00800035; }
background-color: #00800035; &.group { background-color : #50505035; }
} &.meta { background-color : #00008035; }
&.group { &.system { background-color : #80000035; }
background-color: #50505035;
}
&.meta {
background-color: #00008035;
}
&.system {
background-color: #80000035;
}
} }
} }
} }
client/homebrew/editor/uiEditor.less
+3 -7
View File
@@ -105,9 +105,7 @@
&::placeholder { color : var(--input-placeholder-clr); } &::placeholder { color : var(--input-placeholder-clr); }
} }
input[type='range'] { input[type='range'] { color : var(--input-text-clr); }
color: var(--input-text-clr);
}
&.description { &.description {
flex : 1; flex : 1;
@@ -151,9 +149,7 @@
max-width : 150px; max-width : 150px;
} }
&.themes { &.themes {
.value { .value { overflow : visible; }
overflow : visible;
}
button { button {
padding-right : 5px; padding-right : 5px;
padding-left : 5px; padding-left : 5px;
@@ -165,7 +161,7 @@
color : dimgray; color : dimgray;
background-color : darkgray; background-color : darkgray;
} }
.item.dropdown-input { border:none;} .item.dropdown-input { border : none;}
.item { .item {
position : relative; position : relative;
overflow : visible; overflow : visible;
client/homebrew/homebrew.less
+2 -2
View File
@@ -1,7 +1,7 @@
@import '@sharedStyles/core.less'; @import '@sharedStyles/core.less';
.homebrew { .homebrew {
height : 100%; height : 100%;
background-color:@steel; background-color : @steel;
&.deployment { background-color : darkred; } &.deployment { background-color : darkred; }
.sitePage { .sitePage {
client/homebrew/navbar/navbar.less
+1 -3
View File
@@ -39,9 +39,7 @@
flex-grow : 1; flex-grow : 1;
min-width : 300px; min-width : 300px;
} }
>.brewTitle { >.brewTitle { cursor : auto; }
cursor:auto;
}
} }
// "NaturalCrit" logo // "NaturalCrit" logo
.navLogo { .navLogo {
client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
+5 -5
View File
@@ -18,7 +18,7 @@
box-shadow : 0px 4px 5px 0px #333333; box-shadow : 0px 4px 5px 0px #333333;
break-inside : avoid; break-inside : avoid;
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
.thumbnail { .thumbnail {
position : absolute; position : absolute;
top : 0; top : 0;
@@ -43,7 +43,7 @@
.info { .info {
position : initial; position : initial;
bottom : 2px; bottom : 2px;
font-family : "ScalySansRemake"; font-family : 'ScalySansRemake';
font-size : 1.2em; font-size : 1.2em;
& > span { & > span {
margin-right : 12px; margin-right : 12px;
@@ -106,26 +106,26 @@
a, button { a, button {
.animate(opacity); .animate(opacity);
display : block; display : block;
width : 100%;
margin : 8px 0px; margin : 8px 0px;
font-size : 1.3em; font-size : 1.3em;
color : white; color : white;
text-decoration : unset; text-decoration : unset;
opacity : 0.6; opacity : 0.6;
width : 100%;
&:hover { opacity : 1; } &:hover { opacity : 1; }
i { cursor : pointer; } i { cursor : pointer; }
} }
} }
.googleDriveIcon { .googleDriveIcon {
height : 18px;
padding : 0px; padding : 0px;
margin : -5px; margin : -5px;
height : 18px;
} }
.homebreweryIcon { .homebreweryIcon {
position : relative; position : relative;
padding : 0px;
top : 5px; top : 5px;
left : -7.5px; left : -7.5px;
height : 18px; height : 18px;
padding : 0px;
} }
} }
client/homebrew/pages/basePages/listPage/listPage.less
+5 -5
View File
@@ -1,15 +1,15 @@
.noColumns() { .noColumns() {
column-count : auto; -webkit-column-width : auto;
column-fill : auto; -moz-column-width : auto;
column-gap : normal;
column-width : auto; column-width : auto;
-webkit-column-count : auto; -webkit-column-count : auto;
-moz-column-count : auto; -moz-column-count : auto;
-webkit-column-width : auto; column-count : auto;
-moz-column-width : auto; column-fill : auto;
-webkit-column-gap : normal; -webkit-column-gap : normal;
-moz-column-gap : normal; -moz-column-gap : normal;
column-gap : normal;
height : auto; height : auto;
min-height : 279.4mm; min-height : 279.4mm;
margin : 20px auto; margin : 20px auto;
client/homebrew/pages/homePage/homePage.less
+5 -5
View File
@@ -37,14 +37,14 @@
.navItem.save { .navItem.save {
background-color : @orange; background-color : @orange;
transition:all 0.2s; transition : all 0.2s;
&:hover { background-color : @green; } &:hover { background-color : @green; }
&.neverSaved { &.neverSaved {
translate:-100%; cursor : auto;
opacity: 0; background-color : #333333;
background-color :#333; opacity : 0;
cursor:auto; translate : -100%;
} }
} }
} }
client/homebrew/pages/newPage/newPage.less
+5 -5
View File
@@ -3,14 +3,14 @@
.newPage { .newPage {
.navItem.save { .navItem.save {
background-color : @orange; background-color : @orange;
transition:all 0.2s; transition : all 0.2s;
&:hover { background-color : @green; } &:hover { background-color : @green; }
&.neverSaved { &.neverSaved {
translate:-100%; cursor : auto;
opacity: 0; background-color : #333333;
background-color :#333; opacity : 0;
cursor:auto; translate : -100%;
} }
} }
} }
client/homebrew/pages/vaultPage/vaultPage.less
+2 -4
View File
@@ -6,9 +6,7 @@
*:not(input) { user-select : none; } *:not(input) { user-select : none; }
.form { .form { background : white; }
background:white;
}
:where(.content .dataGroup) { :where(.content .dataGroup) {
width : 100%; width : 100%;
@@ -174,8 +172,8 @@
height : 100%; height : 100%;
max-height : 100%; max-height : 100%;
padding : 70px 50px; padding : 70px 50px;
overflow-y : scroll;
container-type : inline-size; container-type : inline-size;
overflow-y : scroll;
h3 { font-size : 25px; } h3 { font-size : 25px; }
shared/naturalcrit/styles/animations.less
+11 -11
View File
@@ -104,7 +104,7 @@
from { @from(); } from { @from(); }
to { @to(); } to { @to(); }
}; };
@-webkit-keyframes @name {@frames();} @-webkit-keyframes @name {@frames();}
@-moz-keyframes @name {@frames();} @-moz-keyframes @name {@frames();}
@-ms-keyframes @name {@frames();} @-ms-keyframes @name {@frames();}
@-o-keyframes @name {@frames();} @-o-keyframes @name {@frames();}
@@ -136,7 +136,7 @@
.createAnimation(fadeIn; @duration; @easing); .createAnimation(fadeIn; @duration; @easing);
.createFrames(fadeIn, .createFrames(fadeIn,
{ opacity : 0; }, { opacity : 0; },
{ opacity : 1; } { opacity : 1; }
); );
} }
@@ -144,7 +144,7 @@
.createAnimation(fadeInDown; @duration; @easing); .createAnimation(fadeInDown; @duration; @easing);
.createFrames(fadeInDown, .createFrames(fadeInDown,
{ opacity : 0; .transform(translateY(20px));}, { opacity : 0; .transform(translateY(20px));},
{ opacity : 1; .transform(translateY(0px));} { opacity : 1; .transform(translateY(0px));}
); );
} }
@@ -152,7 +152,7 @@
.createAnimation(fadeInTop; @duration; @easing); .createAnimation(fadeInTop; @duration; @easing);
.createFrames(fadeInTop, .createFrames(fadeInTop,
{ opacity : 0; .transform(translateY(-20px)); }, { opacity : 0; .transform(translateY(-20px)); },
{ opacity : 1; .transform(translateY(0px));} { opacity : 1; .transform(translateY(0px));}
); );
} }
@@ -160,7 +160,7 @@
.createAnimation(fadeInLeft; @duration; @easing); .createAnimation(fadeInLeft; @duration; @easing);
.createFrames(fadeInLeft, .createFrames(fadeInLeft,
{ opacity: 0; .transform(translateX(-20px));}, { opacity: 0; .transform(translateX(-20px));},
{ opacity: 1; .transform(translateX(0));} { opacity: 1; .transform(translateX(0));}
); );
} }
@@ -168,7 +168,7 @@
.createAnimation(fadeInRight; @duration; @easing); .createAnimation(fadeInRight; @duration; @easing);
.createFrames(fadeInRight, .createFrames(fadeInRight,
{ opacity: 0; .transform(translateX(20px));}, { opacity: 0; .transform(translateX(20px));},
{ opacity: 1; .transform(translateX(0));} { opacity: 1; .transform(translateX(0));}
); );
} }
@@ -176,7 +176,7 @@
.createAnimation(fadeOut; @duration; @easing); .createAnimation(fadeOut; @duration; @easing);
.createFrames(fadeOut, .createFrames(fadeOut,
{ opacity : 1; }, { opacity : 1; },
{ opacity : 0; } { opacity : 0; }
); );
} }
@@ -184,7 +184,7 @@
.createAnimation(fadeOutDown; @duration; @easing); .createAnimation(fadeOutDown; @duration; @easing);
.createFrames(fadeOutDown, .createFrames(fadeOutDown,
{ opacity : 1; .transform(translateY(0)); visibility: visible;}, { opacity : 1; .transform(translateY(0)); visibility: visible;},
{ opacity : 0; .transform(translateY(20px)); visibility: hidden;} { opacity : 0; .transform(translateY(20px)); visibility: hidden;}
); );
} }
@@ -192,7 +192,7 @@
.createAnimation(fadeOutTop; @duration; @easing); .createAnimation(fadeOutTop; @duration; @easing);
.createFrames(fadeOutTop, .createFrames(fadeOutTop,
{ opacity : 1; .transform(translateY(0)); }, { opacity : 1; .transform(translateY(0)); },
{ opacity : 0; .transform(translateY(-20px)); } { opacity : 0; .transform(translateY(-20px)); }
); );
} }
@@ -200,7 +200,7 @@
.createAnimation(fadeOutLeft; @duration; @easing); .createAnimation(fadeOutLeft; @duration; @easing);
.createFrames(fadeOutLeft, .createFrames(fadeOutLeft,
{ opacity : 1; .transform(translateX(0));}, { opacity : 1; .transform(translateX(0));},
{ opacity : 0; .transform(translateX(-20px));} { opacity : 0; .transform(translateX(-20px));}
); );
} }
@@ -208,7 +208,7 @@
.createAnimation(fadeOutRight; @duration; @easing); .createAnimation(fadeOutRight; @duration; @easing);
.createFrames(fadeOutRight, .createFrames(fadeOutRight,
{ opacity : 1; .transform(translateX(0));}, { opacity : 1; .transform(translateX(0));},
{ opacity : 0; .transform(translateX(20px));} { opacity : 0; .transform(translateX(20px));}
); );
} }
shared/naturalcrit/styles/elements.less
+2 -2
View File
@@ -40,7 +40,7 @@ p {
color : @copyGrey; color : @copyGrey;
} }
code { code {
font-family : 'Courier', "mono"; font-family : 'Courier', 'mono';
color : black; color : black;
white-space : pre; white-space : pre;
background-color : #F8F8F8; background-color : #F8F8F8;
@@ -54,7 +54,7 @@ button {
.animate(background-color); .animate(background-color);
display : inline-block; display : inline-block;
padding : 0.6em 1.2em; padding : 0.6em 1.2em;
font-family : 'Lato', "Helvetica", "Arial", sans-serif; font-family : 'Lato', 'Helvetica', 'Arial', sans-serif;
font-size : 15px; font-size : 15px;
color : white; color : white;
text-decoration : none; text-decoration : none;
shared/naturalcrit/styles/reset.less
+1 -1
View File
@@ -22,4 +22,4 @@
background-color : unset; background-color : unset;
} }
:where(i){ text-box-trim: trim-both } :where(i) { text-box-trim : trim-both; }
shared/naturalcrit/styles/tooltip.less
+26 -26
View File
@@ -3,23 +3,23 @@
@arrowSize : 6px; @arrowSize : 6px;
@arrowPosition : 18px; @arrowPosition : 18px;
[data-tooltip] { [data-tooltip] {
position:relative; position : relative;
.tooltip(attr(data-tooltip)); .tooltip(attr(data-tooltip));
} }
[data-tooltip-top] { [data-tooltip-top] {
position:relative; position : relative;
.tooltipTop(attr(data-tooltip-top)); .tooltipTop(attr(data-tooltip-top));
} }
[data-tooltip-bottom] { [data-tooltip-bottom] {
position:relative; position : relative;
.tooltipBottom(attr(data-tooltip-bottom)); .tooltipBottom(attr(data-tooltip-bottom));
} }
[data-tooltip-left] { [data-tooltip-left] {
position:relative; position : relative;
.tooltipLeft(attr(data-tooltip-left)); .tooltipLeft(attr(data-tooltip-left));
} }
[data-tooltip-right] { [data-tooltip-right] {
position:relative; position : relative;
.tooltipRight(attr(data-tooltip-right)); .tooltipRight(attr(data-tooltip-right));
} }
.tooltip(@content) { .tooltip(@content) {
@@ -33,9 +33,9 @@
} }
&::after { margin-left : -18px; } &::after { margin-left : -18px; }
&::before, &::after { &::before, &::after {
bottom : 100%; bottom : 100%;
left : 50%; left : 50%;
translate: -50% 0; translate : -50% 0;
} }
&:hover::after, &:hover::before, &:focus::after, &:focus::before { &:hover::after, &:hover::before, &:focus::after, &:focus::before {
.transform(translateY(-(@arrowSize + 2))); .transform(translateY(-(@arrowSize + 2)));
@@ -49,9 +49,9 @@
} }
&::after { margin-left : -18px; } &::after { margin-left : -18px; }
&::before, &::after { &::before, &::after {
top : 100%; top : 100%;
left : 50%; left : 50%;
translate: -50% 0; translate : -50% 0;
} }
&:hover::after, &:hover::before, &:focus::after, &:focus::before { &:hover::after, &:hover::before, &:focus::after, &:focus::before {
.transform(translateY(@arrowSize + 2)); .transform(translateY(@arrowSize + 2));
@@ -65,8 +65,8 @@
border-left-color : @tooltipColor; border-left-color : @tooltipColor;
} }
&::after { &::after {
max-width : 50ch;
margin-bottom : -14px; margin-bottom : -14px;
max-width : 50ch;
} }
&::before, &::after { &::before, &::after {
right : 100%; right : 100%;
@@ -84,13 +84,13 @@
border-right-color : @tooltipColor; border-right-color : @tooltipColor;
} }
&::after { &::after {
max-width : 50ch;
margin-bottom : -14px; margin-bottom : -14px;
max-width : 50ch;
} }
&::before, &::after { &::before, &::after {
top : 50%; top : 50%;
left : 100%; left : 100%;
translate:0 -50%; translate : 0 -50%;
} }
&:hover::after, &:hover::before, &:focus::after, &:focus::before { &:hover::after, &:hover::before, &:focus::after, &:focus::before {
.transform(translateX(@arrowSize + 2)); .transform(translateX(@arrowSize + 2));
@@ -115,17 +115,17 @@
} }
//Box //Box
&::after { &::after {
visibility : hidden; visibility : hidden;
padding : 8px 10px; width : max-content;
font-size : 12px; max-width : 60ch;
line-height : 12px; padding : 8px 10px;
color : white; font-size : 12px;
content : @content; line-height : 12px;
background : @tooltipColor; color : white;
max-width : 60ch; word-break : break-word;
width :max-content;
word-break : break-word;
overflow-wrap : break-word; overflow-wrap : break-word;
content : @content;
background : @tooltipColor;
} }
&:hover::before, &:hover::after { &:hover::before, &:hover::after {
visibility : visible; visibility : visible;
themes/Legacy/5ePHB/style.less
+16 -16
View File
@@ -25,16 +25,16 @@ body { counter-reset : phb-page-numbers; }
} }
} }
.useColumns(@multiplier : 1) { .useColumns(@multiplier : 1) {
column-count : 2; -webkit-column-width : 8cm * @multiplier;
column-fill : auto; -moz-column-width : 8cm * @multiplier;
column-gap : 1cm;
column-width : 8cm * @multiplier; column-width : 8cm * @multiplier;
-webkit-column-count : 2; -webkit-column-count : 2;
-moz-column-count : 2; -moz-column-count : 2;
-webkit-column-width : 8cm * @multiplier; column-count : 2;
-moz-column-width : 8cm * @multiplier; column-fill : auto;
-webkit-column-gap : 1cm; -webkit-column-gap : 1cm;
-moz-column-gap : 1cm; -moz-column-gap : 1cm;
column-gap : 1cm;
} }
.phb, .page { .phb, .page {
.useColumns(); .useColumns();
@@ -43,8 +43,11 @@ body { counter-reset : phb-page-numbers; }
box-sizing : border-box; box-sizing : border-box;
width : 215.9mm; width : 215.9mm;
height : 279.4mm; height : 279.4mm;
contain-intrinsic-size : auto none;
padding : 1.0cm 1.7cm; padding : 1.0cm 1.7cm;
padding-bottom : 1.5cm; padding-bottom : 1.5cm;
contain : strict;
content-visibility : auto;
overflow : hidden; overflow : hidden;
font-family : 'BookSanity'; font-family : 'BookSanity';
font-size : 0.317cm; font-size : 0.317cm;
@@ -52,11 +55,8 @@ body { counter-reset : phb-page-numbers; }
background-color : @background; background-color : @background;
background-image : @backgroundImage; background-image : @backgroundImage;
text-rendering : optimizeLegibility; text-rendering : optimizeLegibility;
page-break-before : always; break-before : page;
page-break-after : always; break-after : page;
contain : strict;
content-visibility : auto;
contain-intrinsic-size : auto none;
} }
.phb { .phb {
@@ -111,10 +111,10 @@ body { counter-reset : phb-page-numbers; }
color : @headerText; color : @headerText;
} }
h1 { h1 {
column-span : all;
font-size : 0.987cm;
-webkit-column-span : all; -webkit-column-span : all;
-moz-column-span : all; -moz-column-span : all;
column-span : all;
font-size : 0.987cm;
& + p::first-letter { & + p::first-letter {
float : left; float : left;
font-family : 'Solberry'; font-family : 'Solberry';
@@ -308,7 +308,7 @@ body { counter-reset : phb-page-numbers; }
p,blockquote,table { p,blockquote,table {
z-index : 15; z-index : 15;
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
break-inside : avoid; break-inside : avoid;
} }
//Better spacing for spell blocks //Better spacing for spell blocks
@@ -322,7 +322,7 @@ body { counter-reset : phb-page-numbers; }
} }
li { li {
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
break-inside : avoid; break-inside : avoid;
} }
} }
@@ -347,7 +347,7 @@ body { counter-reset : phb-page-numbers; }
list-style-type : none; list-style-type : none;
break-inside : auto; break-inside : auto;
-webkit-column-break-inside : auto; -webkit-column-break-inside : auto;
page-break-inside : auto; break-inside : auto;
} }
} }
//***************************** //*****************************
@@ -436,7 +436,7 @@ body { counter-reset : phb-page-numbers; }
// *****************************/ // *****************************/
.phb .toc { .phb .toc {
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
break-inside : avoid; break-inside : avoid;
a { a {
color : black; color : black;
themes/V3/5ePHB/style.less
+26 -26
View File
@@ -27,16 +27,16 @@
h5 + * { margin-top : 0.1cm; } h5 + * { margin-top : 0.1cm; }
} }
.useColumns(@multiplier : 1, @fillMode: auto) { .useColumns(@multiplier : 1, @fillMode: auto) {
column-count : 2; -webkit-column-width : 8cm * @multiplier;
column-fill : @fillMode; -moz-column-width : 8cm * @multiplier;
column-gap : 0.9cm;
column-width : 8cm * @multiplier; column-width : 8cm * @multiplier;
-webkit-column-count : 2; -webkit-column-count : 2;
-moz-column-count : 2; -moz-column-count : 2;
-webkit-column-width : 8cm * @multiplier; column-count : 2;
-moz-column-width : 8cm * @multiplier; column-fill : @fillMode;
-webkit-column-gap : 0.9cm; -webkit-column-gap : 0.9cm;
-moz-column-gap : 0.9cm; -moz-column-gap : 0.9cm;
column-gap : 0.9cm;
} }
.page { .page {
.useColumns(); .useColumns();
@@ -79,12 +79,12 @@
color : var(--HB_Color_HeaderText); color : var(--HB_Color_HeaderText);
} }
h1 { h1 {
margin-bottom : 0.18cm; //Margin-bottom only because this is WIDE
column-span : all;
font-size : 0.89cm;
line-height : 1em;
-webkit-column-span : all; -webkit-column-span : all;
-moz-column-span : all; -moz-column-span : all;
column-span : all;
margin-bottom : 0.18cm; //Margin-bottom only because this is WIDE
font-size : 0.89cm;
line-height : 1em;
& + p::first-line { font-variant : small-caps; } & + p::first-line { font-variant : small-caps; }
} }
p.first-letter::first-letter, p.first-letter::first-letter,
@@ -363,13 +363,13 @@
// Monster Ability table // Monster Ability table
hr + table:first-of-type { hr + table:first-of-type {
margin : 0; -webkit-column-span : none;
column-span : none; column-span : none;
margin : 0;
color : var(--HB_Color_HeaderText); color : var(--HB_Color_HeaderText);
background-color : transparent; background-color : transparent;
border-style : none; border-style : none;
border-image : none; border-image : none;
-webkit-column-span : none;
tr { background-color : transparent; } tr { background-color : transparent; }
td,th { padding : 0px; } td,th { padding : 0px; }
} }
@@ -420,15 +420,15 @@
color : var(--HB_Color_Footnotes); color : var(--HB_Color_Footnotes);
} }
.footnote { .footnote {
text-transform: uppercase; position : absolute;
position : absolute; right : 80px;
right : 80px; bottom : 32px;
bottom : 32px; z-index : 150;
z-index : 150; width : 200px;
width : 200px; font-size : 0.8em;
font-size : 0.8em; color : var(--HB_Color_Footnotes);
color : var(--HB_Color_Footnotes); text-align : right;
text-align : right; text-transform : uppercase;
} }
// ************************************ // ************************************
// * CODE BLOCKS // * CODE BLOCKS
@@ -488,7 +488,7 @@
text-indent : -1em; text-indent : -1em;
list-style-type : none; list-style-type : none;
-webkit-column-break-inside : auto; -webkit-column-break-inside : auto;
page-break-inside : auto; break-inside : auto;
break-inside : auto; break-inside : auto;
} }
&.wide { column-count : 4; } &.wide { column-count : 4; }
@@ -615,9 +615,9 @@
font-size : 0.496cm; font-size : 0.496cm;
color : white; color : white;
text-align : center; text-align : center;
-webkit-text-stroke : 0.1cm black; text-transform : none;
paint-order : stroke; paint-order : stroke;
text-transform : none; -webkit-text-stroke : 0.1cm black;
} }
.logo { .logo {
position : absolute; position : absolute;
@@ -675,10 +675,10 @@
// * BACK COVER // * BACK COVER
// *****************************/ // *****************************/
.page:has(.backCover) { .page:has(.backCover) {
columns : 1;
padding : 2.25cm 1.3cm 2cm 1.3cm; padding : 2.25cm 1.3cm 2cm 1.3cm;
line-height : 1.4em; line-height : 1.4em;
color : #FFFFFF; color : #FFFFFF;
columns : 1;
&::after { display : none; } &::after { display : none; }
.columnWrapper { width : 7.6cm; } .columnWrapper { width : 7.6cm; }
.backCover { .backCover {
@@ -756,9 +756,9 @@
// * PART COVER // * PART COVER
// *****************************/ // *****************************/
.page:has(.partCover) { .page:has(.partCover) {
columns : 1;
padding-top : 0; padding-top : 0;
text-align : center; text-align : center;
columns : 1;
.partCover { .partCover {
position : absolute; position : absolute;
@@ -807,7 +807,7 @@
&:has(.toc)::after { display : none; } &:has(.toc)::after { display : none; }
.toc { .toc {
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
break-inside : avoid; break-inside : avoid;
h1 { h1 {
margin-bottom : 0.3cm; margin-bottom : 0.3cm;
themes/V3/Blank/style.less
+45 -57
View File
@@ -34,15 +34,15 @@ body { counter-reset : page-numbers 0; }
} }
.useColumns(@multiplier : 1, @fillMode: auto) { .useColumns(@multiplier : 1, @fillMode: auto) {
column-fill : @fillMode;
column-count : 2; column-count : 2;
column-fill : @fillMode;
} }
.columnWrapper { .columnWrapper {
columns : inherit;
column-span : all;
column-fill : inherit;
column-gap : inherit; column-gap : inherit;
max-height : 100%; max-height : 100%;
column-span : all;
columns : inherit;
column-fill : inherit;
} }
.page { .page {
.useColumns(); .useColumns();
@@ -51,13 +51,13 @@ body { counter-reset : page-numbers 0; }
box-sizing : border-box; box-sizing : border-box;
width : 215.9mm; width : 215.9mm;
height : 279.4mm; height : 279.4mm;
contain-intrinsic-size : auto none;
padding : 1.4cm 1.9cm 1.7cm; padding : 1.4cm 1.9cm 1.7cm;
contain : strict;
content-visibility : auto;
overflow : clip; overflow : clip;
background-color : var(--HB_Color_Background); background-color : var(--HB_Color_Background);
text-rendering : optimizeLegibility; text-rendering : optimizeLegibility;
contain : strict;
content-visibility : auto;
contain-intrinsic-size : auto none;
} }
//***************************** //*****************************
// * BASE // * BASE
@@ -145,7 +145,7 @@ body { counter-reset : page-numbers 0; }
blockquote,table { blockquote,table {
z-index : 15; z-index : 15;
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
break-inside : avoid; break-inside : avoid;
} }
// Nested lists // Nested lists
@@ -155,20 +155,20 @@ body { counter-reset : page-numbers 0; }
} }
li { li {
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
break-inside : avoid; break-inside : avoid;
} }
/* Wrap Text */ /* Wrap Text */
.wrapLeft { .wrapLeft {
shape-outside : var(--HB_src);
float : right; float : right;
shape-outside : var(--HB_src);
shape-margin : 0.2cm; shape-margin : 0.2cm;
} }
.wrapRight { .wrapRight {
shape-outside : var(--HB_src);
float : left; float : left;
shape-outside : var(--HB_src);
shape-margin : 0.2cm; shape-margin : 0.2cm;
} }
@@ -433,8 +433,8 @@ body { counter-reset : page-numbers 0; }
// *****************************/ // *****************************/
.page { .page {
.wide { .wide {
column-span : all;
display : block; display : block;
column-span : all;
margin-bottom : 1em; margin-bottom : 1em;
& + * { margin-top : 0; } & + * { margin-top : 0; }
} }
@@ -502,66 +502,54 @@ body { counter-reset : page-numbers 0; }
// * Ordered List Type Overrides // * Ordered List Type Overrides
// *****************************/ // *****************************/
@counter-style lower-alpha-trailing-paren { @counter-style lower-alpha-trailing-paren {
system: extends lower-alpha; system : extends lower-alpha;
prefix: ""; prefix : '';
suffix: ") "; suffix : ') ';
} }
.page{ .page {
.ol-ccby ol { .ol-ccby ol { list-style-type : lower-alpha; }
list-style-type: lower-alpha;
}
.ol-ccby ol ol{ .ol-ccby ol ol {
padding-left: 0px !important; padding-left : 0px !important;
list-style-type: greek; list-style-type : greek;
} }
.ol-ccby ol ol ol { .ol-ccby ol ol ol {
padding-left: 0px !important; padding-left : 0px !important;
list-style-type: upper-alpha; list-style-type : upper-alpha;
} }
.ol-ccby ol ol ol ol { .ol-ccby ol ol ol ol {
padding-left: 0px !important; padding-left : 0px !important;
list-style-type: lower-roman; list-style-type : lower-roman;
} }
.ol-ccby p { .ol-ccby p {
padding-left: 25px; padding-left : 25px;
text-indent: 0em !important; text-indent : 0em !important;
} }
// Non-indented, numerical lists with slight gap between paragraphs. // Non-indented, numerical lists with slight gap between paragraphs.
.ol-lowerLetters ol { list-style-type : lower-alpha-trailing-paren; }
.ol-lowerLetters ol li p { display : inline; }
.ol-lowerLetters ol { .ol-lowerLetters ol {
list-style-type: lower-alpha-trailing-paren; padding : 0px;
list-style-position : inside;
} }
.ol-lowerLetters ol li p { .ol-lowerLetters ol li:not(:last-child) { margin-bottom : 0.5em; }
display: inline;
}
.ol-lowerLetters ol {
list-style-position: inside;
padding: 0px;
}
.ol-lowerLetters ol li:not(:last-child) {
margin-bottom: 0.5em;
}
.ol-noIndent ol { .ol-noIndent ol {
list-style-position: inside; padding : 0px;
padding: 0px; list-style-position : inside;
} }
.ol-noIndent ol li p { .ol-noIndent ol li p { display : inline; }
display: inline;
}
.ol-noIndent ol li:not(:last-child) { .ol-noIndent ol li:not(:last-child) { margin-bottom : 0.5em; }
margin-bottom: 0.5em;
}
} }
// ***************************** // *****************************
@@ -617,7 +605,7 @@ h6,
&:has(.toc)::after { display : none; } &:has(.toc)::after { display : none; }
.toc { .toc {
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
break-inside : avoid; break-inside : avoid;
h1 { h1 {
margin-bottom : 0.3cm; margin-bottom : 0.3cm;
@@ -684,10 +672,10 @@ Firefox endruns
**********************************/ **********************************/
@supports (-moz-user-select: none) { // This section will only apply to Firefox; it's the only browser that supports `-mos-xyz...` @supports (-moz-user-select: none) { // This section will only apply to Firefox; it's the only browser that supports `-mos-xyz...`
.page { .page {
blockquote, table { blockquote, table {
page-break-inside: auto; break-inside : auto;
break-inside: auto; break-inside : auto;
} }
} }
} }
themes/V3/Journal/style.less
+4 -4
View File
@@ -275,12 +275,12 @@
// Monster Ability table // Monster Ability table
hr + table:first-of-type { hr + table:first-of-type {
column-span : none;
margin : 0; margin : 0;
color : inherit; color : inherit;
background-image : none; background-image : none;
border-style : none; border-style : none;
border-image : none; border-image : none;
column-span : none;
tr { background-image : none; } tr { background-image : none; }
td,th { padding : 0px; } td,th { padding : 0px; }
} }
@@ -372,8 +372,8 @@
.page .spellList { .page .spellList {
.useSansSerif(); .useSansSerif();
font-family : 'PermanentMarker';
column-count : 2; column-count : 2;
font-family : 'PermanentMarker';
ul + h5 { margin-top : 15px; } ul + h5 { margin-top : 15px; }
ul { ul {
padding-left : 1em; padding-left : 1em;
@@ -382,7 +382,7 @@
list-style-type : none; list-style-type : none;
break-inside : auto; break-inside : auto;
-webkit-column-break-inside : auto; -webkit-column-break-inside : auto;
page-break-inside : auto; break-inside : auto;
} }
&.wide { column-count : 4; } &.wide { column-count : 4; }
} }
@@ -399,7 +399,7 @@
// *****************************/ // *****************************/
.page .toc { .page .toc {
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; break-inside : avoid;
break-inside : avoid; break-inside : avoid;
h1 { h1 {
margin-bottom : 0.3cm; margin-bottom : 0.3cm;
themes/V3/UnearthedArcana/style.less
+13 -21
View File
@@ -8,31 +8,23 @@
} }
.page { .page {
font-family: Cambria,Georgia,serif; font-family : "Cambria","Georgia",serif;
font-size: 14px; font-size : 14px;
h1, h2, h3, h4 { h1, h2, h3, h4 {
font-variant: small-caps; font-weight : normal;
font-weight: normal; font-variant : small-caps;
} }
h1 { h1 {
column-span: all; -webkit-column-span : all;
-webkit-column-span: all; column-span : all;
font-size: 40px; font-size : 40px;
}
h2 {
font-size: 26px;
} }
h2 { font-size : 26px; }
h3 { h3 {
font-size: 20px; font-size : 20px;
border-bottom: 2px solid black; border-bottom : 2px solid black;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
} }
h4 { font-size : 18px; }
h5 { font-size : 16px; }
h6 { font-size : 14px; }
} }
themes/fonts/5e legacy/fonts.less
+9 -9
View File
@@ -1,24 +1,24 @@
/* Main Font, serif */ /* Main Font, serif */
@font-face { @font-face {
font-family : "BookSanity"; font-family : 'BookSanity';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e legacy/Bookinsanity.woff2'); src : url('../../../fonts/5e legacy/Bookinsanity.woff2');
} }
@font-face { @font-face {
font-family : "BookSanity"; font-family : 'BookSanity';
font-style : normal; font-style : normal;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e legacy/Bookinsanity Bold.woff2'); src : url('../../../fonts/5e legacy/Bookinsanity Bold.woff2');
} }
@font-face { @font-face {
font-family : "BookSanity"; font-family : 'BookSanity';
font-style : italic; font-style : italic;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e legacy/Bookinsanity Italic.woff2'); src : url('../../../fonts/5e legacy/Bookinsanity Italic.woff2');
} }
@font-face { @font-face {
font-family : "BookSanity"; font-family : 'BookSanity';
font-style : italic; font-style : italic;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e legacy/Bookinsanity Bold Italic.woff2'); src : url('../../../fonts/5e legacy/Bookinsanity Bold Italic.woff2');
@@ -26,19 +26,19 @@
/* Notes and Tables, sans-serif */ /* Notes and Tables, sans-serif */
@font-face { @font-face {
font-family : "ScalySans"; font-family : 'ScalySans';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e legacy/Scaly Sans.woff2'); src : url('../../../fonts/5e legacy/Scaly Sans.woff2');
} }
@font-face { @font-face {
font-family : "ScalySansSmallCaps"; font-family : 'ScalySansSmallCaps';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e legacy/Scaly Sans Caps.woff2'); src : url('../../../fonts/5e legacy/Scaly Sans Caps.woff2');
} }
@font-face { @font-face {
font-family : "WalterTurncoat"; font-family : 'WalterTurncoat';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e legacy/WalterTurncoat-Regular.woff2'); src : url('../../../fonts/5e legacy/WalterTurncoat-Regular.woff2');
@@ -46,7 +46,7 @@
/* Headers */ /* Headers */
@font-face { @font-face {
font-family : "MrJeeves"; font-family : 'MrJeeves';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e legacy/Mr Eaves Small Caps.woff2'); src : url('../../../fonts/5e legacy/Mr Eaves Small Caps.woff2');
@@ -54,7 +54,7 @@
/* Fancy Drop Cap */ /* Fancy Drop Cap */
@font-face { @font-face {
font-family : "Solberry"; font-family : 'Solberry';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e legacy/Solbera Imitation.woff2'); src : url('../../../fonts/5e legacy/Solbera Imitation.woff2');
themes/fonts/5e/fonts.less
+21 -21
View File
@@ -1,24 +1,24 @@
/* Main Font, serif */ /* Main Font, serif */
@font-face { @font-face {
font-family : "BookInsanityRemake"; font-family : 'BookInsanityRemake';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Bookinsanity.woff2'); src : url('../../../fonts/5e/Bookinsanity.woff2');
} }
@font-face { @font-face {
font-family : "BookInsanityRemake"; font-family : 'BookInsanityRemake';
font-style : normal; font-style : normal;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e/Bookinsanity Bold.woff2'); src : url('../../../fonts/5e/Bookinsanity Bold.woff2');
} }
@font-face { @font-face {
font-family : "BookInsanityRemake"; font-family : 'BookInsanityRemake';
font-style : italic; font-style : italic;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Bookinsanity Italic.woff2'); src : url('../../../fonts/5e/Bookinsanity Italic.woff2');
} }
@font-face { @font-face {
font-family : "BookInsanityRemake"; font-family : 'BookInsanityRemake';
font-style : italic; font-style : italic;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e/Bookinsanity Bold Italic.woff2'); src : url('../../../fonts/5e/Bookinsanity Bold Italic.woff2');
@@ -26,37 +26,37 @@
/* Notes and Tables, sans-serif */ /* Notes and Tables, sans-serif */
@font-face { @font-face {
font-family : "ScalySansRemake"; font-family : 'ScalySansRemake';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Scaly Sans.woff2'); src : url('../../../fonts/5e/Scaly Sans.woff2');
} }
@font-face { @font-face {
font-family : "ScalySansRemake"; font-family : 'ScalySansRemake';
font-style : normal; font-style : normal;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e/Scaly Sans Bold.woff2'); src : url('../../../fonts/5e/Scaly Sans Bold.woff2');
} }
@font-face { @font-face {
font-family : "ScalySansRemake"; font-family : 'ScalySansRemake';
font-style : italic; font-style : italic;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Scaly Sans Italic.woff2'); src : url('../../../fonts/5e/Scaly Sans Italic.woff2');
} }
@font-face { @font-face {
font-family : "ScalySansRemake"; font-family : 'ScalySansRemake';
font-style : italic; font-style : italic;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e/Scaly Sans Bold Italic.woff2'); src : url('../../../fonts/5e/Scaly Sans Bold Italic.woff2');
} }
@font-face { @font-face {
font-family : "ScalySansSmallCapsRemake"; font-family : 'ScalySansSmallCapsRemake';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Scaly Sans Caps.woff2'); src : url('../../../fonts/5e/Scaly Sans Caps.woff2');
} }
@font-face { @font-face {
font-family : "WalterTurncoat"; font-family : 'WalterTurncoat';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/WalterTurncoat-Regular.woff2'); src : url('../../../fonts/5e/WalterTurncoat-Regular.woff2');
@@ -64,7 +64,7 @@
/* Headers */ /* Headers */
@font-face { @font-face {
font-family : "MrEavesRemake"; font-family : 'MrEavesRemake';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Mr Eaves Small Caps.woff2'); src : url('../../../fonts/5e/Mr Eaves Small Caps.woff2');
@@ -72,7 +72,7 @@
/* Fancy Drop Cap */ /* Fancy Drop Cap */
@font-face { @font-face {
font-family : "SolberaImitationRemake"; //Tweaked 5e version font-family : 'SolberaImitationRemake'; //Tweaked 5e version
font-style : normal; font-style : normal;
font-style : italic; font-style : italic;
font-weight : 100 1000; font-weight : 100 1000;
@@ -81,62 +81,62 @@
/* Cover Page */ /* Cover Page */
@font-face { @font-face {
font-family : "NodestoCapsCondensed"; font-family : 'NodestoCapsCondensed';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Nodesto Caps Condensed.woff2'); src : url('../../../fonts/5e/Nodesto Caps Condensed.woff2');
} }
@font-face { @font-face {
font-family : "NodestoCapsCondensed"; font-family : 'NodestoCapsCondensed';
font-style : normal; font-style : normal;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e/Nodesto Caps Condensed Bold.woff2'); src : url('../../../fonts/5e/Nodesto Caps Condensed Bold.woff2');
} }
@font-face { @font-face {
font-family : "NodestoCapsCondensed"; font-family : 'NodestoCapsCondensed';
font-style : italic; font-style : italic;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Nodesto Caps Condensed Italic.woff2'); src : url('../../../fonts/5e/Nodesto Caps Condensed Italic.woff2');
} }
@font-face { @font-face {
font-family : "NodestoCapsCondensed"; font-family : 'NodestoCapsCondensed';
font-style : italic; font-style : italic;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e/Nodesto Caps Condensed Bold Italic.woff2'); src : url('../../../fonts/5e/Nodesto Caps Condensed Bold Italic.woff2');
} }
@font-face { @font-face {
font-family : "NodestoCapsWide"; font-family : 'NodestoCapsWide';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Nodesto Caps Wide.woff2'); src : url('../../../fonts/5e/Nodesto Caps Wide.woff2');
} }
@font-face { @font-face {
font-family : "Overpass"; font-family : 'Overpass';
font-style : normal; font-style : normal;
font-weight : 500; font-weight : 500;
src : url('../../../fonts/5e/Overpass Medium.woff2'); src : url('../../../fonts/5e/Overpass Medium.woff2');
} }
@font-face { @font-face {
font-family : "Davek"; font-family : 'Davek';
font-style : normal; font-style : normal;
font-weight : 500; font-weight : 500;
src : url('../../../fonts/5e/Davek.woff2'); src : url('../../../fonts/5e/Davek.woff2');
} }
@font-face { @font-face {
font-family : "Iokharic"; font-family : 'Iokharic';
font-style : normal; font-style : normal;
font-weight : 500; font-weight : 500;
src : url('../../../fonts/5e/Iokharic.woff2'); src : url('../../../fonts/5e/Iokharic.woff2');
} }
@font-face { @font-face {
font-family : "Rellanic"; font-family : 'Rellanic';
font-style : normal; font-style : normal;
font-weight : 500; font-weight : 500;
src : url('../../../fonts/5e/Rellanic.woff2'); src : url('../../../fonts/5e/Rellanic.woff2');
themes/fonts/Blank/fonts.less
+4 -4
View File
@@ -18,28 +18,28 @@ License:
*/ */
@font-face { @font-face {
font-family : "Pagella"; font-family : 'Pagella';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/Blank/texgyrepagella-regular.woff2'); src : url('../../../fonts/Blank/texgyrepagella-regular.woff2');
} }
@font-face { @font-face {
font-family : "Pagella"; font-family : 'Pagella';
font-style : normal; font-style : normal;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/Blank/texgyrepagella-bold.woff2'); src : url('../../../fonts/Blank/texgyrepagella-bold.woff2');
} }
@font-face { @font-face {
font-family : "Pagella"; font-family : 'Pagella';
font-style : italic; font-style : italic;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/Blank/texgyrepagella-italic.woff2'); src : url('../../../fonts/Blank/texgyrepagella-italic.woff2');
} }
@font-face { @font-face {
font-family : "Pagella"; font-family : 'Pagella';
font-style : italic; font-style : italic;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/Blank/texgyrepagella-bolditalic.woff2'); src : url('../../../fonts/Blank/texgyrepagella-bolditalic.woff2');
themes/fonts/Journal/fonts.less
+8 -8
View File
@@ -1,6 +1,6 @@
/* Main Font, serif */ /* Main Font, serif */
@font-face { @font-face {
font-family : "ReenieBeanie"; font-family : 'ReenieBeanie';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/Journal/ReenieBeanie-Regular.woff2'); src : url('../../../fonts/Journal/ReenieBeanie-Regular.woff2');
@@ -8,13 +8,13 @@
/* Notes and Tables, sans-serif */ /* Notes and Tables, sans-serif */
@font-face { @font-face {
font-family : "PermanentMarker"; font-family : 'PermanentMarker';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/Journal/PermanentMarker-Regular.woff2'); src : url('../../../fonts/Journal/PermanentMarker-Regular.woff2');
} }
@font-face { @font-face {
font-family : "WalterTurncoat"; font-family : 'WalterTurncoat';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/WalterTurncoat-Regular.woff2'); src : url('../../../fonts/5e/WalterTurncoat-Regular.woff2');
@@ -22,7 +22,7 @@
/* Headers */ /* Headers */
@font-face { @font-face {
font-family : "FrederickaTheGreat"; font-family : 'FrederickaTheGreat';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/Journal/FrederickaTheGreat-Regular.woff2'); src : url('../../../fonts/Journal/FrederickaTheGreat-Regular.woff2');
@@ -30,28 +30,28 @@
/* Cover Page */ /* Cover Page */
@font-face { @font-face {
font-family : "NodestoCapsCondensed"; font-family : 'NodestoCapsCondensed';
font-style : normal; font-style : normal;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Nodesto Caps Condensed.woff2'); src : url('../../../fonts/5e/Nodesto Caps Condensed.woff2');
} }
@font-face { @font-face {
font-family : "NodestoCapsCondensed"; font-family : 'NodestoCapsCondensed';
font-style : normal; font-style : normal;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e/Nodesto Caps Condensed Bold.woff2'); src : url('../../../fonts/5e/Nodesto Caps Condensed Bold.woff2');
} }
@font-face { @font-face {
font-family : "NodestoCapsCondensed"; font-family : 'NodestoCapsCondensed';
font-style : italic; font-style : italic;
font-weight : normal; font-weight : normal;
src : url('../../../fonts/5e/Nodesto Caps Condensed Italic.woff2'); src : url('../../../fonts/5e/Nodesto Caps Condensed Italic.woff2');
} }
@font-face { @font-face {
font-family : "NodestoCapsCondensed"; font-family : 'NodestoCapsCondensed';
font-style : italic; font-style : italic;
font-weight : bold; font-weight : bold;
src : url('../../../fonts/5e/Nodesto Caps Condensed Bold Italic.woff2'); src : url('../../../fonts/5e/Nodesto Caps Condensed Bold Italic.woff2');
themes/fonts/iconFonts/diceFont.less
+12 -12
View File
@@ -25,19 +25,19 @@
&.F-minus::before { content : '\f191'; } &.F-minus::before { content : '\f191'; }
&.F-plus::before { content : '\f192'; } &.F-plus::before { content : '\f192'; }
&.F-zero::before { content : '\f193'; } &.F-zero::before { content : '\f193'; }
&.d10::before { content : '\f194'; } &.d10::before { content : '\f194'; }
&.d10-0::before { content : '\f100'; } &.d10-0::before { content : '\f100'; }
&.d10-1:before { content : '\f101'; } &.d10-1::before { content : '\f101'; }
&.d10-10::before { content : '\f102'; } &.d10-10::before { content : '\f102'; }
&.d10-2:before { content : '\f103'; } &.d10-2::before { content : '\f103'; }
&.d10-3::before { content : '\f104'; } &.d10-3::before { content : '\f104'; }
&.d10-4::before { content : '\f105'; } &.d10-4::before { content : '\f105'; }
&.d10-5::before { content : '\f106'; } &.d10-5::before { content : '\f106'; }
&.d10-6::before { content : '\f107'; } &.d10-6::before { content : '\f107'; }
&.d10-7::before { content : '\f108'; } &.d10-7::before { content : '\f108'; }
&.d10-8::before { content : '\f109'; } &.d10-8::before { content : '\f109'; }
&.d10-9::before { content : '\f10A'; } &.d10-9::before { content : '\f10A'; }
&.d12::before { content : '\f195'; } &.d12::before { content : '\f195'; }
&.d12-1::before { content : '\f10b'; } &.d12-1::before { content : '\f10b'; }
&.d12-10::before { content : '\f10c'; } &.d12-10::before { content : '\f10c'; }
&.d12-11::before { content : '\f10d'; } &.d12-11::before { content : '\f10d'; }
themes/fonts/iconFonts/fontAwesome.less
+4 -4
View File
@@ -1,7 +1,7 @@
@import (less) "./themes/fonts/iconFonts/fontawesome-free.less"; @import (less) './themes/fonts/iconFonts/fontawesome-free.less';
@import (less) "./themes/fonts/iconFonts/fontawesome-solid.less"; @import (less) './themes/fonts/iconFonts/fontawesome-solid.less';
@import (less) "./themes/fonts/iconFonts/fontawesome-brands.less"; @import (less) './themes/fonts/iconFonts/fontawesome-brands.less';
@import (less) "./themes/fonts/iconFonts/fontawesome-regular.less"; @import (less) './themes/fonts/iconFonts/fontawesome-regular.less';
/* Icon Font: Font Awesome */ /* Icon Font: Font Awesome */
themes/fonts/iconFonts/fontawesome-brands.less
+538 -1069
View File
File diff suppressed because it is too large Load Diff
themes/fonts/iconFonts/fontawesome-free.less
+2152 -4161
View File
File diff suppressed because it is too large Load Diff
themes/fonts/iconFonts/fontawesome-regular.less
+8 -9
View File
@@ -4,16 +4,15 @@
* Copyright 2024 Fonticons, Inc. * Copyright 2024 Fonticons, Inc.
*/ */
:root, :host { :root, :host {
--fa-style-family-classic: 'Font Awesome 6 Free'; --fa-style-family-classic : 'Font Awesome 6 Free';
--fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; } --fa-font-regular : normal 400 1em/1 'Font Awesome 6 Free'; }
@font-face { @font-face {
font-family: 'Font Awesome 6 Free'; font-family : 'Font Awesome 6 Free';
font-style: normal; font-style : normal;
font-weight: 400; font-weight : normal;
font-display: block; src : url('/fonts/iconFonts/fa-regular-400.woff2') format('woff2'), url('/fonts/iconFonts/fa-regular-400.ttf') format('truetype');
src: url("/fonts/iconFonts/fa-regular-400.woff2") format("woff2"), url("/fonts/iconFonts/fa-regular-400.ttf") format("truetype"); } font-display : block; }
.far, .far,
.fa-regular { .fa-regular { font-weight : normal; }
font-weight: 400; }
themes/fonts/iconFonts/fontawesome-solid.less
+8 -9
View File
@@ -4,16 +4,15 @@
* Copyright 2024 Fonticons, Inc. * Copyright 2024 Fonticons, Inc.
*/ */
:root, :host { :root, :host {
--fa-style-family-classic: 'Font Awesome 6 Free'; --fa-style-family-classic : 'Font Awesome 6 Free';
--fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; } --fa-font-solid : normal 900 1em/1 'Font Awesome 6 Free'; }
@font-face { @font-face {
font-family: 'Font Awesome 6 Free'; font-family : 'Font Awesome 6 Free';
font-style: normal; font-style : normal;
font-weight: 900; font-weight : 900;
font-display: block; src : url('/fonts/iconFonts/fa-solid-900.woff2') format('woff2'), url('/fonts/iconFonts/fa-solid-900.ttf') format('truetype');
src: url("/fonts/iconFonts/fa-solid-900.woff2") format("woff2"), url("/fonts/iconFonts/fa-solid-900.ttf") format("truetype"); } font-display : block; }
.fas, .fas,
.fa-solid { .fa-solid { font-weight : 900; }
font-weight: 900; }