Skip to content

Instantly share code, notes, and snippets.

View LadyCarni's full-sized avatar

Caryn Farvour (Humphreys) LadyCarni

View GitHub Profile
@LadyCarni
LadyCarni / prism-accessible.css
Created June 15, 2021 16:56
A11y prism theme
/**
* a11y-dark theme
* Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css
*/
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
background: none;
font-family: 'Ubuntu Mono', monospace;
html{background:#b5e0ba;box-shadow:-200px -100px inset#5d3a3a
@LadyCarni
LadyCarni / _variables.scss
Created October 11, 2018 16:34
standard variables
/* stylelint-disable */
$app-font: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
$code-font: 'Courier New', monospace;
$white: #fff;
$off-white: #f9f9f9;
$light-grey: #ededed;
$mid-grey: #999;
$mute-grey: #383838;
$dark-grey: #272525;
@LadyCarni
LadyCarni / .stylelintrc
Last active January 9, 2021 14:17
Style Linter
{
"rules": {
"at-rule-empty-line-before": "always",
"at-rule-name-case": [
"lower",
{
"message": "Lowercase letters are easier to distinguish from numbers"
}
],
"at-rule-name-space-after": "always",
@LadyCarni
LadyCarni / github-labels.json
Created December 2, 2016 17:02
Template for Labels
[
{
"name": "blocked",
"color": "fbca04"
},
{
"name": "bug",
"color": "fc2929"
},
{
@LadyCarni
LadyCarni / .scss-lint.yml
Last active November 21, 2017 15:17
scss Lint Config
scss_files: ‘src/app/**/*.scss’
linters:
BangFormat: #Checks spacing of ! declarations, like !important and !default
enabled: true
space_before_bang: true
space_after_bang: false
BorderZero: #Enforce a particular value for empty borders.
@LadyCarni
LadyCarni / c2a.css
Created May 12, 2016 00:43
example
.call-to-action {
height: 65px;
text-align: center;
font-size: 2em;
background-color: #ddd;
width: 100vw;
margin-left: -100px;
padding: 1em 0 0;
margin-bottom: 1em;
}
@LadyCarni
LadyCarni / better-background.css
Created February 16, 2016 17:33
Better fixed background image
html,body {
height: 100%;
margin: 0
}
.hero {
min-height: 100%;
position: relative;
overflow: hidden;
@LadyCarni
LadyCarni / background.css
Created February 16, 2016 16:53
Traditional fixed background image
html,body {
height: 100%;
}
.hero {
background-size: cover;
background: url('http://bit.ly/1KnDNGG') no-repeat center center fixed;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;