Skip to content

Instantly share code, notes, and snippets.

View greystate's full-sized avatar
:octocat:
Octocatering

Chriztian Steinmeier greystate

:octocat:
Octocatering
64 followers · 69 following
View GitHub Profile
@greystate
greystate / dabblet.css
Created June 15, 2023 22:12
Pure CSS Reveal?
/**
* Pure CSS Reveal?
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@greystate
greystate / dabblet.css
Last active March 6, 2023 09:47
Overriding defaults with a layer
/**
* Overriding defaults with a layer
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
/* These are "Unlayered Styles" */
@greystate
greystate / dabblet.css
Created March 6, 2023 09:35
Image Cloud
/**
* Image Cloud
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
--pos-x: 48;
--pos-y: 320;
@greystate
greystate / dabblet.css
Created February 2, 2023 09:31
CSS hyphenation test (none, manual & auto)
/**
* CSS hyphenation test (none, manual & auto)
*/
.cards { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); border: 2px solid; padding: 1em; }
.card { padding: 10px; border: 3px outset orange; hyphens: auto; }
.no-hyphens { hyphens: none; background: rgba(200, 0, 0, 0.5); }
.manual-hyphens { hyphens: manual; background: rgba(240, 120, 0, 0.5); }
@greystate
greystate / PropertyDataDataSource.cs
Last active September 8, 2022 09:20 — forked from leekelleher/PropertyDataDataSource.cs
using System.Collections.Generic;
using System.Linq;
using Umbraco.Community.Contentment.DataEditors;
using Umbraco.Core.PropertyEditors;
using Umbraco.Web;
namespace MyWebsite.DataSources
{
public class PropertyDataDataSource : IDataListSource
{
@greystate
greystate / airports.xslt
Created July 30, 2014 13:36
Using with-param with apply-templates
<!-- Start -->
<xsl:apply-templates select="airports/airport">
<xsl:with-param name="position" select="'start'" />
</xsl:apply-templates>
<!-- End -->
<xsl:apply-templates select="airports/airport">
<xsl:with-param name="position" select="'end'" />
</xsl:apply-templates>
@greystate
greystate / _WYSIWYG.xslt
Created August 25, 2011 20:54
Include file for handling WYSIWYG content for real (as in: XML instead of effin' CDATA...)
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY NiceUrl "umb:NiceUrl">
<!ENTITY Parse "ucom:Parse">
<!ENTITY wrapper "WYSIWYG">
<!ENTITY nbsp "&#160;">
<!ENTITY badStuff "FONT | font | MARQUEE | marquee | BLINK | blink">
<!ENTITY TinyMCEStuff "span[@class = 'Apple-style-span'] | div[@class = 'xmlblock']">
<!ENTITY blackListedElements "&badStuff; | &TinyMCEStuff;">
<!ENTITY embedded-doctype "&lt;!DOCTYPE WYSIWYG [ &lt;!ENTITY nbsp &quot;&amp;#160;&quot;&gt; ]&gt;">
@greystate
greystate / dabblet.css
Created September 18, 2020 13:10
SVG test
/**
* SVG test
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
svg circle {
@greystate
greystate / dabblet.css
Created March 24, 2020 08:28
Using currentcolor to style referenced SVG
/**
* Using currentcolor to style referenced SVG
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#logobox {
@greystate
greystate / inGroupsOf.xslt
Created October 17, 2011 20:31
Grouping a set of nodes into sets of [n] elements
<?xml version="1.0" encoding="utf-8" ?>
<!--
Grouping a set of nodes into sets of [n] elements
-->
<xsl:stylesheet
version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
>
<xsl:output method="xml" indent="yes" omit-xml-declaration="yes" />