Custom Styles

Skrevet av

i

{«styles»:{«blocks»:{«core/pullquote»:{«elements»:{«cite»:{«typography»:{«fontSize»:»var(–wp–preset–font-size–medium)»,»letterSpacing»:»-0.14px»}}},»typography»:{«fontSize»:»var(–wp–preset–font-size–xx-large)»}},»core/quote»:{«elements»:{«cite»:{«typography»:{«fontSize»:»var(–wp–preset–font-size–medium)»,»letterSpacing»:»-0.14px»}}}},»core/site-title»:{«typography»:{«fontFamily»:»var(–wp–preset–font-family–ysabeau-office)»,»textTransform»:»uppercase»,»letterSpacing»:»1.6px»,»fontStyle»:»normal»,»fontWeight»:»800″,»textDecoration»:»none»}},»core/post-title»:{«typography»:{«fontWeight»:»900″,»letterSpacing»:»-0.96px»}},»core/navigation»:{«typography»:{«fontSize»:»1.25rem»}},»core/post-terms»:{«variations»:{«post-terms-1»:{«typography»:{«fontSize»:»var(–wp–preset–font-size–medium)»}}}},»core/query-title»:{«typography»:{«fontWeight»:»900″}}},»elements»:{«heading»:{«typography»:{«fontFamily»:»var(–wp–preset–font-family–literata)»,»fontWeight»:»900″,»lineHeight»:»1.2″,»fontStyle»:»normal»}},»button»:{«typography»:{«fontFamily»:»var(–wp–preset–font-family–literata)»,»fontSize»:»var(–wp–preset–font-size–medium)»,»fontWeight»:»900″,»letterSpacing»:»-0.36px»}},»h5″:{«typography»:{«letterSpacing»:»0px»}},»h6″:{«typography»:{«fontWeight»:»900″,»letterSpacing»:»0px»}},»link»:{«typography»:{«fontFamily»:»var(–wp–preset–font-family–ysabeau-office)»}}},»typography»:{«fontFamily»:»var(–wp–preset–font-family–ysabeau-office)»,»letterSpacing»:»-0.24px»,»fontStyle»:»normal»,»fontWeight»:»300″},»css»:»/* =========================================================\n AMATEUR \u2014 SPACING + BUTTONS + ICONS ONLY\n ========================================================= */\n\n\n/* =========================\n ORIGINAL TOP SPACING FIX\n ========================= */\n\nhtml,\nbody,\n.wp-site-blocks {\n margin-top: 0 !important;\n padding-top: 0 !important;\n}\n\n.wp-site-blocks \u003E *:first-child {\n margin-top: 0 !important;\n}\n\n\n/* =========================\n HEADER SPACING\n ========================= */\n\nheader.wp-block-template-part {\n margin-top: 0 !important;\n padding-top: 25px !important;\n}\n\n\n/* =========================\n PILL-SHAPED BUTTONS\n ========================= */\n\n.wp-block-button__link,\n.wp-element-button {\n border-radius: 999px !important;\n padding: 0.75em 1.5em !important;\n transition:\n transform 0.2s ease,\n opacity 0.2s ease !important;\n}\n\n\n/* Subtle hover effect */\n\n.wp-block-button__link:hover,\n.wp-element-button:hover {\n transform: translateY(-2px);\n}\n\n\n/* =========================\n SOCIAL ICON COLOUR\n ========================= */\n\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link svg {\n color: #e0df24 !important;\n fill: #e0df24 !important;\n}\n\n\n/* Keep icon colour on hover */\n\n.wp-block-social-links .wp-social-link:hover a,\n.wp-block-social-links .wp-social-link:hover svg {\n color: #e0df24 !important;\n fill: #e0df24 !important;\n}\n\n\n/* =========================\n SOCIAL ICON SIZE\n ========================= */\n\n.wp-block-social-links .wp-social-link {\n width: 42px !important;\n height: 42px !important;\n}\n\n.wp-block-social-links .wp-social-link svg {\n width: 22px !important;\n height: 22px !important;\n}\n\n\n/* =========================\n SOCIAL ICON SPACING\n ========================= */\n\n.wp-block-social-links {\n gap: 12px !important;\n}\n\n\n/* =========================\n FOOTER SPACING\n ========================= */\n\nfooter.wp-block-template-part {\n margin-top: 0 !important;\n}\n\nfooter.wp-block-template-part \u003E * {\n margin-top: 0 !important;\n}\n\n\n/* =========================\n MOBILE BUTTONS\n ========================= */\n\n@media (max-width: 600px) {\n\n .wp-block-button__link,\n .wp-element-button {\n padding: 0.7em 1.35em !important;\n }\n\n}»},»settings»:{«typography»:{«fontFamilies»:{«theme»:[{«name»:»Literata»,»slug»:»literata»,»fontFamily»:»Literata, serif»,»fontFace»:[{«src»:[«file:./assets/fonts/literata/Literata72pt-ExtraLight.woff2″],»fontWeight»:»200″,»fontStyle»:»normal»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-ExtraLightItalic.woff2″],»fontWeight»:»200″,»fontStyle»:»italic»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-Light.woff2″],»fontWeight»:»300″,»fontStyle»:»normal»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-LightItalic.woff2″],»fontWeight»:»300″,»fontStyle»:»italic»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-Regular.woff2″],»fontWeight»:»400″,»fontStyle»:»normal»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-RegularItalic.woff2″],»fontWeight»:»400″,»fontStyle»:»italic»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-Medium.woff2″],»fontWeight»:»500″,»fontStyle»:»normal»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-MediumItalic.woff2″],»fontWeight»:»500″,»fontStyle»:»italic»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-SemiBold.woff2″],»fontWeight»:»600″,»fontStyle»:»normal»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-SemiBoldItalic.woff2″],»fontWeight»:»600″,»fontStyle»:»italic»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-Bold.woff2″],»fontWeight»:»700″,»fontStyle»:»normal»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-BoldItalic.woff2″],»fontWeight»:»700″,»fontStyle»:»italic»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-ExtraBold.woff2″],»fontWeight»:»800″,»fontStyle»:»normal»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-ExtraBoldItalic.woff2″],»fontWeight»:»800″,»fontStyle»:»italic»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-Black.woff2″],»fontWeight»:»900″,»fontStyle»:»normal»,»fontFamily»:»Literata»},{«src»:[«file:./assets/fonts/literata/Literata72pt-BlackItalic.woff2″],»fontWeight»:»900″,»fontStyle»:»italic»,»fontFamily»:»Literata»}]},{«name»:»Ysabeau Office»,»slug»:»ysabeau-office»,»fontFamily»:»\»Ysabeau Office\», sans-serif»,»fontFace»:[{«src»:[«file:./assets/fonts/ysabeau-office/YsabeauOffice-VariableFont_wght.woff2″],»fontWeight»:»100 900″,»fontStyle»:»normal»,»fontFamily»:»\»Ysabeau Office\»»},{«src»:[«file:./assets/fonts/ysabeau-office/YsabeauOffice-Italic-VariableFont_wght.woff2″],»fontWeight»:»100 900″,»fontStyle»:»italic»,»fontFamily»:»\»Ysabeau Office\»»}]}]},»fontSizes»:{«theme»:[{«fluid»:false,»name»:»Liten»,»size»:»0.875rem»,»slug»:»small»},{«fluid»:{«max»:»1.125rem»,»min»:»1rem»},»name»:»Middels»,»size»:»1rem»,»slug»:»medium»},{«fluid»:{«max»:»1.375rem»,»min»:»1.125rem»},»name»:»Stor»,»size»:»1.38rem»,»slug»:»large»},{«fluid»:{«max»:»2rem»,»min»:»1.75rem»},»name»:»Ekstra stor»,»size»:»1.75rem»,»slug»:»x-large»},{«fluid»:{«max»:»2.6rem»,»min»:»1.4rem»},»name»:»Ekstra ekstra stor»,»size»:»2.6rem»,»slug»:»xx-large»}]}},»color»:{«palette»:{«theme»:[{«color»:»#b7410e»,»name»:»Base»,»slug»:»base»},{«color»:»#e0df24″,»name»:»Kontrast»,»slug»:»contrast»},{«color»:»#d4a7ce»,»name»:»Uthevet 1″,»slug»:»accent-1″},{«color»:»#F6CFF4″,»name»:»Uthevet 2″,»slug»:»accent-2″},{«color»:»#503AA8″,»name»:»Uthevet 3″,»slug»:»accent-3″},{«color»:»#28723a»,»name»:»Uthevet 4″,»slug»:»accent-4″},{«color»:»#305baa»,»name»:»Uthevet 5″,»slug»:»accent-5″},{«color»:»color-mix(in srgb, currentColor 20%, transparent)»,»name»:»Uthevet 6″,»slug»:»accent-6″}]}}},»isGlobalStylesUserThemeJSON»:true,»version»:3}