Skip to content

Instantly share code, notes, and snippets.

View miguel-perez's full-sized avatar

Miguel Pérez miguel-perez

View GitHub Profile
@miguel-perez
miguel-perez / i18n-button.css
Created December 4, 2012 15:31
i18n - button sample
/* Original */
.wl-button {
width: 140px;
height: 32px;
background: url('../img/button-sprite.png') no-repeat 0 0;
}
/* CSS Based */
.wl-button {
padding: 3px;
@miguel-perez
miguel-perez / i18n-aside.css
Created December 4, 2012 16:18
i18n Aside Nav
/* overflow: hidden */
.wl-sidenav .nav li a {
overflow: hidden; /* Prevents words from overflowing outside of their bounds */
}
/* word-break: break-all */
.wl-sidenav .nav li a {
word-break: break-all; /* Lines may break between any two characters for non-CJK scripts */
}
@miguel-perez
miguel-perez / i18n-header.css
Created December 4, 2012 16:32
i18n Image Header Replacement
/* CSS based & webfont to replace original <img /> tag */
.wl-category-header {
margin: 0;
padding: 8px 0;
text-align: center;
background: #ceebf9; /* Fallback */
background: linear-gradient(to bottom, #ceebf9 0%,#cce4f1 100%);
}
@miguel-perez
miguel-perez / i18n-lineheight.css
Created December 6, 2012 17:46
i18n Line-height wrapping
.wl-sidenav .nav-header {
line-height: 1.1em; /* vertical white space is a great way to make wrapping look intentional */
}
@miguel-perez
miguel-perez / demo.md
Last active December 27, 2015 19:49
A Pen by Miguel Angel Perez.

Embeding the Google Translate Widget

Questions? Hit me up: @Tayokoart

@miguel-perez
miguel-perez / demo.md
Last active December 27, 2015 19:49
A Pen by Miguel Angel Perez.

Styling & The Google Translate Widget

Questions? Hit me up: @Tayokoart

@miguel-perez
miguel-perez / demo.md
Last active December 27, 2015 19:59
A Pen by Miguel Angel Perez.

Setting up document encoding for i18n

Questions? Hit me up: @Tayokoart

@miguel-perez
miguel-perez / demo.md
Last active December 27, 2015 19:59
Detect your user's language

Detect your user's language

Questions? Hit me up: @Tayokoart

@miguel-perez
miguel-perez / demo.md
Created November 9, 2013 03:15
Styling a specific language

How to Style a Specific Language

Questions? Hit me up: @Tayokoart

Prevent the Translation of Certain Text

Questions? Hit me up: @Tayokoart