summaryrefslogtreecommitdiff
path: root/themes/hugo-coder/assets/scss/fork-awesome/_mixins.scss
diff options
context:
space:
mode:
authorRyan Schanzenbacher <ryan@rschanz.org>2021-12-26 00:30:09 -0500
committerRyan Schanzenbacher <ryan@rschanz.org>2021-12-26 00:30:09 -0500
commit8555cf72dec9321fa010296ce6988cf7b7cf602b (patch)
tree006ad83008cc8e08524631ebb4b638bfbfa490fd /themes/hugo-coder/assets/scss/fork-awesome/_mixins.scss
parent2e1cd1a569ea516be6bfdc681411cae51632a290 (diff)
convert theme from submodule to regular files
Diffstat (limited to 'themes/hugo-coder/assets/scss/fork-awesome/_mixins.scss')
m---------themes/hugo-coder0
-rw-r--r--themes/hugo-coder/assets/scss/fork-awesome/_mixins.scss60
2 files changed, 60 insertions, 0 deletions
diff --git a/themes/hugo-coder b/themes/hugo-coder
deleted file mode 160000
Subproject 55b2a150f990bc56364dba347bc9acc6aab07be
diff --git a/themes/hugo-coder/assets/scss/fork-awesome/_mixins.scss b/themes/hugo-coder/assets/scss/fork-awesome/_mixins.scss
new file mode 100644
index 0000000..6fdb128
--- /dev/null
+++ b/themes/hugo-coder/assets/scss/fork-awesome/_mixins.scss
@@ -0,0 +1,60 @@
1// Mixins
2// --------------------------
3
4@mixin fa-icon() {
5 display: inline-block;
6 font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} #{$fa-font-family}; // shortening font declaration
7 font-size: inherit; // can't have font-size inherit on line above, so need to override
8 text-rendering: auto; // optimizelegibility throws things off #1094
9 -webkit-font-smoothing: antialiased;
10 -moz-osx-font-smoothing: grayscale;
11
12}
13
14@mixin fa-icon-rotate($degrees, $rotation) {
15 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
16 -webkit-transform: rotate($degrees);
17 -ms-transform: rotate($degrees);
18 transform: rotate($degrees);
19}
20
21@mixin fa-icon-flip($horiz, $vert, $rotation) {
22 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
23 -webkit-transform: scale($horiz, $vert);
24 -ms-transform: scale($horiz, $vert);
25 transform: scale($horiz, $vert);
26}
27
28
29// Only display content to screen readers. A la Bootstrap 4.
30//
31// See: http://a11yproject.com/posts/how-to-hide-content/
32
33@mixin sr-only {
34 position: absolute;
35 width: 1px;
36 height: 1px;
37 padding: 0;
38 margin: -1px;
39 overflow: hidden;
40 clip: rect(0,0,0,0);
41 border: 0;
42}
43
44// Use in conjunction with .sr-only to only display content when it's focused.
45//
46// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
47//
48// Credit: HTML5 Boilerplate
49
50@mixin sr-only-focusable {
51 &:active,
52 &:focus {
53 position: static;
54 width: auto;
55 height: auto;
56 margin: 0;
57 overflow: visible;
58 clip: auto;
59 }
60}