Skip to content

Instantly share code, notes, and snippets.

@thamas
thamas / compass-bg-img-grad.scss
Last active Dec 17, 2015
Compass: background images and gradient
View compass-bg-img-grad.scss
@include background(
// image in the default images folder
image-url("logo.png") 0 0 no-repeat,
// base encoded transparent noise image, source: https://coderwall.com/p/m-uwvg
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+
@thamas
thamas / compass-box-shadow-example.scss
Last active Dec 17, 2015
Compass: box-shadow example
View compass-box-shadow-example.scss
@include single-box-shadow(rgba(0, 0, 0, .75), 0, -2px, 8px, -1px, inset);
@thamas
thamas / scss-mixin-img-link-inner-shadow.scss
Last active Dec 17, 2015
SCSS mixin to display inner shadow on hover an image link
View scss-mixin-img-link-inner-shadow.scss
@thamas
thamas / compass-set-box-sizing-border-box.scss
Created May 19, 2013
Compass: set box-sizing to border-box for all html5 block level element
View compass-set-box-sizing-border-box.scss
article,
aside,
blockquote,
body,
br,
button,
canvas,
caption,
col,
colgroup,
View compass-font-face.scss
//
// Default font dir is <css_dir>/fonts Set fonts_dir in config.rb
// if you want to change. See:
// http://compass-style.org/help/tutorials/configuration-reference/
//
// http://compass-style.org/reference/compass/css3/font_face/
// "Order of the includes matters, and it is: normal, bold, italic, bold+italic."
//
// See also: http://mikefowler.me/thoughts/compass-font-face-syntax/;
//
@thamas
thamas / drupal-profiler-builder-drush.md
Last active Dec 18, 2015
Create new Drupal install profile with Profiler Builder module and drush
View drupal-profiler-builder-drush.md
drush distro mynewprofile_name --untar
@thamas
thamas / drupal_rules_access_alias_only.txt
Last active Dec 19, 2015
Drupal 7, Rules export. Use to redirect anonymous user to frontpage when she tries to access content using node/[nid] path. So content will be available only on its path alias.
View drupal_rules_access_alias_only.txt
{ "rules_access_w_alias_only" : {
"LABEL" : "Acces content with alias only",
"PLUGIN" : "reaction rule",
"TAGS" : [ "access" ],
"REQUIRES" : [ "rules" ],
"ON" : [ "node_view" ],
"IF" : [
{ "user_has_role" : {
"account" : [ "site:current-user" ],
"roles" : { "value" : { "1" : "1" } }
@thamas
thamas / compass-text-replacement-span.scss
Last active Dec 19, 2015
compass scss text-replacement span
View compass-text-replacement-span.scss
//see http://compass-style.org/reference/compass/typography/text/replacement
//compass 0.12.2
@import "compass/typography/text/replacement"
span.logo {
@include replace-text-with-dimensions("logo.png");
display: inline-block;
position: relative;
top: 4px;
@thamas
thamas / sublime-regexp-add-month-name-to-date.md
Last active Dec 19, 2015
sublime regexp add month name to date
View sublime-regexp-add-month-name-to-date.md

Using Sublime Text's Replace function with regex

changes this:
"1997.01.01.";

to this:
"1997.01.03.";"Január";

Find What:

@thamas
thamas / sublime-regexp-remove-newlines.md
Last active Dec 19, 2015
Sublime regexp remove newlines
View sublime-regexp-remove-newlines.md

Using Sublime Text's Replace function with regex

Remove newlines from paragraph:

Changes this:

"On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment.