forked from btclock/webui
Lint and format all files
This commit is contained in:
parent
3eaf897dbb
commit
d25284e3a4
22 changed files with 1357 additions and 1280 deletions
|
|
@ -1,13 +1,17 @@
|
|||
import { browser } from '$app/environment'
|
||||
import { init, register } from 'svelte-i18n'
|
||||
import { browser } from '$app/environment';
|
||||
import { init, register } from 'svelte-i18n';
|
||||
|
||||
const defaultLocale = 'en'
|
||||
const defaultLocale = 'en';
|
||||
|
||||
register('en', () => import('../locales/en.json'))
|
||||
register('nl', () => import('../locales/nl.json'))
|
||||
register('es', () => import('../locales/es.json'))
|
||||
register('en', () => import('../locales/en.json'));
|
||||
register('nl', () => import('../locales/nl.json'));
|
||||
register('es', () => import('../locales/es.json'));
|
||||
|
||||
init({
|
||||
fallbackLocale: defaultLocale,
|
||||
initialLocale: browser ? browser && localStorage.getItem('locale') ? localStorage.getItem('locale') : window.navigator.language : defaultLocale,
|
||||
})
|
||||
initialLocale: browser
|
||||
? browser && localStorage.getItem('locale')
|
||||
? localStorage.getItem('locale')
|
||||
: window.navigator.language
|
||||
: defaultLocale
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,71 +1,71 @@
|
|||
{
|
||||
"section": {
|
||||
"settings": {
|
||||
"title": "Settings",
|
||||
"textColor": "Text color",
|
||||
"backgroundColor": "Background color",
|
||||
"ledPowerOnTest": "LED power-on test",
|
||||
"ledFlashOnBlock": "LED flash on new block",
|
||||
"timePerScreen": "Time per screen",
|
||||
"ledBrightness": "LED brightness",
|
||||
"timezoneOffset": "Timezone offset",
|
||||
"timeBetweenPriceUpdates": "Time between price updates",
|
||||
"fullRefreshEvery": "Full refresh every",
|
||||
"mempoolnstance": "Mempool Instance",
|
||||
"hostnamePrefix": "Hostname prefix",
|
||||
"StealFocusOnNewBlock": "Steal focus on new block",
|
||||
"useBigCharsMcap": "Use big characters for market cap",
|
||||
"otaUpdates": "OTA updates",
|
||||
"enableMdns": "mDNS",
|
||||
"fetchEuroPrice": "Fetch € price",
|
||||
"shortAmountsWarning": "Short amounts might shorten lifespan.",
|
||||
"tzOffsetHelpText": "A restart is required to apply TZ offset.",
|
||||
"screens": "Screens"
|
||||
},
|
||||
"control": {
|
||||
"systemInfo": "System info",
|
||||
"version": "Version",
|
||||
"buildTime": "Build time",
|
||||
"ledColor": "LED color",
|
||||
"turnOff": "Turn off",
|
||||
"setColor": "Set color",
|
||||
"showText": "Show text",
|
||||
"text": "Text",
|
||||
"title": "Control",
|
||||
"hostname": "Hostname"
|
||||
},
|
||||
"status": {
|
||||
"title": "Status",
|
||||
"screenCycle": "Screen cycle",
|
||||
"memoryFree": "Memory free",
|
||||
"wsPriceConnection": "WS Price connection",
|
||||
"wsMempoolConnection": "WS Mempool.space connection",
|
||||
"fetchEuroNote": "If you use \"Fetch € price\" the WS Price connection will show ❌ since it uses another data source.",
|
||||
"uptime": "Uptime"
|
||||
}
|
||||
},
|
||||
"colors": {
|
||||
"black": "Black",
|
||||
"white": "White"
|
||||
},
|
||||
"time": {
|
||||
"minutes": "minutes",
|
||||
"seconds": "seconds"
|
||||
},
|
||||
"restartRequired": "restart required",
|
||||
"button": {
|
||||
"save": "Save",
|
||||
"reset": "Reset",
|
||||
"restart": "Restart",
|
||||
"forceFullRefresh": "Force full refresh"
|
||||
},
|
||||
"timer": {
|
||||
"running": "running",
|
||||
"stopped": "stopped"
|
||||
},
|
||||
"sections": {
|
||||
"control": {
|
||||
"keepSameColor": "Keep same color"
|
||||
}
|
||||
}
|
||||
"section": {
|
||||
"settings": {
|
||||
"title": "Settings",
|
||||
"textColor": "Text color",
|
||||
"backgroundColor": "Background color",
|
||||
"ledPowerOnTest": "LED power-on test",
|
||||
"ledFlashOnBlock": "LED flash on new block",
|
||||
"timePerScreen": "Time per screen",
|
||||
"ledBrightness": "LED brightness",
|
||||
"timezoneOffset": "Timezone offset",
|
||||
"timeBetweenPriceUpdates": "Time between price updates",
|
||||
"fullRefreshEvery": "Full refresh every",
|
||||
"mempoolnstance": "Mempool Instance",
|
||||
"hostnamePrefix": "Hostname prefix",
|
||||
"StealFocusOnNewBlock": "Steal focus on new block",
|
||||
"useBigCharsMcap": "Use big characters for market cap",
|
||||
"otaUpdates": "OTA updates",
|
||||
"enableMdns": "mDNS",
|
||||
"fetchEuroPrice": "Fetch € price",
|
||||
"shortAmountsWarning": "Short amounts might shorten lifespan.",
|
||||
"tzOffsetHelpText": "A restart is required to apply TZ offset.",
|
||||
"screens": "Screens"
|
||||
},
|
||||
"control": {
|
||||
"systemInfo": "System info",
|
||||
"version": "Version",
|
||||
"buildTime": "Build time",
|
||||
"ledColor": "LED color",
|
||||
"turnOff": "Turn off",
|
||||
"setColor": "Set color",
|
||||
"showText": "Show text",
|
||||
"text": "Text",
|
||||
"title": "Control",
|
||||
"hostname": "Hostname"
|
||||
},
|
||||
"status": {
|
||||
"title": "Status",
|
||||
"screenCycle": "Screen cycle",
|
||||
"memoryFree": "Memory free",
|
||||
"wsPriceConnection": "WS Price connection",
|
||||
"wsMempoolConnection": "WS Mempool.space connection",
|
||||
"fetchEuroNote": "If you use \"Fetch € price\" the WS Price connection will show ❌ since it uses another data source.",
|
||||
"uptime": "Uptime"
|
||||
}
|
||||
},
|
||||
"colors": {
|
||||
"black": "Black",
|
||||
"white": "White"
|
||||
},
|
||||
"time": {
|
||||
"minutes": "minutes",
|
||||
"seconds": "seconds"
|
||||
},
|
||||
"restartRequired": "restart required",
|
||||
"button": {
|
||||
"save": "Save",
|
||||
"reset": "Reset",
|
||||
"restart": "Restart",
|
||||
"forceFullRefresh": "Force full refresh"
|
||||
},
|
||||
"timer": {
|
||||
"running": "running",
|
||||
"stopped": "stopped"
|
||||
},
|
||||
"sections": {
|
||||
"control": {
|
||||
"keepSameColor": "Keep same color"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,71 +1,71 @@
|
|||
{
|
||||
"section": {
|
||||
"settings": {
|
||||
"title": "Configuración",
|
||||
"textColor": "Color de texto",
|
||||
"backgroundColor": "Color de fondo",
|
||||
"ledBrightness": "Brillo LED",
|
||||
"screens": "Pantallas",
|
||||
"shortAmountsWarning": "Cantidades pequeñas pueden acortar la vida útil.",
|
||||
"fullRefreshEvery": "Actualización completa cada",
|
||||
"timePerScreen": "Tiempo por pantalla",
|
||||
"tzOffsetHelpText": "Es necesario reiniciar para aplicar la compensación.",
|
||||
"timezoneOffset": "Compensación de zona horaria",
|
||||
"StealFocusOnNewBlock": "Presta atención al nuevo bloque",
|
||||
"ledFlashOnBlock": "El LED parpadea con un bloque nuevo",
|
||||
"useBigCharsMcap": "Utilice caracteres grandes para la market cap",
|
||||
"fetchEuroPrice": "Obtener precio en €",
|
||||
"timeBetweenPriceUpdates": "Tiempo entre actualizaciones de precios",
|
||||
"ledPowerOnTest": "Prueba de encendido del LED",
|
||||
"enableMdns": "mDNS",
|
||||
"hostnamePrefix": "Prefijo de nombre de host",
|
||||
"mempoolnstance": "Instancia de Mempool",
|
||||
"otaUpdates": "Actualización por aire"
|
||||
},
|
||||
"control": {
|
||||
"turnOff": "Apagar",
|
||||
"setColor": "Establecer el color",
|
||||
"version": "Versión",
|
||||
"ledColor": "color del LED",
|
||||
"systemInfo": "Info del sistema",
|
||||
"showText": "Mostrar texto",
|
||||
"text": "Texto",
|
||||
"title": "Control",
|
||||
"buildTime": "Tiempo de compilación",
|
||||
"hostname": "Nombre del host"
|
||||
},
|
||||
"status": {
|
||||
"memoryFree": "Memoria RAM libre",
|
||||
"wsPriceConnection": "Conexión WebSocket Precio",
|
||||
"wsMempoolConnection": "Conexión WebSocket Mempool.space",
|
||||
"screenCycle": "Ciclo de pantalla",
|
||||
"uptime": "Tiempo de funcionamiento",
|
||||
"fetchEuroNote": "Si utiliza \"Obtener precio en €\", la conexión de Precio WS mostrará ❌ ya que utiliza otra fuente de datos.",
|
||||
"title": "Estado"
|
||||
}
|
||||
},
|
||||
"button": {
|
||||
"save": "Guardar",
|
||||
"reset": "Restaurar",
|
||||
"restart": "Reiniciar",
|
||||
"forceFullRefresh": "Forzar refresco"
|
||||
},
|
||||
"colors": {
|
||||
"black": "Negro",
|
||||
"white": "Blanco"
|
||||
},
|
||||
"restartRequired": "reinicio requerido",
|
||||
"time": {
|
||||
"minutes": "minutos",
|
||||
"seconds": "segundos"
|
||||
},
|
||||
"timer": {
|
||||
"running": "funcionando",
|
||||
"stopped": "detenido"
|
||||
},
|
||||
"sections": {
|
||||
"control": {
|
||||
"keepSameColor": "Mantén el mismo color"
|
||||
}
|
||||
}
|
||||
"section": {
|
||||
"settings": {
|
||||
"title": "Configuración",
|
||||
"textColor": "Color de texto",
|
||||
"backgroundColor": "Color de fondo",
|
||||
"ledBrightness": "Brillo LED",
|
||||
"screens": "Pantallas",
|
||||
"shortAmountsWarning": "Cantidades pequeñas pueden acortar la vida útil.",
|
||||
"fullRefreshEvery": "Actualización completa cada",
|
||||
"timePerScreen": "Tiempo por pantalla",
|
||||
"tzOffsetHelpText": "Es necesario reiniciar para aplicar la compensación.",
|
||||
"timezoneOffset": "Compensación de zona horaria",
|
||||
"StealFocusOnNewBlock": "Presta atención al nuevo bloque",
|
||||
"ledFlashOnBlock": "El LED parpadea con un bloque nuevo",
|
||||
"useBigCharsMcap": "Utilice caracteres grandes para la market cap",
|
||||
"fetchEuroPrice": "Obtener precio en €",
|
||||
"timeBetweenPriceUpdates": "Tiempo entre actualizaciones de precios",
|
||||
"ledPowerOnTest": "Prueba de encendido del LED",
|
||||
"enableMdns": "mDNS",
|
||||
"hostnamePrefix": "Prefijo de nombre de host",
|
||||
"mempoolnstance": "Instancia de Mempool",
|
||||
"otaUpdates": "Actualización por aire"
|
||||
},
|
||||
"control": {
|
||||
"turnOff": "Apagar",
|
||||
"setColor": "Establecer el color",
|
||||
"version": "Versión",
|
||||
"ledColor": "color del LED",
|
||||
"systemInfo": "Info del sistema",
|
||||
"showText": "Mostrar texto",
|
||||
"text": "Texto",
|
||||
"title": "Control",
|
||||
"buildTime": "Tiempo de compilación",
|
||||
"hostname": "Nombre del host"
|
||||
},
|
||||
"status": {
|
||||
"memoryFree": "Memoria RAM libre",
|
||||
"wsPriceConnection": "Conexión WebSocket Precio",
|
||||
"wsMempoolConnection": "Conexión WebSocket Mempool.space",
|
||||
"screenCycle": "Ciclo de pantalla",
|
||||
"uptime": "Tiempo de funcionamiento",
|
||||
"fetchEuroNote": "Si utiliza \"Obtener precio en €\", la conexión de Precio WS mostrará ❌ ya que utiliza otra fuente de datos.",
|
||||
"title": "Estado"
|
||||
}
|
||||
},
|
||||
"button": {
|
||||
"save": "Guardar",
|
||||
"reset": "Restaurar",
|
||||
"restart": "Reiniciar",
|
||||
"forceFullRefresh": "Forzar refresco"
|
||||
},
|
||||
"colors": {
|
||||
"black": "Negro",
|
||||
"white": "Blanco"
|
||||
},
|
||||
"restartRequired": "reinicio requerido",
|
||||
"time": {
|
||||
"minutes": "minutos",
|
||||
"seconds": "segundos"
|
||||
},
|
||||
"timer": {
|
||||
"running": "funcionando",
|
||||
"stopped": "detenido"
|
||||
},
|
||||
"sections": {
|
||||
"control": {
|
||||
"keepSameColor": "Mantén el mismo color"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,70 +1,70 @@
|
|||
{
|
||||
"section": {
|
||||
"settings": {
|
||||
"title": "Instellingen",
|
||||
"textColor": "Tekstkleur",
|
||||
"backgroundColor": "Achtergrondkleur",
|
||||
"timeBetweenPriceUpdates": "Tijd tussen prijs updates",
|
||||
"timezoneOffset": "Tijdzone afwijking",
|
||||
"ledBrightness": "LED helderheid",
|
||||
"timePerScreen": "Tijd per scherm",
|
||||
"fullRefreshEvery": "Volledig verversen elke",
|
||||
"shortAmountsWarning": "Lage waardes verkorten levensduur",
|
||||
"tzOffsetHelpText": "Herstart nodig voor toepassen afwijking.",
|
||||
"enableMdns": "mDNS",
|
||||
"ledPowerOnTest": "LED test bij aanzetten",
|
||||
"StealFocusOnNewBlock": "Pak aandacht bij nieuw blok",
|
||||
"ledFlashOnBlock": "Knipper led bij nieuw blok",
|
||||
"useBigCharsMcap": "Gebruik grote tekens bij market cap",
|
||||
"fetchEuroPrice": "Toon € prijs",
|
||||
"screens": "Schermen",
|
||||
"hostnamePrefix": "Hostnaam voorvoegsel",
|
||||
"mempoolnstance": "Mempool instantie",
|
||||
"otaUpdates": "OTA updates"
|
||||
},
|
||||
"control": {
|
||||
"systemInfo": "Systeeminformatie",
|
||||
"version": "Versie",
|
||||
"buildTime": "Bouwtijd",
|
||||
"setColor": "Kleur instellen",
|
||||
"turnOff": "Uitzetten",
|
||||
"ledColor": "LED kleur",
|
||||
"showText": "Toon tekst",
|
||||
"text": "Tekst",
|
||||
"title": "Besturing"
|
||||
},
|
||||
"status": {
|
||||
"title": "Status",
|
||||
"memoryFree": "Geheugen vrij",
|
||||
"screenCycle": "Scherm cyclus",
|
||||
"wsPriceConnection": "WS Prijs verbinding",
|
||||
"wsMempoolConnection": "WS Mempool.space verbinding",
|
||||
"fetchEuroNote": "Wanneer je \"Toon € prijs\" aanzet, zal de prijsverbinding als ❌ verbroken getoond worden vanwege het gebruik van een andere bron.",
|
||||
"uptime": "Uptime"
|
||||
}
|
||||
},
|
||||
"colors": {
|
||||
"black": "Zwart",
|
||||
"white": "Wit"
|
||||
},
|
||||
"time": {
|
||||
"minutes": "minuten",
|
||||
"seconds": "seconden"
|
||||
},
|
||||
"restartRequired": "herstart nodig",
|
||||
"button": {
|
||||
"save": "Opslaan",
|
||||
"reset": "Herstel",
|
||||
"restart": "Herstart",
|
||||
"forceFullRefresh": "Forceer scherm verversen"
|
||||
},
|
||||
"timer": {
|
||||
"running": "actief",
|
||||
"stopped": "gestopt"
|
||||
},
|
||||
"sections": {
|
||||
"control": {
|
||||
"keepSameColor": "Behoud zelfde kleur"
|
||||
}
|
||||
}
|
||||
"section": {
|
||||
"settings": {
|
||||
"title": "Instellingen",
|
||||
"textColor": "Tekstkleur",
|
||||
"backgroundColor": "Achtergrondkleur",
|
||||
"timeBetweenPriceUpdates": "Tijd tussen prijs updates",
|
||||
"timezoneOffset": "Tijdzone afwijking",
|
||||
"ledBrightness": "LED helderheid",
|
||||
"timePerScreen": "Tijd per scherm",
|
||||
"fullRefreshEvery": "Volledig verversen elke",
|
||||
"shortAmountsWarning": "Lage waardes verkorten levensduur",
|
||||
"tzOffsetHelpText": "Herstart nodig voor toepassen afwijking.",
|
||||
"enableMdns": "mDNS",
|
||||
"ledPowerOnTest": "LED test bij aanzetten",
|
||||
"StealFocusOnNewBlock": "Pak aandacht bij nieuw blok",
|
||||
"ledFlashOnBlock": "Knipper led bij nieuw blok",
|
||||
"useBigCharsMcap": "Gebruik grote tekens bij market cap",
|
||||
"fetchEuroPrice": "Toon € prijs",
|
||||
"screens": "Schermen",
|
||||
"hostnamePrefix": "Hostnaam voorvoegsel",
|
||||
"mempoolnstance": "Mempool instantie",
|
||||
"otaUpdates": "OTA updates"
|
||||
},
|
||||
"control": {
|
||||
"systemInfo": "Systeeminformatie",
|
||||
"version": "Versie",
|
||||
"buildTime": "Bouwtijd",
|
||||
"setColor": "Kleur instellen",
|
||||
"turnOff": "Uitzetten",
|
||||
"ledColor": "LED kleur",
|
||||
"showText": "Toon tekst",
|
||||
"text": "Tekst",
|
||||
"title": "Besturing"
|
||||
},
|
||||
"status": {
|
||||
"title": "Status",
|
||||
"memoryFree": "Geheugen vrij",
|
||||
"screenCycle": "Scherm cyclus",
|
||||
"wsPriceConnection": "WS Prijs verbinding",
|
||||
"wsMempoolConnection": "WS Mempool.space verbinding",
|
||||
"fetchEuroNote": "Wanneer je \"Toon € prijs\" aanzet, zal de prijsverbinding als ❌ verbroken getoond worden vanwege het gebruik van een andere bron.",
|
||||
"uptime": "Uptime"
|
||||
}
|
||||
},
|
||||
"colors": {
|
||||
"black": "Zwart",
|
||||
"white": "Wit"
|
||||
},
|
||||
"time": {
|
||||
"minutes": "minuten",
|
||||
"seconds": "seconden"
|
||||
},
|
||||
"restartRequired": "herstart nodig",
|
||||
"button": {
|
||||
"save": "Opslaan",
|
||||
"reset": "Herstel",
|
||||
"restart": "Herstart",
|
||||
"forceFullRefresh": "Forceer scherm verversen"
|
||||
},
|
||||
"timer": {
|
||||
"running": "actief",
|
||||
"stopped": "gestopt"
|
||||
},
|
||||
"sections": {
|
||||
"control": {
|
||||
"keepSameColor": "Behoud zelfde kleur"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,193 +1,197 @@
|
|||
@import "../node_modules/bootstrap/scss/functions";
|
||||
@import "../node_modules/bootstrap/scss/variables";
|
||||
@import "../node_modules/bootstrap/scss/variables-dark";
|
||||
@import '../node_modules/bootstrap/scss/functions';
|
||||
@import '../node_modules/bootstrap/scss/variables';
|
||||
@import '../node_modules/bootstrap/scss/variables-dark';
|
||||
|
||||
//@import "@fontsource/antonio/latin-400.css";
|
||||
@import "@fontsource/ubuntu/latin-400.css";
|
||||
@import "@fontsource/oswald/latin-400.css";
|
||||
@import '@fontsource/ubuntu/latin-400.css';
|
||||
@import '@fontsource/oswald/latin-400.css';
|
||||
|
||||
$form-range-track-bg: #fff;
|
||||
$color-mode-type: media-query;
|
||||
$font-family-base: "Ubuntu";
|
||||
$font-family-base: 'Ubuntu';
|
||||
$font-size-base: 0.9rem;
|
||||
//$font-size-sm: $font-size-base * .875 !default;
|
||||
//$form-label-font-size: $font-size-base * .575 !default;
|
||||
//$input-btn-font-size-sm: 0.4rem;
|
||||
//$form-label-font-size: 0.4rem;
|
||||
$input-font-size-sm: $font-size-base * .875;
|
||||
$input-font-size-sm: $font-size-base * 0.875;
|
||||
|
||||
// $border-radius: .675rem;
|
||||
|
||||
@import "../node_modules/bootstrap/scss/mixins";
|
||||
@import "../node_modules/bootstrap/scss/maps";
|
||||
@import "../node_modules/bootstrap/scss/utilities";
|
||||
@import '../node_modules/bootstrap/scss/mixins';
|
||||
@import '../node_modules/bootstrap/scss/maps';
|
||||
@import '../node_modules/bootstrap/scss/utilities';
|
||||
|
||||
@import "../node_modules/bootstrap/scss/root";
|
||||
@import "../node_modules/bootstrap/scss/reboot";
|
||||
@import "../node_modules/bootstrap/scss/type";
|
||||
@import "../node_modules/bootstrap/scss/containers";
|
||||
@import "../node_modules/bootstrap/scss/grid";
|
||||
@import "../node_modules/bootstrap/scss/forms";
|
||||
@import "../node_modules/bootstrap/scss/buttons";
|
||||
@import "../node_modules/bootstrap/scss/button-group";
|
||||
@import "../node_modules/bootstrap/scss/pagination";
|
||||
@import '../node_modules/bootstrap/scss/root';
|
||||
@import '../node_modules/bootstrap/scss/reboot';
|
||||
@import '../node_modules/bootstrap/scss/type';
|
||||
@import '../node_modules/bootstrap/scss/containers';
|
||||
@import '../node_modules/bootstrap/scss/grid';
|
||||
@import '../node_modules/bootstrap/scss/forms';
|
||||
@import '../node_modules/bootstrap/scss/buttons';
|
||||
@import '../node_modules/bootstrap/scss/button-group';
|
||||
@import '../node_modules/bootstrap/scss/pagination';
|
||||
|
||||
@import "../node_modules/bootstrap/scss/dropdown";
|
||||
@import '../node_modules/bootstrap/scss/dropdown';
|
||||
|
||||
@import "../node_modules/bootstrap/scss/navbar";
|
||||
@import "../node_modules/bootstrap/scss/nav";
|
||||
@import "../node_modules/bootstrap/scss/card";
|
||||
@import "../node_modules/bootstrap/scss/progress";
|
||||
@import '../node_modules/bootstrap/scss/navbar';
|
||||
@import '../node_modules/bootstrap/scss/nav';
|
||||
@import '../node_modules/bootstrap/scss/card';
|
||||
@import '../node_modules/bootstrap/scss/progress';
|
||||
|
||||
@import "../node_modules/bootstrap/scss/helpers";
|
||||
@import "../node_modules/bootstrap/scss/utilities/api";
|
||||
@import '../node_modules/bootstrap/scss/helpers';
|
||||
@import '../node_modules/bootstrap/scss/utilities/api';
|
||||
|
||||
@include media-breakpoint-down(xl) {
|
||||
html {
|
||||
font-size: 85%;
|
||||
}
|
||||
html {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
button.btn,
|
||||
input[type="button"].btn,
|
||||
input[type="submit"].btn,
|
||||
input[type="reset"].btn {
|
||||
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-border-radius-sm);
|
||||
}
|
||||
button.btn,
|
||||
input[type='button'].btn,
|
||||
input[type='submit'].btn,
|
||||
input[type='reset'].btn {
|
||||
@include button-size(
|
||||
$btn-padding-y-sm,
|
||||
$btn-padding-x-sm,
|
||||
$font-size-sm,
|
||||
$btn-border-radius-sm
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(lg) {
|
||||
html {
|
||||
font-size: 75%;
|
||||
}
|
||||
html {
|
||||
font-size: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
nav {
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.splitText div:first-child::after {
|
||||
display: block;
|
||||
content: '';
|
||||
margin-top: 0px;
|
||||
border-bottom: 2px solid;
|
||||
margin-bottom: 3px;
|
||||
display: block;
|
||||
content: '';
|
||||
margin-top: 0px;
|
||||
border-bottom: 2px solid;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#btcclock-wrapper {
|
||||
margin: 0 auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.btclock {
|
||||
border: 1px solid darkgray;
|
||||
background: #000;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
align-content: stretch;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
border: 1px solid darkgray;
|
||||
background: #000;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
align-content: stretch;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
|
||||
>div {
|
||||
padding: 5px;
|
||||
}
|
||||
> div {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.digit,
|
||||
.splitText,
|
||||
.mediumText {
|
||||
border: 2px solid gold;
|
||||
border-radius: 8px;
|
||||
.digit,
|
||||
.splitText,
|
||||
.mediumText {
|
||||
border: 2px solid gold;
|
||||
border-radius: 8px;
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
min-width: 10px;
|
||||
}
|
||||
@include media-breakpoint-up(sm) {
|
||||
min-width: 10px;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xxl) {
|
||||
min-width: 70px;
|
||||
}
|
||||
@include media-breakpoint-up(xxl) {
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.darkMode .btclock>div {
|
||||
color: #fff;
|
||||
border-color: #fff;
|
||||
.darkMode .btclock > div {
|
||||
color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.lightMode .btclock>div {
|
||||
background: #fff;
|
||||
.lightMode .btclock > div {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.lightMode .btclock>div {
|
||||
color: #000;
|
||||
.lightMode .btclock > div {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.darkMode .btclock>div {
|
||||
background: #000;
|
||||
.darkMode .btclock > div {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.splitText {
|
||||
@include media-breakpoint-up(sm) {
|
||||
font-size: 1.0rem;
|
||||
padding-top: 8px !important;
|
||||
padding-bottom: 9px !important;
|
||||
}
|
||||
@include media-breakpoint-up(xxl) {
|
||||
font-size: 1.8rem;
|
||||
padding-top: 19px !important;
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
@include media-breakpoint-up(sm) {
|
||||
font-size: 1rem;
|
||||
padding-top: 8px !important;
|
||||
padding-bottom: 9px !important;
|
||||
}
|
||||
@include media-breakpoint-up(xxl) {
|
||||
font-size: 1.8rem;
|
||||
padding-top: 19px !important;
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mediumText {
|
||||
font-size: 3rem;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 20px !important;
|
||||
padding-bottom: 20px !important;
|
||||
font-size: 3rem;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 20px !important;
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.digit {
|
||||
font-size: 5rem;
|
||||
@include media-breakpoint-up(sm) {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
@include media-breakpoint-up(xxl) {
|
||||
font-size: 5rem;
|
||||
}
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
font-size: 5rem;
|
||||
@include media-breakpoint-up(sm) {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
@include media-breakpoint-up(xxl) {
|
||||
font-size: 5rem;
|
||||
}
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.digit-blank {
|
||||
content: "abc";
|
||||
content: 'abc';
|
||||
}
|
||||
|
||||
#customText {
|
||||
text-transform: uppercase;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.system_info {
|
||||
padding: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
.card-title {
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
}
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue