Skip to content

Instantly share code, notes, and snippets.

@asanchez75
Created September 23, 2012 01:01
Show Gist options
  • Save asanchez75/3768412 to your computer and use it in GitHub Desktop.
Save asanchez75/3768412 to your computer and use it in GitHub Desktop.
mixins
// http://stackoverflow.com/questions/6902944/sass-mixin-for-background-transparency-back-to-ie8
@mixin transparent($color, $alpha) {
$rgba: rgba($color, $alpha);
$ie-hex-str: ie-hex-str($rgba);
background-color: transparent;
background-color: $rgba;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str});
zoom: 1;
}
// for omega tables
@mixin table-clean {
table {
border: none;
width: 100%;
}
thead th, th {
background: transparent;
border-bottom: 1px solid #ccc;
color: #333;
}
td, th {
padding: 0px;
vertical-align: top;
}
th a, th a:link, th a:visited {
text-decoration: none;
}
th a {
display: block;
}
th a img {
margin: 0 0 0 5px;
}
th.active {
background: transparent;
border-left: none;
border-right: none;
}
/* Odd & Even Styles */
tr.even td {
background: transparent;
}
tr.odd td {
background: transparent;
}
td.active {
border-left: none;
border-right: none;
}
tr.even td.active {
background: transparent;
}
tr.odd td.active {
background: transparent;
}
tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
background:transparent;
}
td ul.links {
margin-bottom: 0;
}
}
@mixin table-format {
table {
border-spacing: 0px 10px;
border-collapse: separate;
tr {
td {
padding: 10px;
background-color: #F5F5F5;
}
td:nth-child(odd) {
border-left:solid 1px #E1E1E1;
border-top:solid 1px #E1E1E1;
border-bottom:solid 1px #E1E1E1;
}
td:nth-child(even) {
border-right:solid 1px #E1E1E1;
border-top:solid 1px #E1E1E1;
border-bottom:solid 1px #E1E1E1;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment