Skip to content

Instantly share code, notes, and snippets.

@primitiveshaun
Created October 16, 2020 14:34
Show Gist options
  • Save primitiveshaun/a7553a3b3964952563b7614d62603b3c to your computer and use it in GitHub Desktop.
Save primitiveshaun/a7553a3b3964952563b7614d62603b3c to your computer and use it in GitHub Desktop.
Primitive Theme: Removed Styles
/* Design Page */
h1 {
//${h1Style(colors)}
font-family: 'Abril Fatface', Georgia, cursive;
font-size: 4.3rem;
//color: ${hexToRGB(colors.coal, 0.9)};
//text-shadow: -8px 1px 2px ${hexToRGB(colors.disco.cyan, 0.4)}, 8px -1px 2px ${hexToRGB(colors.disco.magenta, 0.4)};
&::after {
content: " ";
margin: .9rem auto .6rem;
width: 60%;
height: 5px;
display: block;
border-top: 2px solid black;
opacity: .8;
//box-shadow: -10px 2px 5px ${hexToRGB(colors.disco.cyan, 0.4)}, 10px -2px 5px ${hexToRGB(colors.disco.magenta, 0.4)};
//background-image: linear-gradient(90deg, ${hexToRGB(colors.disco.magenta, 0.8)} 15%, ${hexToRGB(colors.disco.neongreen, 0.6)} 35%, ${hexToRGB(colors.disco.purple, 0.8)} 85%);
}
&::before {
content: " ";
margin: .6rem auto .6rem;
width: 40%;
height: 5px;
display: block;
border-top: 2px solid black;
opacity: .8;
//box-shadow: -10px 2px 5px ${hexToRGB(colors.disco.cyan, 0.4)}, 10px -2px 5px ${hexToRGB(colors.disco.magenta, 0.4)};
//background-image: linear-gradient(90deg, ${hexToRGB(colors.disco.magenta, 0.8)} 15%, ${hexToRGB(colors.disco.neongreen, 0.6)} 35%, ${hexToRGB(colors.disco.purple, 0.8)} 85%);
}
}
h1 {
//${h1Style(colors)}
font-family: "Hepta Slab";
font-weight: bold;
letter-spacing: 1px;
text-shadow: 2px 1px 0 #eee, 4px 3px 0 #707070;
&::after {
content: " ";
margin: 1.2rem auto 0;
width: 70%;
height: 12px;
display: block;
//border-top: 1px solid ${hexToRGB(colors.coal, 0.6)};
//border-left: 1px solid ${hexToRGB(colors.coal, 0.6)};
//box-shadow: 1px 1px 0 rgba(238, 238, 238, .6), 3px 2px 0 rgba( 112, 112, 112, .6);
//background-image: linear-gradient(90deg, ${hexToRGB(colors.disco.purple, 0.8)} 15%,${hexToRGB(colors.disco.neongreen, 0.6)} 35%, ${hexToRGB(colors.disco.purple, 0.8)} 85%);
/* animation: ${animatedgradient} 6s linear infinite;
animation-direction: alternate; */
}
}
h1 {
//${h1Style(colors)}
font-family: "Playfair Display";
font-weight: bold;
//color: ${hexToRGB(colors.coal, 0.9)};
//text-shadow: 2px 1px 0 #fff, -2px -3px 1px ${hexToRGB(colors.disco.blue, 0.5)}, 4px 3px 1px rgba(255,0,180,0.5);
&::after {
content: " ";
margin: 1.2rem auto 0;
width: 70%;
height: 12px;
display: block;
/*
border-top: 1px solid ${hexToRGB(colors.coal, 0.6)};
border-left: 1px solid ${hexToRGB(colors.coal, 0.6)};
background: linear-gradient(
-45deg,
rgba(255,0,180,0.5) 25%,
${hexToRGB(colors.disco.blue, 0.5)} 25%,
${hexToRGB(colors.disco.blue, 0.5)} 50%,
rgba(255,0,180,0.5) 50%,
rgba(255,0,180,0.5) 75%,
${hexToRGB(colors.disco.blue, 0.5)} 75%,
${hexToRGB(colors.disco.blue, 0.5)}
);
*/
background-size: 20px 20px;
background-position: 0 0;
box-shadow: 1px 1px 0 rgba(238, 238, 238, .6), 3px 2px 0 rgba( 112, 112, 112, .6);
/* animation: ${animatedgradient} 6s linear infinite;
animation-direction: alternate; */
}
}
// original page bg
#page-2128 {
background: linear-gradient(rgba(12, 17, 43, 0.01) 0%, rgba(12, 17, 43, 0.1) 45%, rgba(12, 17, 43, 0.3) 65%, rgba(12, 17, 43, 0.5) 100%), linear-gradient(to top, rgba(128, 124, 125, 0.2) 0%, rgba(128, 124, 125, 0.2) 95%, rgba(12, 17, 43, 0.3) 100%), linear-gradient(to right, rgba(128, 124, 125, 0.2) 0%, rgba(128, 124, 125, 0.2) 90%, rgba(12, 17, 43, 0.5) 100%), linear-gradient(to left, rgba(128, 124, 125, 0.2) 0%, rgba(128, 124, 125, 0.2) 90%, rgba(12, 17, 43, 0.5) 100%), url(https://api.primitivedigital.uk/wp-content/uploads/stone/aztec-300x300.png) repeat fixed;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment