Reformat
This commit is contained in:
parent
16b4e14ede
commit
787450e064
11 changed files with 48 additions and 21 deletions
|
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
|
|
|||
|
|
@ -21,7 +21,9 @@
|
|||
> svg {
|
||||
border-radius: 1000px;
|
||||
@include blurred-background;
|
||||
transition: transform var(--transition-time), box-shadow var(--transition-time);
|
||||
transition:
|
||||
transform var(--transition-time),
|
||||
box-shadow var(--transition-time);
|
||||
}
|
||||
|
||||
&.inverted > svg {
|
||||
|
|
|
|||
|
|
@ -3,7 +3,11 @@ import { Figure } from '../figure';
|
|||
import { generate } from './preview.html';
|
||||
|
||||
export class Preview extends Figure {
|
||||
public constructor(poster: ResponsiveImage, private readonly url: string, alt: string) {
|
||||
public constructor(
|
||||
poster: ResponsiveImage,
|
||||
private readonly url: string,
|
||||
alt: string
|
||||
) {
|
||||
super(generate({ poster, alt }), {
|
||||
hasButton: true,
|
||||
});
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
$margin: calc((#{$size} - #{$icon-size}) / 2);
|
||||
|
||||
border-radius: 1000px;
|
||||
box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.175), inset 0 0 1px rgba(0, 0, 0, 0.4);
|
||||
box-shadow:
|
||||
inset 0 0 10px 2px rgba(0, 0, 0, 0.175),
|
||||
inset 0 0 1px rgba(0, 0, 0, 0.4);
|
||||
|
||||
@include on-large-screen {
|
||||
position: absolute;
|
||||
|
|
@ -47,7 +49,9 @@
|
|||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
transition: transform var(--transition-time), background-color var(--transition-time);
|
||||
transition:
|
||||
transform var(--transition-time),
|
||||
background-color var(--transition-time);
|
||||
}
|
||||
|
||||
&:not(:checked) {
|
||||
|
|
|
|||
|
|
@ -11,7 +11,9 @@
|
|||
@include square(var(--icon-size));
|
||||
|
||||
> svg {
|
||||
transition: stroke var(--transition-time), transform var(--transition-time);
|
||||
transition:
|
||||
stroke var(--transition-time),
|
||||
transform var(--transition-time);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,10 @@ import { html } from '../types/html';
|
|||
export class PageElement {
|
||||
public readonly htmlRoot: HTMLElement;
|
||||
|
||||
public constructor(content: html, protected children: Array<PageElement> = []) {
|
||||
public constructor(
|
||||
content: html,
|
||||
protected children: Array<PageElement> = []
|
||||
) {
|
||||
this.htmlRoot = PageElement.createElement(content);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,9 @@
|
|||
|
||||
cursor: pointer;
|
||||
box-shadow: var(--shadow);
|
||||
transition: opacity var(--transition-time), transform var(--transition-time-long);
|
||||
transition:
|
||||
opacity var(--transition-time),
|
||||
transform var(--transition-time-long);
|
||||
|
||||
border-radius: var(--border-radius);
|
||||
|
||||
|
|
|
|||
|
|
@ -31,11 +31,11 @@ export type EventOptions = {
|
|||
export function sendEvent(
|
||||
eventName: string,
|
||||
data: Required<PlausibleOptions>,
|
||||
options?: EventOptions,
|
||||
options?: EventOptions
|
||||
): void {
|
||||
const isLocalhost =
|
||||
/^localhost$|^127(?:\.[0-9]+){0,2}\.[0-9]+$|^(?:0*:)*?:?0*1$/.test(
|
||||
window.location.hostname,
|
||||
window.location.hostname
|
||||
) || window.location.protocol === 'file:';
|
||||
|
||||
if (!data.trackLocalhost && isLocalhost) {
|
||||
|
|
@ -45,7 +45,7 @@ export function sendEvent(
|
|||
const shouldIgnoreCurrentBrowser = localStorage.getItem('plausible_ignore') === 'true';
|
||||
if (shouldIgnoreCurrentBrowser) {
|
||||
return console.warn(
|
||||
'[Plausible] Ignoring event because "plausible_ignore" is set to "true" in localStorage',
|
||||
'[Plausible] Ignoring event because "plausible_ignore" is set to "true" in localStorage'
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@ export type PlausibleOptions = PlausibleInitOptions & PlausibleEventData;
|
|||
type TrackEvent = (
|
||||
eventName: string,
|
||||
options?: EventOptions,
|
||||
eventData?: PlausibleOptions,
|
||||
eventData?: PlausibleOptions
|
||||
) => void;
|
||||
|
||||
/**
|
||||
|
|
@ -164,7 +164,7 @@ type EnableAutoPageviews = () => Cleanup;
|
|||
*/
|
||||
type EnableAutoOutboundTracking = (
|
||||
targetNode?: Node & ParentNode,
|
||||
observerInit?: MutationObserverInit,
|
||||
observerInit?: MutationObserverInit
|
||||
) => Cleanup;
|
||||
|
||||
/**
|
||||
|
|
@ -267,9 +267,9 @@ export default function Plausible(defaults?: PlausibleInitOptions): {
|
|||
childList: true,
|
||||
attributes: true,
|
||||
attributeFilter: ['href'],
|
||||
},
|
||||
}
|
||||
) => {
|
||||
function trackClick(this: HTMLAnchorElement, event: MouseEvent) {
|
||||
function trackClick(this: HTMLAnchorElement, _event: MouseEvent) {
|
||||
trackEvent('Outbound Link: Click', { props: { url: this.href } });
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@
|
|||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local(''),
|
||||
src:
|
||||
local(''),
|
||||
url('../../static/fonts/comfortaa-v40-latin-regular.woff2') format('woff2'),
|
||||
/* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('../../static/fonts/comfortaa-v40-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
|
|
@ -16,7 +17,8 @@
|
|||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local(''),
|
||||
src:
|
||||
local(''),
|
||||
url('../../static/fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
|
||||
/* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('../../static/fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
|
|
|
|||
|
|
@ -86,7 +86,9 @@ $breakpoint-width: 700px !default;
|
|||
}
|
||||
|
||||
@mixin title-font() {
|
||||
font: 400 3rem 'Comfortaa', sans-serif;
|
||||
font:
|
||||
400 3rem 'Comfortaa',
|
||||
sans-serif;
|
||||
color: var(--normal-text-color);
|
||||
line-height: 1;
|
||||
|
||||
|
|
@ -97,20 +99,26 @@ $breakpoint-width: 700px !default;
|
|||
}
|
||||
|
||||
@mixin sub-title-font() {
|
||||
font: 400 1.75rem 'Comfortaa', sans-serif;
|
||||
font:
|
||||
400 1.75rem 'Comfortaa',
|
||||
sans-serif;
|
||||
color: var(--normal-text-color);
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
@mixin main-font() {
|
||||
font: 400 1.1rem 'Open Sans', sans-serif;
|
||||
font:
|
||||
400 1.1rem 'Open Sans',
|
||||
sans-serif;
|
||||
color: var(--normal-text-color);
|
||||
line-height: 1.8;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
@mixin special-text-font() {
|
||||
font: 400 1rem 'Open Sans', sans-serif;
|
||||
font:
|
||||
400 1rem 'Open Sans',
|
||||
sans-serif;
|
||||
color: var(--special-text-color);
|
||||
hyphens: auto;
|
||||
font-style: italic;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue