pax_global_header 0000666 0000000 0000000 00000000064 13107015605 0014510 g ustar 00root root 0000000 0000000 52 comment=967536f3c9c4d82304767e2b6d4a17abc94f2b89 normalize-scss-7.0.0/ 0000775 0000000 0000000 00000000000 13107015605 0014465 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/.gitignore 0000664 0000000 0000000 00000000402 13107015605 0016451 0 ustar 00root root 0000000 0000000 # Exclude stuff specific to this project. node_modules /v[1-9] # Exclude IDE management files. # Eclipse .project .settings .buildpath # Netbeans netbeans nbproject # Komodo *.kpf # WebStorm .idea # Exclude hidden OS files. .DS_Store ._* Thumbs.db normalize-scss-7.0.0/.travis.yml 0000664 0000000 0000000 00000000437 13107015605 0016602 0 ustar 00root root 0000000 0000000 # Configuration options are documented at: # http://docs.travis-ci.com/user/languages/javascript-with-nodejs/ sudo: false language: node_js node_js: - '0.12' - '4' - '5' - '6' # Skip npm posttest script on Node 0.12. script: ./bin/is-modern-node && npm test || npm run test-only normalize-scss-7.0.0/CODE_OF_CONDUCT.md 0000664 0000000 0000000 00000006504 13107015605 0017271 0 ustar 00root root 0000000 0000000 # Contributor Covenant Code of Conduct ## Our Pledge In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. ## Our Standards Examples of behavior that contributes to creating a positive environment include: * Using welcoming and inclusive language * Being respectful of differing viewpoints and experiences * Gracefully accepting constructive criticism * Focusing on what is best for the community * Showing empathy towards other community members Examples of unacceptable behavior by participants include: * The use of sexualized language or imagery and unwelcome sexual attention or advances * Trolling, insulting/derogatory comments, and personal or political attacks * Public or private harassment * Publishing others' private information, such as a physical or electronic address, without explicit permission * Other conduct which could reasonably be considered inappropriate in a professional setting ## Our Responsibilities Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. ## Scope This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include, but are not limited to: * using an official project e-mail address * posting via an official social media account, * acting as an appointed representative at an online or offline event, * or declaring your involvement in the project at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. ## Enforcement Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at virtually.johnalbin@gmail.com; please include "conduct" in the title of the email. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. ## Attribution This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] [homepage]: http://contributor-covenant.org [version]: http://contributor-covenant.org/version/1/4/ normalize-scss-7.0.0/CONTRIBUTING.md 0000664 0000000 0000000 00000000436 13107015605 0016721 0 ustar 00root root 0000000 0000000 # Contributing to normalize-scss Updates to most CSS rules should be reported to Necolas' upstream [Normalize.css project](http://necolas.github.com/normalize.css/). Updates to the Sass should be reported in the [Normalize-scss project](https://github.com/JohnAlbin/normalize-scss/). normalize-scss-7.0.0/LICENSE.md 0000664 0000000 0000000 00000002110 13107015605 0016063 0 ustar 00root root 0000000 0000000 Copyright © Nicolas Gallagher and Jonathan Neal and John Albin Wilkins Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. normalize-scss-7.0.0/README.md 0000664 0000000 0000000 00000021317 13107015605 0015750 0 ustar 00root root 0000000 0000000 # normalize-scss ## Latest versions For use with… | normalize-scss version -----------------------------|----------------------- Sass 3.4 or libSass | [7.0.0](https://github.com/JohnAlbin/normalize-scss/releases/tag/7.0.0) combining normalize.css v7.0.0 with v1.1.3 Ruby Sass 3.3 | [3.0.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/3.0.3) combining normalize.css v3.0.3 with v1.1.3 Ruby Sass 3.2 | [2.2.0+normalize.2.1.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/2.2.0%2Bnormalize.2.1.3) combining normalize.css v2.1.3 with v1.1.3 ## The Sass port of normalize.css __This project is the Sass version of Normalize.css__, a collection of HTML element and attribute rulesets to normalize styles across all browsers. This port aims to use a light dusting of Sass to make Normalize even easier to integrate with your website. To learn about why Normalize.css is so amazing, skip to the "normalize.css" section below. This Sass port currently adds: * Vertical rhythm mixins: Allowing you to alter the font-size, line-height and margins in Normalize’s output without hacking the library. * Optional Eyeglass support. * Several ready-to-fork versions that integrate typography Sass modules like Typey, style guides built with KSS, or the legacy Compass module. # normalize.css v5 > A modern alternative to CSS resets Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. The project relies on researching the differences between default browser styles in order to precisely target only the styles that need or benefit from normalizing. [View the test file](http://necolas.github.io/normalize.css/latest/test.html) ## What does it do? * Preserves useful defaults, unlike many CSS resets. * Normalizes styles for a wide range of elements. * Corrects bugs and common browser inconsistencies. * Improves usability with subtle modifications. * Explains what code does using detailed comments. ## Install Install using one of the following methods: * Download directly from the [project page](https://github.com/JohnAlbin/normalize-scss/releases). * Install with [npm](http://npmjs.org/): `npm install --save normalize-scss` * Install with [Bower](http://bower.io/): `bower install --save normalize.scss` * Install with [Ruby Gem](https://rubygems.org/gems/normalize-scss): `gem install normalize-scss` and, if using Compass, add `require "normalize-scss"` to your config.rb file. Note: if you want to alter the _normalize.scss file after installation (see "how to use it" below), you can use the `gem list --details normalize-scss` command to show you where the normalize-scss files were installed. ## How to use it There is a fantastic introduction to the project and brief instructions how to use it in the [About normalize.css article](http://nicolasgallagher.com/about-normalize-css/). You can use the Sass port of Normalize in one of several methods, following the "About normalize.css" article's suggestions: __Approach 1:__ Download and use normalize-scss as a starting point for your own project's base Sass, customising the values to match the design's requirements. (The best approach, _IMO_.) 1. Copy the normalize-scss files to your sass directory so that you can alter it as you include it in your project. To aid with this method, normalize-scss includes several ready-made "fork" versions: * [fork-versions/default](fork-versions/default) - Fork for libSass or Ruby Sass * [fork-versions/deprecated-compass](fork-versions/deprecated-compass) - Fork with Compass ([deprecated](https://github.com/Compass/compass/issues/1999)) * [fork-versions/typey](fork-versions/typey) - Fork with Typey * [fork-versions/typey-chroma-kss](fork-versions/typey-chroma-kss) - Fork with Typey, Chroma and KSS __Approach 2:__ Install and include normalize-scss untouched and then build upon it, overriding the defaults later in your Sass when necessary. Just import normalize-scss like any normal Sass module by: 1. Set variables to override the default normalize-scss variables. 2. (Optionally) add an additional `[path to]/normalize-scss/sass` import path for your Sass compiler, e.g. [node-sass' `includePaths`](https://github.com/sass/node-sass#includepaths) option or [Ruby Sass' `--load-path`](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import) option. 3. Import with `@import "normalize";` or with `@import "[path to]/normalize-scss/sass/normalize";` (if you skipped step 2.) 4. Output the CSS rules with `@include normalize();` Alternatively, you can import normalize-scss immediately into your main Sass file without needing to use the `normalize()` mixin by: 1. (Optionally) set variables to override the default normalize-scss variables. 2. (Optionally) add an additional `[path to]/normalize-scss/sass` import path for your Sass compiler, e.g. [node-sass' `includePaths`](https://github.com/sass/node-sass#includepaths) option or [Ruby Sass' `--load-path`](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import) option. 3. Import with `@import "normalize/import-now";` or with `@import "[path to]/normalize-scss/sass/normalize/import-now";` (if you skipped step 2.) Note: if you use [wiredep](https://github.com/taptapship/wiredep), normalize-scss's bower.json points at the normalize/import-now Sass partial. If you don't wish to immediately output the CSS, you will need to override the Sass partial that wiredep grabs from normalize-scss. ## Browser support * Chrome (last four) * Edge (version 25 and later) * Firefox (last four) * Firefox ESR * Internet Explorer 9+ * Opera (last four) * Safari (last four) ## Extended details and known issues Additional detail and explanation of the esoteric parts of normalize.css. #### `pre, code, kbd, samp` The `font-family: monospace, monospace` hack fixes the inheritance and scaling of font-size for preformatted text. The duplication of `monospace` is intentional. [Source](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59). #### `sub, sup` Normally, using `sub` or `sup` affects the line-box height of text in all browsers. [Source](https://gist.github.com/413930). #### `svg:not(:root)` Adding `overflow: hidden` fixes IE9's SVG rendering. Earlier versions of IE don't support SVG, so we can safely use the `:not()` and `:root` selectors that modern browsers use in the default UA stylesheets to apply this style. [Source](https://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html). #### `select` By default, Chrome on OS X and Safari on OS X allow very limited styling of `select`, unless a border property is set. The default font weight on `optgroup` elements cannot safely be changed in Chrome on OSX and Safari on OS X. #### `[type="checkbox"]` It is recommended that you do not style checkbox and radio inputs as Firefox's implementation does not respect box-sizing, padding, or width. #### `[type="number"]` Certain font size values applied to number inputs cause the cursor style of the decrement button to change from `default` to `text`. #### `[type="search"]` The search input is not fully stylable by default. In Chrome and Safari on OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In Chrome and Safari on Windows you can't control `border` properly. It will apply `border-width` but will only show a border color (which cannot be controlled) for the outer 1px of that border. Applying `-webkit-appearance: textfield` addresses these issues without removing the benefits of search inputs (e.g. showing past searches). Safari (but not Chrome) will clip the cancel button on when it has padding (and `textfield` appearance). ## Contributing Please read Normalize.css' [contributing guidelines](https://github.com/necolas/normalize.css/blob/master/CONTRIBUTING.md). Updates to most CSS rules should be reported to the upstream [Normalize.css project](http://necolas.github.com/normalize.css/). Updates to the Sass should be reported in the [Normalize-scss project](https://github.com/JohnAlbin/normalize-scss/). ## Acknowledgements Normalize.css is a project by [Nicolas Gallagher](https://github.com/necolas), co-created with [Jonathan Neal](https://github.com/jonathantneal). This Sass port is a project by [John Albin Wilkins](http://john.albin.net). ## Other ports of Normalize.css For the record, there are several other Sass ports as well. Including: * https://github.com/waynegraham/compass-normalize-plugin * https://github.com/ksmandersen/compass-normalize * https://github.com/hail2u/normalize.scss * https://github.com/kristerkari/normalize.scss * https://github.com/krisbulman/normalize-libsass [](https://travis-ci.org/JohnAlbin/normalize-scss) normalize-scss-7.0.0/bin/ 0000775 0000000 0000000 00000000000 13107015605 0015235 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/bin/is-modern-node 0000775 0000000 0000000 00000000572 13107015605 0020007 0 ustar 00root root 0000000 0000000 #!/usr/bin/env node /* eslint-disable no-process-exit */ 'use strict'; // Checks for "v4." or greater. function isModernNode() { return /^v([4-9]|\d{2,})\.\S+$/.test(process.version); } if (!isModernNode()) { console.error('Node.js ' + process.version + 'detected; alternate script will be run.'); // Return a non-zero (false) value to the shell. process.exit(1); } normalize-scss-7.0.0/bower.json 0000664 0000000 0000000 00000001465 13107015605 0016504 0 ustar 00root root 0000000 0000000 { "name": "normalize-scss", "description": "This is the Sass version of Normalize.css, a collection of HTML element and attribute rulesets to normalize styles across all browsers. This port aims to use a light dusting of Sass to make Normalize even easier to integrate with your website.", "main": [ "sass/_normalize.scss" ], "authors": [ "John Albin Wilkins (http://john.albin.net/)" ], "license": "(MIT OR GPL-2.0)", "keywords": [ "sass", "normalize", "reset", "typography", "design", "ui" ], "homepage": "https://github.com/JohnAlbin/normalize-scss", "ignore": [ "**/.*", "CHANGELOG.md", "CONTRIBUTING.md", "lib", "node_modules", "normalize-scss.gemspec", "sache.json", "test.html", "test" ] } normalize-scss-7.0.0/fork-versions/ 0000775 0000000 0000000 00000000000 13107015605 0017274 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/default/ 0000775 0000000 0000000 00000000000 13107015605 0020720 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/default/README.md 0000664 0000000 0000000 00000000455 13107015605 0022203 0 ustar 00root root 0000000 0000000 # Fork-able normalize-scss for libSass or Ruby Sass ## Using with node-sass or libSass or Ruby Sass 1. Copy these files to your Sass project. 2. Start forking by altering/moving Sass variables found in `_variables.scss`. 3. Edit any CSS ruleset directly rather than overriding it in later Sass. normalize-scss-7.0.0/fork-versions/default/_normalize.scss 0000664 0000000 0000000 00000030525 13107015605 0023761 0 ustar 00root root 0000000 0000000 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ @import 'variables'; @import 'vertical-rhythm'; // If we've customized any font variables, we'll need extra properties. @if $base-line-height != 24px or $base-unit != 'em' or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px { $normalize-vertical-rhythm: true !global; } /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { @if $base-font-family { /* Change the default font family in all browsers (opinionated). */ font-family: $base-font-family; } @if $base-font-size != 16px or $normalize-vertical-rhythm { // Correct old browser bug that prevented accessible resizing of text // when root font-size is set with px or em. font-size: ($base-font-size / 16px) * 100%; } @if $normalize-vertical-rhythm { // Establish a vertical rhythm unit using $base-font-size and // $base-line-height variables. line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */ } @else { line-height: 1.15; /* 1 */ } -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { @include normalize-font-size($h1-font-size); @if $normalize-vertical-rhythm { @include normalize-line-height($h1-font-size); } @if $normalize-vertical-rhythm { /* Set 1 unit of vertical rhythm on the top and bottom margins. */ @include normalize-margin(1 0, $h1-font-size); } @else { margin: 0.67em 0; } } @if $normalize-vertical-rhythm { h2 { @include normalize-font-size($h2-font-size); @include normalize-line-height($h2-font-size); @include normalize-margin(1 0, $h2-font-size); } h3 { @include normalize-font-size($h3-font-size); @include normalize-line-height($h3-font-size); @include normalize-margin(1 0, $h3-font-size); } h4 { @include normalize-font-size($h4-font-size); @include normalize-line-height($h4-font-size); @include normalize-margin(1 0, $h4-font-size); } h5 { @include normalize-font-size($h5-font-size); @include normalize-line-height($h5-font-size); @include normalize-margin(1 0, $h5-font-size); } h6 { @include normalize-font-size($h6-font-size); @include normalize-line-height($h6-font-size); @include normalize-margin(1 0, $h6-font-size); } } /* Grouping content ========================================================================== */ @if $normalize-vertical-rhythm { /** * Set 1 unit of vertical rhythm on the top and bottom margin. */ blockquote { @include normalize-margin(1 $indent-amount); } dl, ol, ul { @include normalize-margin(1 0); } /** * Turn off margins on nested lists. */ ol, ul { ol, ul { margin: 0; } } dd { margin: 0 0 0 $indent-amount; } ol, ul { padding: 0 0 0 $indent-amount; } } /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { @if $normalize-vertical-rhythm { @include normalize-margin(1 $indent-amount); } @else { margin: 1em $indent-amount; } } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } @if $normalize-vertical-rhythm { /** * Set 1 unit of vertical rhythm on the top and bottom margin. */ p, pre { @include normalize-margin(1 0); } } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ %monospace { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } pre { @extend %monospace; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } code, kbd, samp { @extend %monospace; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Known issues: * - `select`: * By default, Chrome on OS X and Safari on OS X allow very limited styling of * select, unless a border property is set. The default font weight on * optgroup elements cannot safely be changed in Chrome on OSX and Safari on * OS X. * - `[type="checkbox"]`: * It is recommended that you do not style checkbox and radio inputs as * Firefox's implementation does not respect box-sizing, padding, or width. * - `[type="number"]`: * Certain font size values applied to number inputs cause the cursor style of * the decrement button to change from `default` to `text`. * - `[type="search"]`: * The search input is not fully stylable by default. In Chrome and Safari on * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In * Chrome and Safari on Windows you can't control `border` properly. It will * apply `border-width` but will only show a border color (which cannot be * controlled) for the outer 1px of that border. Applying * `-webkit-appearance: textfield` addresses these issues without removing the * benefits of search inputs (e.g. showing past searches). Safari (but not * Chrome) will clip the cancel button on when it has padding (and `textfield` * appearance). * - `::placeholder`: * In Edge, placeholders will disappear on `relative` or `absolute` positioned * `` elements if you use `opacity` less than `1` due to a * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { @if $normalize-vertical-rhythm { @include normalize-line-height($base-font-size); /* 1 */ } @else { line-height: 1.15; /* 1 */ } font-family: if($base-font-family, $base-font-family, sans-serif); /* 1 */ font-size: 100%; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ &::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ &:-moz-focusring { outline: 1px dotted ButtonText; } } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ &::-webkit-search-cancel-button, &::-webkit-search-decoration { -webkit-appearance: none; } } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; @if $normalize-vertical-rhythm { /* * 1. Set 1 unit of vertical rhythm on the top and bottom margin. * 2. Set consistent space for the list style image. */ @include normalize-margin(1 0); /* 1 */ padding: 0 0 0 $indent-amount; /* 2 */ /** * Turn off margins on nested lists. */ menu &, ol &, ul & { margin: 0; } } } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } normalize-scss-7.0.0/fork-versions/default/_variables.scss 0000664 0000000 0000000 00000002466 13107015605 0023734 0 ustar 00root root 0000000 0000000 // // Variables // // If you have an initialization partial (or equivalent), you should move these // lines to that file. NOTE: Edit the lines to remove "!default". // The font size set on the root html element. $base-font-size: 16px !default; // The base line height determines the basic unit of vertical rhythm. $base-line-height: 24px !default; // The length unit in which to output vertical rhythm values. // Supported values: px, em, rem. $base-unit: 'em' !default; // The default font family. $base-font-family: null !default; // The font sizes for h1-h6. $h1-font-size: 2 * $base-font-size !default; $h2-font-size: 1.5 * $base-font-size !default; $h3-font-size: 1.17 * $base-font-size !default; $h4-font-size: 1 * $base-font-size !default; $h5-font-size: 0.83 * $base-font-size !default; $h6-font-size: 0.67 * $base-font-size !default; // The amount lists and blockquotes are indented. $indent-amount: 40px !default; // The following variable controls whether normalize-scss will output // font-sizes, line-heights and block-level top/bottom margins that form a basic // vertical rhythm on the page, which differs from the original Normalize.css. // However, changing any of the variables above will cause // $normalize-vertical-rhythm to be automatically set to true. $normalize-vertical-rhythm: false !default; normalize-scss-7.0.0/fork-versions/default/_vertical-rhythm.scss 0000664 0000000 0000000 00000003553 13107015605 0025104 0 ustar 00root root 0000000 0000000 // // Vertical Rhythm // // This is the minimal amount of code needed to create vertical rhythm in our // CSS. If you are looking for a robust solution, look at the excellent Typey // library. @see https://github.com/jptaranto/typey @function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) { @if unit($value) != px { @error "The normalize vertical-rhythm module only supports px inputs. The typey library is better."; } @if $unit == rem { @return ($value / $base-font-size) * 1rem; } @else if $unit == em { @return ($value / $relative-to) * 1em; } @else { // $unit == px @return $value; } } @mixin normalize-font-size($value, $relative-to: $base-font-size) { @if unit($value) != 'px' { @error "normalize-font-size() only supports px inputs. The typey library is better."; } font-size: normalize-rhythm($value, $relative-to); } @mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) { $value-list: $values; $sep: space; @if type-of($values) == 'list' { $sep: list-separator($values); } @else { $value-list: append((), $values); } $normalized-values: (); @each $value in $value-list { @if unitless($value) and $value != 0 { $value: $value * normalize-rhythm($base-line-height, $relative-to); } $normalized-values: append($normalized-values, $value, $sep); } #{$property}: $normalized-values; } @mixin normalize-margin($values, $relative-to: $base-font-size) { @include normalize-rhythm(margin, $values, $relative-to); } @mixin normalize-line-height($font-size, $min-line-padding: 2px) { $lines: ceil($font-size / $base-line-height); // If lines are cramped include some extra leading. @if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) { $lines: $lines + 1; } @include normalize-rhythm(line-height, $lines, $font-size); } normalize-scss-7.0.0/fork-versions/deprecated-compass/ 0000775 0000000 0000000 00000000000 13107015605 0023037 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/deprecated-compass/README.md 0000664 0000000 0000000 00000000401 13107015605 0024311 0 ustar 00root root 0000000 0000000 # Fork-able normalize-scss for Ruby Sass and Compass 1.0 1. Copy these files to your Sass project. 2. Start forking by altering/moving Sass variables found in `_variables.scss`. 3. Edit any CSS ruleset directly rather than overriding it in later Sass. normalize-scss-7.0.0/fork-versions/deprecated-compass/_normalize.scss 0000664 0000000 0000000 00000031735 13107015605 0026104 0 ustar 00root root 0000000 0000000 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ @import "variables"; // After the default variables are set, import the required Compass partials. // Feel free to move these lines to your own initialization partial. @import "compass/css3/box-sizing"; @import "compass/typography/vertical_rhythm"; // If we've customized any font variables, we'll need extra properties. @if $base-font-size != 16px or $base-line-height != 24px or $rhythm-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px { $normalize-vertical-rhythm: true !global; } /* Document ========================================================================== */ /** * 1. Establish a vertical rhythm unit using $base-font-size, $base-line-height, * and $rhythm-unit variables. * 2. Correct old browser bug that prevented accessible resizing of text when * root font-size is set with px or em. * 3. Correct the line height in all browsers. */ @include establish-baseline(); /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { // Show a background image that can be used to debug your alignments. // @include debug-vertical-alignment(); font-family: $base-font-family; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ @if $normalize-vertical-rhythm { @include adjust-font-size-to( $h1-font-size ); } @else { font-size: if($rhythm-unit == "px", $h1-font-size, unquote("#{$h1-font-size / $base-font-size}#{$rhythm-unit}")); } /* Set 1 unit of vertical rhythm on the top and bottom margins. */ @include leader(1, $h1-font-size); @include trailer(1, $h1-font-size); } @if $normalize-vertical-rhythm { h2 { @include adjust-font-size-to( $h2-font-size ); @include leader(1, $h2-font-size); @include trailer(1, $h2-font-size); } h3 { @include adjust-font-size-to( $h3-font-size ); @include leader(1, $h3-font-size); @include trailer(1, $h3-font-size); } h4 { @include adjust-font-size-to( $h4-font-size ); @include leader(1, $h4-font-size); @include trailer(1, $h4-font-size); } h5 { @include adjust-font-size-to( $h5-font-size ); @include leader(1, $h5-font-size); @include trailer(1, $h5-font-size); } h6 { @include adjust-font-size-to( $h6-font-size ); @include leader(1, $h6-font-size); @include trailer(1, $h6-font-size); } } /* Grouping content ========================================================================== */ @if $normalize-vertical-rhythm { /** * Set 1 unit of vertical rhythm on the top and bottom margin. */ blockquote { @include output-rhythm(margin, rhythm(1) $indent-amount); } dl, ol, ul { @include output-rhythm(margin, rhythm(1) 0); } /** * Turn off margins on nested lists. */ ol, ul { ol, ul { margin: 0; } } dd { margin: 0 0 0 $indent-amount; } ol, ul { padding: 0 0 0 $indent-amount; } } /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { @include output-rhythm(margin, rhythm(1) $indent-amount); } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { @include box-sizing(content-box); /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } @if $normalize-vertical-rhythm { /** * Set 1 unit of vertical rhythm on the top and bottom margin. */ p, pre { @include output-rhythm(margin, rhythm(1) 0); } } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ %monospace { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } pre { @extend %monospace; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } code, kbd, samp { @extend %monospace; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Known issues: * - `select`: * By default, Chrome on OS X and Safari on OS X allow very limited styling of * select, unless a border property is set. The default font weight on * optgroup elements cannot safely be changed in Chrome on OSX and Safari on * OS X. * - `[type="checkbox"]`: * It is recommended that you do not style checkbox and radio inputs as * Firefox's implementation does not respect box-sizing, padding, or width. * - `[type="number"]`: * Certain font size values applied to number inputs cause the cursor style of * the decrement button to change from `default` to `text`. * - `[type="search"]`: * The search input is not fully stylable by default. In Chrome and Safari on * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In * Chrome and Safari on Windows you can't control `border` properly. It will * apply `border-width` but will only show a border color (which cannot be * controlled) for the outer 1px of that border. Applying * `-webkit-appearance: textfield` addresses these issues without removing the * benefits of search inputs (e.g. showing past searches). Safari (but not * Chrome) will clip the cancel button on when it has padding (and `textfield` * appearance). * - `::placeholder`: * In Edge, placeholders will disappear on `relative` or `absolute` positioned * `` elements if you use `opacity` less than `1` due to a * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { @if $normalize-vertical-rhythm { @include adjust-leading-to(1); /* 1 */ } @else { line-height: 1.15; /* 1 */ } font-family: $base-font-family; /* 1 */ font-size: 100%; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ &::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ &:-moz-focusring { outline: 1px dotted ButtonText; } } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { @include box-sizing(border-box); /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ &::-webkit-search-cancel-button, &::-webkit-search-decoration { -webkit-appearance: none; } } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; @include apply-side-rhythm-border(top, $width: 1px, $lines: 0.35 ); @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65 ); @include apply-side-rhythm-border(left, $width: 1px, $lines: 0.625); @include apply-side-rhythm-border(right, $width: 1px, $lines: 0.625); } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; @if $normalize-vertical-rhythm { /* * 1. Set 1 unit of vertical rhythm on the top and bottom margin. * 2. Set consistent space for the list style image. */ @include output-rhythm(margin, rhythm(1) 0); /* 1 */ padding: 0 0 0 $indent-amount; /* 2 */ /** * Turn off margins on nested lists. */ menu &, ol &, ul & { margin: 0; } } } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } normalize-scss-7.0.0/fork-versions/deprecated-compass/_variables.scss 0000664 0000000 0000000 00000003042 13107015605 0026042 0 ustar 00root root 0000000 0000000 // Variables // // If you have a base partial (or equivalent), you should move these lines to // that file. NOTE: Edit the lines to remove "!default". // @see http://compass-style.org/help/tutorials/best_practices/ // ============================================================================= // These 3 variables are copies of ones used in Compass' Vertical Rhythm module. // The font size set on the root html element. $base-font-size: 16px !default; // The base line height determines the basic unit of vertical rhythm. $base-line-height: 24px !default; // The length unit in which to output vertical rhythm values. // Supported values: px, em, rem. $rhythm-unit: 'em' !default; // The default font family. $base-font-family: sans-serif !default; // The font sizes for h1-h6. $h1-font-size: 2 * $base-font-size !default; $h2-font-size: 1.5 * $base-font-size !default; $h3-font-size: 1.17 * $base-font-size !default; $h4-font-size: 1 * $base-font-size !default; $h5-font-size: 0.83 * $base-font-size !default; $h6-font-size: 0.67 * $base-font-size !default; // The amount lists and blockquotes are indented. $indent-amount: 40px !default; // The following variable controls whether normalize-scss will output // font-sizes, line-heights and block-level top/bottom margins that form a basic // vertical rhythm on the page, which differs from the original Normalize.css. // However, changing any of the variables above will cause // $normalize-vertical-rhythm to be automatically set to true. $normalize-vertical-rhythm: false !default; normalize-scss-7.0.0/fork-versions/typey-chroma-kss/ 0000775 0000000 0000000 00000000000 13107015605 0022513 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/typey-chroma-kss/README.md 0000664 0000000 0000000 00000003075 13107015605 0023777 0 ustar 00root root 0000000 0000000 # Fork-able normalize-scss for Typey, Chroma and KSS ## Using with node-sass 1. Copy these files to your Sass project. 2. This fork-able version requires: * [chroma](https://github.com/JohnAlbin/chroma) * [typey](https://github.com/jptaranto/typey) Add them to your package.json with: ```bash npm install --save-dev typey chroma-sass ``` 3. Add the dependencies' directories to your nodeSass' [`includePaths` option](https://github.com/sass/node-sass#includepaths). ```js var sass = require('node-sass'), path = require('path'); sass.render({ file: scss_filename, includePaths: [ path.dirname(require.resolve('chroma-sass')), path.dirname(require.resolve('typey')) ] }, function(err, result) { /*...*/ }); ``` ## Using with libSass If you are not using node-sass with libSass, you probably already know how to include 3rd party libraries into your Sass project. 1. Copy these files to your Sass project. 2. This fork-able version requires the [chroma](https://github.com/JohnAlbin/chroma) Sass module and the [typey](https://github.com/jptaranto/typey) Sass module. Add chroma's `sass` directory and typey's `stylesheets` directory to your libSass include paths in the "usual way". ## Using with Ruby Sass In addition to copying these files to your Sass project, you'll also need to: 1. Edit your `Gemfile` file to add: ```ruby gem 'chroma-sass', '~> 1.0' gem 'typey', '~> 1.0.0' ``` 2. If you use Compass, edit your `config.rb` file to add: ```ruby require 'chroma-sass' require 'typey' ``` 3. Update your local Gems with: ``` bundle install ``` normalize-scss-7.0.0/fork-versions/typey-chroma-kss/_init.scss 0000664 0000000 0000000 00000002555 13107015605 0024521 0 ustar 00root root 0000000 0000000 // Initialization partial // // To make it easier to use all variables and mixins in any Sass file in this // project, each .scss file has a `@import 'init';` declaration. The _init.scss // file is in charge of importing all the other partials needed for the // project. // // The initialization partial is organized in this way: // - First we set any shared Sass variables. // - Next we import Sass modules. // - Last we define our custom mixins for this project. // // Weight: -1 // // Style guide: sass.init // The following Sass functions/mixins are required to generate some variables' // values, so we load them first. @import 'chroma/functions'; @import 'init/colors'; @import 'init/variables'; // 3rd party libraries // // The following sass modules are shared with all .scss files: // - [Chroma](https://github.com/JohnAlbin/chroma) // - [Typey](https://github.com/jptaranto/typey) // // Additional pre-built libraries can be found on the [Sache website](http://www.sache.in/). // // Style guide: sass.modules // Add Chroma to manage colors. @import 'chroma'; @import 'chroma/kss'; // Add typey to manage font sizes and margins. @import 'typey'; // Mixins // // Custom mixins used on this site. // // Weight: 1 // // Style guide: sass.mixins @import 'init/rtl/rtl'; // Functions // // Custom functions used on this site. // // Weight: 1 // // Style guide: sass.functions normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/ 0000775 0000000 0000000 00000000000 13107015605 0023425 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/_fonts.scss 0000664 0000000 0000000 00000002654 13107015605 0025621 0 ustar 00root root 0000000 0000000 // Font faces // // Instead of relying on the fonts that are available on a user's computer, you // can use web fonts which, like images, are resources downloaded to the user's // browser. Because of the bandwidth and rendering resources required, web fonts // should be used with care. // // Numerous resources for web fonts can be found on Google. Here are a few // websites where you can find Open Source fonts to download: // - http://www.fontsquirrel.com/fontface // - http://www.theleagueofmoveabletype.com // - https://fonts.google.com // // In order to use these fonts, you will need to convert them into formats // suitable for web fonts. We recommend the free-to-use Font Squirrel's // Font-Face Generator: // http://www.fontsquirrel.com/fontface/generator // // The following is an example @font-face declaration. This font can then be // used in any ruleset using a property like this: font-family: Example, serif; // // Since we're using Sass, you'll need to declare your font faces here, then you // can add them to the font variables in the _init.scss partial. // @font-face { // font-family: 'Example'; // src: url('../fonts/example.eot'); // src: url('../fonts/example.eot?iefix') format('eot'), // url('../fonts/example.woff') format('woff'), // url('../fonts/example.ttf') format('truetype'), // url('../fonts/example.svg#webfontOkOndcij') format('svg'); // font-weight: normal; // font-style: normal; // } normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/_normalize.scss 0000664 0000000 0000000 00000001323 13107015605 0026460 0 ustar 00root root 0000000 0000000 /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ // Universal // ========================================================================== // Use the saner border-box model for all elements. * { box-sizing: border-box; } // Normalize-scss is broken into modular pieces to make it easier to edit. @import 'document/document'; @import 'sections/sections'; @import 'grouping/grouping'; @import 'links/links'; @import 'text/text'; @import 'embedded/embedded'; @import 'forms/forms'; @import 'tables/tables'; @import 'interactive/interactive'; @import 'scripting/scripting'; @import 'hidden/hidden'; // Note: we allow the .button component (loaded by forms) to override :link, by // loading links first. normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/document/ 0000775 0000000 0000000 00000000000 13107015605 0025243 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/document/_document.scss 0000664 0000000 0000000 00000001165 13107015605 0030120 0 ustar 00root root 0000000 0000000 // sass-lint:disable no-vendor-prefixes // Document // // The default font styles are inherited from the `` element. // // Style guide: base.document html { // Change the default font family in all browsers (opinionated). @include typeface(body); // Correct the line height in all browsers. @include define-type-sizing(); // Prevent adjustments of font size after orientation changes in IE on Windows // Phone and in iOS. -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; // On short pages, we want any background gradients to fill the entire height // of the browser. min-height: 100%; } normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/embedded/ 0000775 0000000 0000000 00000000000 13107015605 0025156 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/embedded/_embedded.scss 0000664 0000000 0000000 00000001766 13107015605 0027755 0 ustar 00root root 0000000 0000000 // Embedded content // // Weight: 2 // // Style guide: base.embedded // Audio // // Style guide: base.embedded.audio audio { // Add the correct display in IE 9-. display: inline-block; } // Add the correct display in iOS 4-7. audio:not([controls]) { display: none; height: 0; } // Image // // An `` element represents an image. // // Markup: embedded-img.twig // // Style guide: base.embedded.img img { // Remove the border on images inside links in IE 10-. border-style: none; } img, svg { // Suppress the space beneath the baseline // vertical-align: bottom; // Responsive images max-width: 100%; height: auto; } // Scalable vector // // A `` element represents an image encoded as a Scalable Vector Graphic. // // Markup: embedded-svg.twig // // Style guide: base.embedded.svg svg:not(:root) { // Hide the overflow in IE. overflow: hidden; } // Video // // Style guide: base.embedded.video video { // Add the correct display in IE 9-. display: inline-block; } normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/embedded/embedded-img.twig 0000664 0000000 0000000 00000000442 13107015605 0030355 0 ustar 00root root 0000000 0000000 An image that is inline with other text. An image inside a figure. normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/embedded/embedded-svg.twig 0000664 0000000 0000000 00000002423 13107015605 0030401 0 ustar 00root root 0000000 0000000 A svg image that is inline with other text. A svg inside a figure. normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/ 0000775 0000000 0000000 00000000000 13107015605 0024553 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/_forms.scss 0000664 0000000 0000000 00000015553 13107015605 0026746 0 ustar 00root root 0000000 0000000 // sass-lint:disable no-vendor-prefixes, no-css-comments // Form defaults // // These are the default base styles applied to HTML form elements. // // Component classes can override these styles, but if no class applies a style // to an HTML form element, these styles will be the ones displayed. // // Weight: -1 // // Style guide: forms.base // // The following rules are from normalize.css and help to fix inconsistencies // across various browsers. You should probably leave these rules as is and jump // to the "Buttons" rule on line 92 before you start editing this file. // button, input, optgroup, select, textarea { // Change the font styles in all browsers (opinionated). @include typeface(body); @include line-height(1); font-size: 100%; // Keep form elements constrained in their containers. box-sizing: border-box; max-width: 100%; // Remove the margin in Firefox and Safari. margin: 0; } // Show the overflow in IE. button { overflow: visible; } // Remove the inheritance of text transform in Edge, Firefox, and IE. button, select { text-transform: none; } // Show the overflow in Edge. input { overflow: visible; } // Correct the cursor style of increment and decrement buttons in Chrome. [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { // Correct the odd appearance in Chrome and Safari. -webkit-appearance: textfield; // Correct the outline style in Safari. outline-offset: -2px; // Remove the inner padding and cancel buttons in Chrome and Safari on macOS. &::-webkit-search-cancel-button, &::-webkit-search-decoration { -webkit-appearance: none; } } ::-webkit-file-upload-button { // Correct the inability to style clickable types in iOS and Safari. -webkit-appearance: button; // Change font properties to `inherit` in Safari. font: inherit; } // Buttons // // Buttons built with the `` element are the most flexible for styling // purposes. But `` elements with `type` set to `submit`, `image`, // `reset`, or `button` are also supported. // // Below is the default button styling. To see variations on the button styling // see the [button component](section-forms.html#kssref-forms-button). // // :hover - Hover styling. // :active:hover - Depressed button styling. // // Markup: forms-button.twig // // Style guide: forms.base.button @import 'forms/button/button'; // The %text-form-element can be used to style `` text types and // `` elements at the same time. %text-form-element { // Add your styles. } // Inputs // // The `` element is mostly used for text-based inputs that include the // HTML5 types: `text`, `search`, `tel`, `url`, `email`, `password`, `date`, // `time`, `number`, `range`, `color`, and `file`. // // Note: Certain font size values applied to `number` inputs cause the cursor // style of the decrement button to change from `default` to `text`. // // Note: The search input is not fully stylable by default. In Chrome and Safari // on OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In // Chrome and Safari on Windows you can't control `border` properly. It will // apply `border-width` but will only show a border color (which cannot be // controlled) for the outer 1px of that border. Applying // `-webkit-appearance: textfield` addresses these issues without removing the // benefits of search inputs (e.g. showing past searches). Safari (but not // Chrome) will clip the cancel button on when it has padding (and `textfield` // appearance). // // Markup: forms-input.twig // // Style guide: forms.base.input [type='text'], [type='search'], [type='tel'], [type='url'], [type='email'], [type='password'], [type='date'], [type='time'], [type='number'] { @extend %text-form-element !optional; } [type='range'] { // Add your styles. } [type='color'] { // Add your styles. } [type='file'] { // Add your styles. } // Checkboxes // // If an `` element has the `type='checkbox'` attribute set, the form // field is displayed as a checkbox. // // It is recommended that you do not style checkbox and radio inputs as // Firefox's implementation does not respect box-sizing, padding, or width. // // Markup: forms-input-checkbox.twig // // Style guide: forms.base.input-checkbox // Radio buttons // // If an `` element has the `type='radio'` attribute set, the form field // is displayed as a radio button. // // It is recommended that you do not style checkbox and radio inputs as // Firefox's implementation does not respect box-sizing, padding, or width. // // Markup: forms-input-radio.twig // // Style guide: forms.base.input-radio [type='checkbox'], [type='radio'] { // Add the correct box sizing in IE 10-. box-sizing: border-box; // Remove the padding in IE 10-. padding: 0; } // Fieldsets // // The `` element groups a set of form fields, optionally under a // common name given by the `` element. // // Markup: forms-fieldset.twig // // Style guide: forms.base.fieldset fieldset { // Correct the padding in Firefox. @include padding(.35 .5 .65); border: 1px solid color(border); } legend { // Correct the text wrapping in Edge and IE. box-sizing: border-box; display: table; max-width: 100%; // Align legend text with a fieldset's text while removing left padding so // people aren't caught out if they zero out fieldset padding. margin-left: -5px; padding: 0 5px; // Correct the color inheritance from `fieldset` elements in IE. color: inherit; white-space: normal; } // Labels // // The `` element represents a caption of a form field. The label can be // associated with a specific form control by using the `for` attribute or by // putting the form control inside the label element itself. // // Markup: forms-label.twig // // Style guide: forms.base.label label { // Add your styles. } // Select list // // The `` element represents a form field for selecting amongst a set of // options. // // Known limitation: by default, Chrome and Safari on OS X allow very limited // styling of ``, unless a `border` property is set. The default font // weight on `optgroup` elements cannot safely be changed in Chrome on OSX and // Safari on OS X. // // Markup: forms-select.twig // // Style guide: forms.base.select select { // Add your styles. } // Progress // // The `` element represents the completion progress of a task. // // Style guide: forms.base.progress progress { // Add the correct display in IE 9-. display: inline-block; // Add the correct vertical alignment in Chrome, Firefox, and Opera. vertical-align: baseline; } // Text areas // // The `` element represents a multi-line plain text form field. // // Markup: forms-textarea.twig // // Style guide: forms.base.textarea textarea { @extend %text-form-element !optional; // Remove the default vertical scrollbar in IE. overflow: auto; } normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/forms-button.twig 0000664 0000000 0000000 00000002035 13107015605 0030106 0 ustar 00root root 0000000 0000000 Standard button disabled button Submit button Disabled submit button Reset button Disabled reset button normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/forms-fieldset.twig 0000664 0000000 0000000 00000001250 13107015605 0030370 0 ustar 00root root 0000000 0000000 A fieldset Text input A disabled fieldset Disabled text input Disabled select menu Disabled select Can't check this normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/forms-input-checkbox.twig 0000664 0000000 0000000 00000000331 13107015605 0031513 0 ustar 00root root 0000000 0000000 Check me out Option two is disabled normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/forms-input-radio.twig 0000664 0000000 0000000 00000000633 13107015605 0031030 0 ustar 00root root 0000000 0000000 Option one Option two Option three is disabled normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/forms-input.twig 0000664 0000000 0000000 00000007175 13107015605 0027744 0 ustar 00root root 0000000 0000000 Text Search Telephone URL Email address Password Date Time Number Range Color File input Disabled text Disabled search Disabled telephone Disabled URL Disabled email address Disabled password Disabled date Disabled time Disabled number Disabled range Disabled color Disabled file input normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/forms-label.twig 0000664 0000000 0000000 00000000443 13107015605 0027653 0 ustar 00root root 0000000 0000000 A label for a text input A label wrapped around a checkbox normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/forms-select.twig 0000664 0000000 0000000 00000002057 13107015605 0030056 0 ustar 00root root 0000000 0000000 A standard drop-down Option 1 Option 2 Option 3 Option 4 Option 5 A multi-item select field Option 1 Option 2 Option 3 Option 4 Option 5 A disabled drop-down Option 1 Option 2 Option 3 Option 4 Option 5 normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/forms/forms-textarea.twig 0000664 0000000 0000000 00000000460 13107015605 0030410 0 ustar 00root root 0000000 0000000 Text area Disabled text area normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/grouping/ 0000775 0000000 0000000 00000000000 13107015605 0025257 5 ustar 00root root 0000000 0000000 normalize-scss-7.0.0/fork-versions/typey-chroma-kss/base/grouping/_grouping.scss 0000664 0000000 0000000 00000007252 13107015605 0030153 0 ustar 00root root 0000000 0000000 // Dependencies. @import 'components/divider/divider'; // Grouping content // // Weight: 1 // // Style guide: base.grouping // Block quotes // // The `` element is for quoting blocks of content from another // source within your document. Wrap the `` around any HTML as the quote. For straight // quotes, we recommend a ``. // // Optionally, add a `
An image that is inline with other text.
A svg image that is inline with other text.
Standard button disabled button
Submit button Disabled submit button
Reset button Disabled reset button
` element is for quoting blocks of content from another // source within your document. Wrap the `` around any HTML as the quote. For straight // quotes, we recommend a ``. // // Optionally, add a `
` around any HTML as the quote. For straight // quotes, we recommend a ``. // // Optionally, add a `
`. // // Optionally, add a `