Button font

main
Bob Mottram 2020-11-16 20:29:36 +00:00
parent 60212ceb06
commit beb4b651bd
12 changed files with 26 additions and 10 deletions

View File

@ -134,11 +134,13 @@
--profile-background-height: 25vw; --profile-background-height: 25vw;
--profile-text-align: left; --profile-text-align: left;
--verticals-width: 0; --verticals-width: 0;
--italic-font-style: italic;
--header-font: 'Bedstead';
} }
@font-face { @font-face {
font-family: 'Bedstead'; font-family: 'Bedstead';
font-style: italic; font-style: var(--italic-font-style);
font-weight: normal; font-weight: normal;
font-display: block; font-display: block;
src: url('./fonts/bedstead.otf') format('opentype'); src: url('./fonts/bedstead.otf') format('opentype');
@ -947,6 +949,7 @@ div.container {
h3.linksHeader { h3.linksHeader {
background-color: var(--column-left-header-background); background-color: var(--column-left-header-background);
color: var(--column-left-header-color); color: var(--column-left-header-color);
font-family: var(--header-font);
font-size: var(--column-left-header-size); font-size: var(--column-left-header-size);
text-transform: var(--column-left-header-style); text-transform: var(--column-left-header-style);
padding: 4px; padding: 4px;
@ -1244,7 +1247,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: var(--header-font);
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
margin: 5px; margin: 5px;
@ -1262,7 +1265,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: var(--header-font);
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
margin: 5px; margin: 5px;
@ -1314,7 +1317,7 @@ div.container {
color: var(--button-selected-text); color: var(--button-selected-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: var(--header-font);
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
margin: 5px; margin: 5px;
@ -1333,7 +1336,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: var(--header-font);
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -1578,6 +1581,7 @@ div.container {
h3.linksHeader { h3.linksHeader {
background-color: var(--column-left-header-background); background-color: var(--column-left-header-background);
color: var(--column-left-header-color); color: var(--column-left-header-color);
font-family: var(--header-font);
font-size: var(--column-left-header-size-mobile); font-size: var(--column-left-header-size-mobile);
text-transform: var(--column-left-header-style); text-transform: var(--column-left-header-style);
padding: 4px; padding: 4px;
@ -1836,7 +1840,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: var(--header-font);
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
@ -1928,7 +1932,7 @@ div.container {
color: var(--button-selected-text); color: var(--button-selected-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: var(--header-font);
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
@ -1947,7 +1951,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: var(--header-font);
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;

View File

@ -26,6 +26,7 @@
"hashtag-vertical-spacing3": "100px", "hashtag-vertical-spacing3": "100px",
"hashtag-vertical-spacing4": "150px", "hashtag-vertical-spacing4": "150px",
"time-vertical-align": "-10px", "time-vertical-align": "-10px",
"header-font": "'Domestic_Manners'",
"*font-family": "'Domestic_Manners'", "*font-family": "'Domestic_Manners'",
"*src": "url('./fonts/Domestic_Manners.woff2') format('woff2')" "*src": "url('./fonts/Domestic_Manners.woff2') format('woff2')"
} }

View File

@ -31,6 +31,7 @@
"button-small-text": "#00ff00", "button-small-text": "#00ff00",
"button-corner-radius": "4px", "button-corner-radius": "4px",
"timeline-border-radius": "4px", "timeline-border-radius": "4px",
"header-font": "'Bedstead'",
"*font-family": "'Bedstead'", "*font-family": "'Bedstead'",
"*src": "url('./fonts/bedstead.otf') format('opentype')", "*src": "url('./fonts/bedstead.otf') format('opentype')",
"color: #FFFFFE;": "color: green;", "color: #FFFFFE;": "color: green;",

View File

@ -50,6 +50,7 @@
"timeline-border-radius": "20px", "timeline-border-radius": "20px",
"image-corners": "8%", "image-corners": "8%",
"quote-right-margin": "0.1em", "quote-right-margin": "0.1em",
"header-font": "'bgrove'",
"*font-family": "'bgrove'", "*font-family": "'bgrove'",
"*src": "url('fonts/bgrove.woff2') format('woff2')" "*src": "url('fonts/bgrove.woff2') format('woff2')"
} }

View File

@ -112,6 +112,7 @@
"title-text": "#282c37", "title-text": "#282c37",
"title-background": "#ccc", "title-background": "#ccc",
"gallery-text-color": "black", "gallery-text-color": "black",
"header-font": "'NimbusSanL'",
"*font-family": "'NimbusSanL'", "*font-family": "'NimbusSanL'",
"*src": "url('./fonts/NimbusSanL.otf') format('opentype')", "*src": "url('./fonts/NimbusSanL.otf') format('opentype')",
"**src": "url('./fonts/NimbusSanL-italic.otf') format('opentype')" "**src": "url('./fonts/NimbusSanL-italic.otf') format('opentype')"

View File

@ -67,6 +67,7 @@
"time-color": "#33390d", "time-color": "#33390d",
"place-color": "#33390d", "place-color": "#33390d",
"event-color": "#33390d", "event-color": "#33390d",
"header-font": "'LcdSolid'",
"*font-family": "'LcdSolid'", "*font-family": "'LcdSolid'",
"*src": "url('./fonts/LcdSolid.woff2') format('woff2')" "*src": "url('./fonts/LcdSolid.woff2') format('woff2')"
} }

View File

@ -55,6 +55,7 @@
"title-text": "#282c37", "title-text": "#282c37",
"title-background": "#ccc", "title-background": "#ccc",
"gallery-text-color": "black", "gallery-text-color": "black",
"header-font": "'ElectrumADFExp-Regular'",
"*font-family": "'ElectrumADFExp-Regular'", "*font-family": "'ElectrumADFExp-Regular'",
"*src": "url('./fonts/ElectrumADFExp-Regular.otf') format('opentype')" "*src": "url('./fonts/ElectrumADFExp-Regular.otf') format('opentype')"
} }

View File

@ -50,6 +50,7 @@
"event-background": "#00014a", "event-background": "#00014a",
"quote-right-margin": "0", "quote-right-margin": "0",
"line-spacing": "150%", "line-spacing": "150%",
"header-font": "'solidaric'",
"*font-family": "'solidaric'", "*font-family": "'solidaric'",
"*src": "url('./fonts/solidaric.woff2') format('woff2')", "*src": "url('./fonts/solidaric.woff2') format('woff2')",
"**src": "url('./fonts/solidaric-italic.woff2') format('woff2')" "**src": "url('./fonts/solidaric-italic.woff2') format('woff2')"

View File

@ -50,6 +50,7 @@
"time-color": "#f98bb0", "time-color": "#f98bb0",
"place-color": "#f98bb0", "place-color": "#f98bb0",
"event-color": "#f98bb0", "event-color": "#f98bb0",
"header-font": "'CheGuevaraTextSans-Regular'",
"*font-family": "'CheGuevaraTextSans-Regular'", "*font-family": "'CheGuevaraTextSans-Regular'",
"*src": "url('./fonts/CheGuevaraTextSans-Regular.woff2') format('woff2')" "*src": "url('./fonts/CheGuevaraTextSans-Regular.woff2') format('woff2')"
} }

View File

@ -1,6 +1,8 @@
{ {
"calendar-header-font-style": "normal", "calendar-header-font-style": "normal",
"calendar-header-font": "Orbitron", "italic-font-style": "normal",
"calendar-header-font": "'Orbitron'",
"header-font": "'Orbitron'",
"search-banner-height": "50vh", "search-banner-height": "50vh",
"button-approve": "#160afe", "button-approve": "#160afe",
"button-deny": "#fd294f", "button-deny": "#fd294f",

View File

@ -65,6 +65,7 @@
"gallery-text-color": "black", "gallery-text-color": "black",
"quote-right-margin": "0", "quote-right-margin": "0",
"line-spacing": "150%", "line-spacing": "150%",
"header-font": "'solidaric'",
"*font-family": "'solidaric'", "*font-family": "'solidaric'",
"*src": "url('./fonts/solidaric.woff2') format('woff2')", "*src": "url('./fonts/solidaric.woff2') format('woff2')",
"**src": "url('./fonts/solidaric-italic.woff2') format('woff2')" "**src": "url('./fonts/solidaric-italic.woff2') format('woff2')"

View File

@ -56,6 +56,7 @@
"event-color": "#ffc4bc", "event-color": "#ffc4bc",
"image-corners": "2%", "image-corners": "2%",
"quote-right-margin": "0.1em", "quote-right-margin": "0.1em",
"header-font": "'bgrove'",
"*font-family": "'bgrove'", "*font-family": "'bgrove'",
"*src": "url('fonts/bgrove.woff2') format('woff2')" "*src": "url('fonts/bgrove.woff2') format('woff2')"
} }