Skip to content

Instantly share code, notes, and snippets.

@tommaton
tommaton / SassMeister-input-HTML.html
Created November 20, 2015 10:31
Generated by SassMeister.com.
<ul class="o-list-fit c-nav-primary">
<li class="o-list-fit__item c-nav-primary__item">
<a href="#" class="o-list-fit__link c-nav-primary__link">The workshop</a>
</li>
<li class="o-list-fit__item c-nav-primary__item">
<a href="#" class="o-list-fit__link c-nav-primary__link">2013 Schedule</a>
</li>
<li class="o-list-fit__item c-nav-primary__item">
<a href="#" class="o-list-fit__link c-nav-primary__link is-current">About CSS Wizardry</a>
</li>
@tommaton
tommaton / new_gist_file.java
Created December 11, 2013 09:31
Remove unwanted generated divs from CQ5 in preview/publish mode. Place in global.
if (WCMMode.fromRequest(request) != WCMMode.EDIT && WCMMode.fromRequest(request) != WCMMode.DESIGN) {
IncludeOptions.getOptions(request, true).forceSameContext(Boolean.TRUE);
@tommaton
tommaton / position-centrally.scss
Created September 27, 2013 14:30
Mixing to position centrally both horizontally and vertically - N.B. parent element needs to be position: relative; Just @include position-centrally();
@mixin position-centrally() {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
@tommaton
tommaton / css-triangle.scss
Created September 27, 2013 14:29
SASS/SCSS mixin for creating a pure CSS triangle
@mixin triangle($size: 10px, $direction: right, $color: #000000) {
width: 0;
height: 0;
@if $direction == 'up' {
border-left: $size solid transparent;
border-right: $size solid transparent;
border-bottom: $size solid $color;
}