Skip to content

Instantly share code, notes, and snippets.

@jmdrawneek
Created January 8, 2015 22:32
Show Gist options
  • Save jmdrawneek/343d0491330ea530f3fd to your computer and use it in GitHub Desktop.
Save jmdrawneek/343d0491330ea530f3fd to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// Zen Grids (v1.4)
// ----
@import "compass";
@import "zen";
@import "compass/css3";
@import "compass/css3/border-radius";
@import "compass/support";
$legacy-support-for-ie7: true;
@mixin box-sizing($bs: border-box) {
box-sizing: border-box;
*behavior: url(/boxsizing.htc);
}
$box-sizing-polyfill-path: "/boxsizing.htc";
@function use-prefix($prefix, $capability, $threshold, $capability-options: $default-capability-options) {
$usage: prefix-usage($prefix, $capability, $capability-options);
@if $usage > $threshold {
@return $usage;
}
@else {
@each $browser in browsers($prefix) {
@if index($supported-browsers, $browser) {
$min-version: map-get($browser-minimum-versions, $browser);
@if $min-version {
$actual-prefix: browser-requires-prefix($browser, $min-version, $capability, $capability-options);
@if $actual-prefix and $prefix == $actual-prefix {
@return $browser $min-version;
}
}
}
}
}
@return false;
}
@function prefixes-for-capability($capability, $threshold, $capability-options: $default-capability-options) {
$result: ();
@each $prefix in browser-prefixes($supported-browsers) {
$result: map-merge($result, ($prefix: use-prefix($prefix, $capability, $threshold, $capability-options)));
}
@return $result;
}
@mixin with-each-prefix($capability, $threshold, $capability-options: $default-capability-options) {
@each $prefix, $should-use-prefix in prefixes-for-capability($capability, $threshold, $capability-options) {
@if $should-use-prefix {
@if $debug-browser-support and type-of($should-use-prefix) == list {
/* Capability #{$capability} is prefixed with #{$prefix} because #{$should-use-prefix} is required. */
}
@else if $debug-browser-support and type-of($should-use-prefix) == number {
/* Capability #{$capability} is prefixed with #{$prefix} because #{$should-use-prefix}% of users need it which is more than the threshold of #{$threshold}%. */
}
@include with-prefix($prefix) {
@include with-browser-ranges($capability) {
@content;
}
}
}
@else if $debug-browser-support {
/* Capability #{$capability} is not prefixed with #{$prefix} because #{prefix-usage($prefix, $capability, $capability-options)}% of users are affected which is less than the threshold of #{$threshold}. */
}
}
@include with-prefix(null) {
@include with-browser-ranges($capability) {
@content;
}
}
}
@mixin clearfix {
overflow: hidden;
@include has-layout;
}
@mixin stretch($offset-top: 0, $offset-right: 0, $offset-bottom: 0, $offset-left: 0) {
position: absolute;
@if $offset-top {
top: $offset-top;
}
@if $offset-bottom {
bottom: $offset-bottom;
}
@if $offset-left {
left: $offset-left;
}
@if $offset-right {
right: $offset-right;
}
}
@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
@include with-each-prefix(border-radius, $border-radius-threshold) {
@if $current-prefix == -webkit {
// Legacy Webkit didn't understand the official shorthand syntax for specifying a vertical radius.
$legacy-webkit-radius: first-value-of($radius);
@if $vertical-radius {
$legacy-webkit-radius: append($legacy-webkit-radius, first-value-of($vertical-radius));
}
@include prefix-prop(border-radius, $legacy-webkit-radius);
}
@else {
// Official syntax for everyone else
@include prefix-prop(border-radius, if($vertical-radius, #{$radius} / #{$vertical-radius}, $radius));
}
}
}
.pane-views-exp-work-grid-block .views-reset-button input {
background: white;
border:3px solid #aeaeae;
height: 20px;
width: 20px;
@include border-radius(20px, 20px);
}
.pane-views-exp-work-grid-block .views-reset-button input {
background: white;
border: 3px solid #aeaeae;
height: 20px;
width: 20px;
-moz-border-radius: 20px / 20px;
-webkit-border-radius: 20px 20px;
border-radius: 20px / 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment