X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fbourbon%2Fbourbon%2Flibrary%2F_font-stacks.scss;fp=assets%2Fsass%2Fbourbon%2Fbourbon%2Flibrary%2F_font-stacks.scss;h=e1676ba191418db267d3036a7eb02f5bb4ac4b18;hb=2d3ca553a3d3345ec8ecdf0faedc6924cd0e2f5d;hp=0000000000000000000000000000000000000000;hpb=2ae9d02fd007f6d0bab6576f8f26d66570358605;p=theme-danix.xyz.git diff --git a/assets/sass/bourbon/bourbon/library/_font-stacks.scss b/assets/sass/bourbon/bourbon/library/_font-stacks.scss new file mode 100644 index 0000000..e1676ba --- /dev/null +++ b/assets/sass/bourbon/bourbon/library/_font-stacks.scss @@ -0,0 +1,248 @@ +@charset "UTF-8"; + +/// A variable that outputs a Helvetica font stack. +/// +/// @link https://goo.gl/uSJvZe +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-helvetica; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; +/// } + +$font-stack-helvetica: ( + "Helvetica Neue", + "Helvetica", + "Arial", + sans-serif, +); + +/// A variable that outputs a Lucida Grande font stack. +/// +/// @link https://goo.gl/R5UyYE +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-lucida-grande; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Lucida Grande", "Lucida Sans Unicode", "Geneva", "Verdana", sans-serif; +/// } + +$font-stack-lucida-grande: ( + "Lucida Grande", + "Lucida Sans Unicode", + "Geneva", + "Verdana", + sans-serif, +); + +/// A variable that outputs a Verdana font stack. +/// +/// @link https://goo.gl/yGXWSS +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-verdana; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Verdana", "Geneva", sans-serif; +/// } + +$font-stack-verdana: ( + "Verdana", + "Geneva", + sans-serif, +); + +/// A variable that outputs a system font stack. +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-system; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; +/// } + +$font-stack-system: ( + system-ui, + -apple-system, + BlinkMacSystemFont, + "Avenir Next", + "Avenir", + "Segoe UI", + "Lucida Grande", + "Helvetica Neue", + "Helvetica", + "Fira Sans", + "Roboto", + "Noto", + "Droid Sans", + "Cantarell", + "Oxygen", + "Ubuntu", + "Franklin Gothic Medium", + "Century Gothic", + "Liberation Sans", + sans-serif, +); + +/// A variable that outputs a Garamond font stack. +/// +/// @link https://goo.gl/QQFEkV +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-garamond; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; +/// } + +$font-stack-garamond: ( + "Garamond", + "Baskerville", + "Baskerville Old Face", + "Hoefler Text", + "Times New Roman", + serif, +); + +/// A variable that outputs a Georgia font stack. +/// +/// @link https://goo.gl/wtzVPy +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-georgia; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Georgia", "Times", "Times New Roman", serif; +/// } + +$font-stack-georgia: ( + "Georgia", + "Times", + "Times New Roman", + serif, +); + +/// A variable that outputs a Hoefler Text font stack. +/// +/// @link https://goo.gl/n7U7zx +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-hoefler-text; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Hoefler Text", "Baskerville Old Face", "Garamond", "Times New Roman", serif; +/// } + +$font-stack-hoefler-text: ( + "Hoefler Text", + "Baskerville Old Face", + "Garamond", + "Times New Roman", + serif, +); + +/// A variable that outputs a Consolas font stack. +/// +/// @link https://goo.gl/iKrtqv +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-consolas; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Consolas", "monaco", monospace; +/// } + +$font-stack-consolas: ( + "Consolas", + "monaco", + monospace, +); + +/// A variable that outputs a Courier New font stack. +/// +/// @link https://goo.gl/bHfWMP +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-courier-new; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Courier New", "Courier", "Lucida Sans Typewriter", "Lucida Typewriter", monospace; +/// } + +$font-stack-courier-new: ( + "Courier New", + "Courier", + "Lucida Sans Typewriter", + "Lucida Typewriter", + monospace, +); + +/// A variable that outputs a Monaco font stack. +/// +/// @link https://goo.gl/9PgKDO +/// +/// @type list +/// +/// @example scss +/// .element { +/// font-family: $font-stack-monaco; +/// } +/// +/// // CSS Output +/// .element { +/// font-family: "Monaco", "Consolas", "Lucida Console", monospace; +/// } + +$font-stack-monaco: ( + "Monaco", + "Consolas", + "Lucida Console", + monospace, +);