aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/docs/mixins.scss
diff options
context:
space:
mode:
authorSam Potts <me@sampotts.me>2015-03-01 19:09:43 +1100
committerSam Potts <me@sampotts.me>2015-03-01 19:09:43 +1100
commiteb630ab5518003d15bc09847c95fdb192720ab64 (patch)
tree660a2e5da3c7ef23101df716bb9d0811e58f156d /src/sass/docs/mixins.scss
parent30d6a0cd5f21783b44e0e0e7f8997aae31bdce36 (diff)
parentbb193ff1525aa14417291a7f629163ac58cb3274 (diff)
downloadplyr-eb630ab5518003d15bc09847c95fdb192720ab64.tar.lz
plyr-eb630ab5518003d15bc09847c95fdb192720ab64.tar.xz
plyr-eb630ab5518003d15bc09847c95fdb192720ab64.zip
Merge pull request #7 from brunowego/patch-1
Add sass support
Diffstat (limited to 'src/sass/docs/mixins.scss')
-rw-r--r--src/sass/docs/mixins.scss47
1 files changed, 47 insertions, 0 deletions
diff --git a/src/sass/docs/mixins.scss b/src/sass/docs/mixins.scss
new file mode 100644
index 00000000..24412575
--- /dev/null
+++ b/src/sass/docs/mixins.scss
@@ -0,0 +1,47 @@
+// ==========================================================================
+// Mixins
+// ==========================================================================
+
+// Contain floats: nicolasgallagher.com/micro-clearfix-hack/
+// ---------------------------------------
+@mixin clearfix()
+{
+ zoom: 1;
+ &:before,
+ &:after { content: ""; display: table; }
+ &:after { clear: both; }
+}
+
+// Webkit-style focus
+// ---------------------------------------
+@mixin tab-focus()
+{
+ // Default
+ outline: thin dotted $gray-dark;
+ // Webkit
+ //outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: 1px;
+}
+
+// Use rems for font sizing
+// Leave <body> at 100%/16px
+// ---------------------------------------
+@mixin font-size($font-size: 16)
+{
+ $rem: round(($font-size / 16), 1);
+ font-size: ($font-size * 1px);
+ font-size: #{"${rem}rem"};
+}
+
+// Font smoothing
+// ---------------------------------------
+@mixin font-smoothing($mode: on) when ($mode = on)
+{
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+}
+@mixin font-smoothing($mode: on) when ($mode = off)
+{
+ -moz-osx-font-smoothing: auto;
+ -webkit-font-smoothing: subpixel-antialiased;
+} \ No newline at end of file