Boyana 2 years ago
commit 7890d08ad0

Binary file not shown.

@ -0,0 +1,161 @@
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Black.woff2') format('woff2'),
url('WorkSans-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ExtraBoldItalic.woff2') format('woff2'),
url('WorkSans-ExtraBoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Bold.woff2') format('woff2'),
url('WorkSans-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ExtraBold.woff2') format('woff2'),
url('WorkSans-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-BlackItalic.woff2') format('woff2'),
url('WorkSans-BlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-BoldItalic.woff2') format('woff2'),
url('WorkSans-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Italic.woff2') format('woff2'),
url('WorkSans-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ExtraLightItalic.woff2') format('woff2'),
url('WorkSans-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Light.woff2') format('woff2'),
url('WorkSans-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-MediumItalic.woff2') format('woff2'),
url('WorkSans-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-LightItalic.woff2') format('woff2'),
url('WorkSans-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Medium.woff2') format('woff2'),
url('WorkSans-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ExtraLight.woff2') format('woff2'),
url('WorkSans-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-SemiBoldItalic.woff2') format('woff2'),
url('WorkSans-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Thin.woff2') format('woff2'),
url('WorkSans-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ThinItalic.woff2') format('woff2'),
url('WorkSans-ThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Regular.woff2') format('woff2'),
url('WorkSans-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-SemiBold.woff2') format('woff2'),
url('WorkSans-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@ -1,3 +1,13 @@
@font-face {
font-family: Consolation;
src: url(./font/Consolation014.woff) format('woff');
font-weight:normal;
}
body {
font-family: Consolation;
text-transform: uppercase;
letter-spacing: 1.5;
}
.card .card
{ {
width: 7.5cm; width: 7.5cm;
@ -16,7 +26,6 @@
top: 10mm; top: 10mm;
border-radius: 10px; border-radius: 10px;
z-index: -1; z-index: -1;
display: none;
} }
.card > h2{ .card > h2{
top: 5mm; top: 5mm;
@ -26,7 +35,6 @@
padding-top: 3mm; padding-top: 3mm;
font-size: 15px; font-size: 15px;
font-family:monospace; font-family:monospace;
display: none;
} }
.card > p.text { .card > p.text {
width: 50mm; width: 50mm;
@ -36,7 +44,6 @@
left: 10mm; left: 10mm;
text-align: center; text-align: center;
margin: 0; margin: 0;
display: none;
} }
.card > p.textnoimage { .card > p.textnoimage {
width: 60mm; width: 60mm;
@ -47,5 +54,4 @@
right: 5mm; right: 5mm;
text-align: center; text-align: center;
font-size: 6.5; font-size: 6.5;
display: none;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 949 KiB

After

Width:  |  Height:  |  Size: 946 KiB

@ -1,3 +1,14 @@
@font-face {
font-family: Consolation;
src: url('./fonts/Consolation014.woff') format('woff');
font-weight:normal;
}
body {
font-family: Consolation;
text-transform: uppercase;
letter-spacing: 1.5;
}
.card .card
{ {
width: 8.5cm; width: 8.5cm;
@ -11,11 +22,10 @@
break-inside: avoid; break-inside: avoid;
} }
.card > img { .card > img {
width: calc(100% - 8mm - 8mm); width: calc(100% - 1mm - 1mm);
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
margin: 6mm;
} }
p { p {
@ -28,12 +38,9 @@ p {
p.down { p.down {
bottom:0; bottom:0;
font-family: 'Consolation'; font-family: 'Consolation';
margin: 0 0 2mm;
} }
@font-face { .up{
font-family: 'Consolation'; margin: 2mm 0 0 0;
src: local('Consolation'),
url('./fonts/Consolation014.woff') format('opentype');
font-weight: normal;
font-style: normal;
} }
Loading…
Cancel
Save