Created
January 8, 2015 22:32
-
-
Save jmdrawneek/343d0491330ea530f3fd to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// 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); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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