From 199ad505557fda6f1d1f9a4381678c1eeb4af293 Mon Sep 17 00:00:00 2001 From: JohnAlbin Date: Fri, 10 Nov 2023 18:35:46 +0800 Subject: [PATCH] feat: Drop typey and chorma/kss forks Fixes #151 --- README.md | 7 +- .../default => fork-version}/README.md | 4 +- .../default => fork-version}/_normalize.scss | 0 .../default => fork-version}/_variables.scss | 0 .../_vertical-rhythm.scss | 0 fork-versions/typey-chroma-kss/README.md | 61 -- fork-versions/typey-chroma-kss/_init.scss | 58 -- .../typey-chroma-kss/base/_fonts.scss | 34 - .../typey-chroma-kss/base/_normalize.scss | 25 - .../base/document/_document.scss | 21 - .../base/embedded/_embedded.scss | 65 -- .../base/embedded/embedded-img.twig | 6 - .../base/embedded/embedded-svg.twig | 8 - .../typey-chroma-kss/base/forms/_forms.scss | 267 -------- .../base/forms/forms-button.twig | 24 - .../base/forms/forms-fieldset.twig | 22 - .../base/forms/forms-input-checkbox.twig | 7 - .../base/forms/forms-input-radio.twig | 11 - .../base/forms/forms-input.twig | 97 --- .../base/forms/forms-label.twig | 8 - .../base/forms/forms-select.twig | 38 -- .../base/forms/forms-textarea.twig | 8 - .../base/grouping/_grouping.scss | 189 ------ .../base/grouping/grouping-blockquote.twig | 11 - .../base/grouping/grouping-dl.twig | 9 - .../base/grouping/grouping-figure.twig | 8 - .../base/grouping/grouping-hr.twig | 8 - .../base/grouping/grouping-ol.twig | 17 - .../base/grouping/grouping-p.twig | 12 - .../base/grouping/grouping-pre.twig | 4 - .../base/grouping/grouping-ul.twig | 17 - .../typey-chroma-kss/base/hidden/_hidden.scss | 10 - .../base/interactive/_interactive.scss | 41 -- .../typey-chroma-kss/base/links/_links.scss | 67 -- .../typey-chroma-kss/base/links/links-a.twig | 1 - .../base/scripting/_scripting.scss | 24 - .../base/sections/_sections.scss | 79 --- .../base/sections/headings-h.twig | 25 - .../typey-chroma-kss/base/tables/_tables.scss | 25 - .../base/tables/tables-table.twig | 39 -- .../typey-chroma-kss/base/text/_text.scss | 239 ------- .../typey-chroma-kss/base/text/text-abbr.twig | 2 - .../typey-chroma-kss/base/text/text-b.twig | 3 - .../typey-chroma-kss/base/text/text-cite.twig | 3 - .../typey-chroma-kss/base/text/text-code.twig | 8 - .../typey-chroma-kss/base/text/text-del.twig | 1 - .../typey-chroma-kss/base/text/text-dfn.twig | 5 - .../typey-chroma-kss/base/text/text-i.twig | 3 - .../typey-chroma-kss/base/text/text-ins.twig | 2 - .../typey-chroma-kss/base/text/text-mark.twig | 2 - .../typey-chroma-kss/base/text/text-q.twig | 3 - .../typey-chroma-kss/base/text/text-s.twig | 1 - .../base/text/text-small.twig | 1 - .../typey-chroma-kss/base/text/text-sub.twig | 1 - .../typey-chroma-kss/base/text/text-u.twig | 1 - .../components/divider/_divider.scss | 19 - .../components/divider/divider.json | 3 - .../components/divider/divider.twig | 11 - .../forms/button/_button.scss | 92 --- .../typey-chroma-kss/forms/button/button.twig | 28 - .../typey-chroma-kss/init/_colors.scss | 48 -- .../typey-chroma-kss/init/_variables.scss | 91 --- .../typey-chroma-kss/init/rtl/_rtl.scss | 28 - fork-versions/typey-chroma-kss/styles.scss | 69 -- fork-versions/typey/README.md | 53 -- fork-versions/typey/_normalize.scss | 590 ------------------ fork-versions/typey/_variables.scss | 47 -- .../default => fork-version}/input.scss | 0 .../default => fork-version}/output.css | 0 .../fork-versions/typey-chroma-kss/input.scss | 1 - .../fork-versions/typey-chroma-kss/output.css | 442 ------------- test/fixtures/fork-versions/typey/input.scss | 1 - test/fixtures/fork-versions/typey/output.css | 530 ---------------- test/test_fork-version.js | 17 + test/test_fork-versions.js | 54 -- 75 files changed, 21 insertions(+), 3735 deletions(-) rename {fork-versions/default => fork-version}/README.md (65%) rename {fork-versions/default => fork-version}/_normalize.scss (100%) rename {fork-versions/default => fork-version}/_variables.scss (100%) rename {fork-versions/default => fork-version}/_vertical-rhythm.scss (100%) delete mode 100644 fork-versions/typey-chroma-kss/README.md delete mode 100644 fork-versions/typey-chroma-kss/_init.scss delete mode 100644 fork-versions/typey-chroma-kss/base/_fonts.scss delete mode 100644 fork-versions/typey-chroma-kss/base/_normalize.scss delete mode 100644 fork-versions/typey-chroma-kss/base/document/_document.scss delete mode 100644 fork-versions/typey-chroma-kss/base/embedded/_embedded.scss delete mode 100644 fork-versions/typey-chroma-kss/base/embedded/embedded-img.twig delete mode 100644 fork-versions/typey-chroma-kss/base/embedded/embedded-svg.twig delete mode 100644 fork-versions/typey-chroma-kss/base/forms/_forms.scss delete mode 100644 fork-versions/typey-chroma-kss/base/forms/forms-button.twig delete mode 100644 fork-versions/typey-chroma-kss/base/forms/forms-fieldset.twig delete mode 100644 fork-versions/typey-chroma-kss/base/forms/forms-input-checkbox.twig delete mode 100644 fork-versions/typey-chroma-kss/base/forms/forms-input-radio.twig delete mode 100644 fork-versions/typey-chroma-kss/base/forms/forms-input.twig delete mode 100644 fork-versions/typey-chroma-kss/base/forms/forms-label.twig delete mode 100644 fork-versions/typey-chroma-kss/base/forms/forms-select.twig delete mode 100644 fork-versions/typey-chroma-kss/base/forms/forms-textarea.twig delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/_grouping.scss delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/grouping-blockquote.twig delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/grouping-dl.twig delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/grouping-figure.twig delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/grouping-hr.twig delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/grouping-ol.twig delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/grouping-p.twig delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/grouping-pre.twig delete mode 100644 fork-versions/typey-chroma-kss/base/grouping/grouping-ul.twig delete mode 100644 fork-versions/typey-chroma-kss/base/hidden/_hidden.scss delete mode 100644 fork-versions/typey-chroma-kss/base/interactive/_interactive.scss delete mode 100644 fork-versions/typey-chroma-kss/base/links/_links.scss delete mode 100644 fork-versions/typey-chroma-kss/base/links/links-a.twig delete mode 100644 fork-versions/typey-chroma-kss/base/scripting/_scripting.scss delete mode 100644 fork-versions/typey-chroma-kss/base/sections/_sections.scss delete mode 100644 fork-versions/typey-chroma-kss/base/sections/headings-h.twig delete mode 100644 fork-versions/typey-chroma-kss/base/tables/_tables.scss delete mode 100644 fork-versions/typey-chroma-kss/base/tables/tables-table.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/_text.scss delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-abbr.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-b.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-cite.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-code.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-del.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-dfn.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-i.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-ins.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-mark.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-q.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-s.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-small.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-sub.twig delete mode 100644 fork-versions/typey-chroma-kss/base/text/text-u.twig delete mode 100644 fork-versions/typey-chroma-kss/components/divider/_divider.scss delete mode 100644 fork-versions/typey-chroma-kss/components/divider/divider.json delete mode 100644 fork-versions/typey-chroma-kss/components/divider/divider.twig delete mode 100644 fork-versions/typey-chroma-kss/forms/button/_button.scss delete mode 100644 fork-versions/typey-chroma-kss/forms/button/button.twig delete mode 100644 fork-versions/typey-chroma-kss/init/_colors.scss delete mode 100644 fork-versions/typey-chroma-kss/init/_variables.scss delete mode 100644 fork-versions/typey-chroma-kss/init/rtl/_rtl.scss delete mode 100644 fork-versions/typey-chroma-kss/styles.scss delete mode 100644 fork-versions/typey/README.md delete mode 100644 fork-versions/typey/_normalize.scss delete mode 100644 fork-versions/typey/_variables.scss rename test/fixtures/{fork-versions/default => fork-version}/input.scss (100%) rename test/fixtures/{fork-versions/default => fork-version}/output.css (100%) delete mode 100644 test/fixtures/fork-versions/typey-chroma-kss/input.scss delete mode 100644 test/fixtures/fork-versions/typey-chroma-kss/output.css delete mode 100644 test/fixtures/fork-versions/typey/input.scss delete mode 100644 test/fixtures/fork-versions/typey/output.css create mode 100644 test/test_fork-version.js delete mode 100644 test/test_fork-versions.js diff --git a/README.md b/README.md index 133eeb970..879f73b17 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ __This project is the Sass version of Normalize.css__, a collection of HTML elem 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. -* Several ready-to-fork versions that integrate typography Sass modules like Typey, or style guides built with KSS. +* A ready-to-fork version. # normalize.css v5 @@ -52,10 +52,7 @@ There is a fantastic introduction to the project and brief instructions how to u 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/typey](fork-versions/typey) - Fork with Typey - * [fork-versions/typey-chroma-kss](fork-versions/typey-chroma-kss) - Fork with Typey, Chroma and KSS + 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 a ready-made "fork" version in the [fork-version](fork-version/) directory. __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. diff --git a/fork-versions/default/README.md b/fork-version/README.md similarity index 65% rename from fork-versions/default/README.md rename to fork-version/README.md index 83573f162..d6b9d6a9f 100644 --- a/fork-versions/default/README.md +++ b/fork-version/README.md @@ -1,6 +1,6 @@ -# Fork-able normalize-scss
for libSass or Ruby Sass +# Fork-able normalize-scss
for Sass -## Using with node-sass or libSass or Ruby Sass +## Using with Sass 1. Copy these files to your Sass project. 2. Start forking by altering/moving Sass variables found in `_variables.scss`. diff --git a/fork-versions/default/_normalize.scss b/fork-version/_normalize.scss similarity index 100% rename from fork-versions/default/_normalize.scss rename to fork-version/_normalize.scss diff --git a/fork-versions/default/_variables.scss b/fork-version/_variables.scss similarity index 100% rename from fork-versions/default/_variables.scss rename to fork-version/_variables.scss diff --git a/fork-versions/default/_vertical-rhythm.scss b/fork-version/_vertical-rhythm.scss similarity index 100% rename from fork-versions/default/_vertical-rhythm.scss rename to fork-version/_vertical-rhythm.scss diff --git a/fork-versions/typey-chroma-kss/README.md b/fork-versions/typey-chroma-kss/README.md deleted file mode 100644 index ded0b90ff..000000000 --- a/fork-versions/typey-chroma-kss/README.md +++ /dev/null @@ -1,61 +0,0 @@ -# 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. Optionally, edit your `config.rb` file to add: - - ```ruby -require 'chroma-sass' -require 'typey' -``` - -3. Update your local Gems with: - - ``` -bundle install -``` diff --git a/fork-versions/typey-chroma-kss/_init.scss b/fork-versions/typey-chroma-kss/_init.scss deleted file mode 100644 index 5030323d1..000000000 --- a/fork-versions/typey-chroma-kss/_init.scss +++ /dev/null @@ -1,58 +0,0 @@ -// 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 diff --git a/fork-versions/typey-chroma-kss/base/_fonts.scss b/fork-versions/typey-chroma-kss/base/_fonts.scss deleted file mode 100644 index c3e385895..000000000 --- a/fork-versions/typey-chroma-kss/base/_fonts.scss +++ /dev/null @@ -1,34 +0,0 @@ -// 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; -// } diff --git a/fork-versions/typey-chroma-kss/base/_normalize.scss b/fork-versions/typey-chroma-kss/base/_normalize.scss deleted file mode 100644 index 40f1662d2..000000000 --- a/fork-versions/typey-chroma-kss/base/_normalize.scss +++ /dev/null @@ -1,25 +0,0 @@ -/*! 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. diff --git a/fork-versions/typey-chroma-kss/base/document/_document.scss b/fork-versions/typey-chroma-kss/base/document/_document.scss deleted file mode 100644 index 7c7408114..000000000 --- a/fork-versions/typey-chroma-kss/base/document/_document.scss +++ /dev/null @@ -1,21 +0,0 @@ -// 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%; -} diff --git a/fork-versions/typey-chroma-kss/base/embedded/_embedded.scss b/fork-versions/typey-chroma-kss/base/embedded/_embedded.scss deleted file mode 100644 index f1580cbe8..000000000 --- a/fork-versions/typey-chroma-kss/base/embedded/_embedded.scss +++ /dev/null @@ -1,65 +0,0 @@ -// 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; -} diff --git a/fork-versions/typey-chroma-kss/base/embedded/embedded-img.twig b/fork-versions/typey-chroma-kss/base/embedded/embedded-img.twig deleted file mode 100644 index 061b49aca..000000000 --- a/fork-versions/typey-chroma-kss/base/embedded/embedded-img.twig +++ /dev/null @@ -1,6 +0,0 @@ -

An image that is inline with other text.

- -
-
An image inside a figure.
- -
diff --git a/fork-versions/typey-chroma-kss/base/embedded/embedded-svg.twig b/fork-versions/typey-chroma-kss/base/embedded/embedded-svg.twig deleted file mode 100644 index 44b5862e2..000000000 --- a/fork-versions/typey-chroma-kss/base/embedded/embedded-svg.twig +++ /dev/null @@ -1,8 +0,0 @@ -

A svg image that is inline with other text.

- -
-
A svg inside a figure.
- - - -
diff --git a/fork-versions/typey-chroma-kss/base/forms/_forms.scss b/fork-versions/typey-chroma-kss/base/forms/_forms.scss deleted file mode 100644 index 8a6fa294f..000000000 --- a/fork-versions/typey-chroma-kss/base/forms/_forms.scss +++ /dev/null @@ -1,267 +0,0 @@ -// 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 ` - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- - -

-

- Link button - Disabled link button -

diff --git a/fork-versions/typey-chroma-kss/init/_colors.scss b/fork-versions/typey-chroma-kss/init/_colors.scss deleted file mode 100644 index 4cce4ce21..000000000 --- a/fork-versions/typey-chroma-kss/init/_colors.scss +++ /dev/null @@ -1,48 +0,0 @@ -// sass-lint:disable indentation, no-color-keywords, no-color-hex - -// Colors -// -// Use the `color()` function to add colors to CSS properties. To learn more, -// [read the Chroma documentation](http://johnalbin.github.io/chroma/). -// -// Markup: chroma.twig -// -// Weight: -1 -// -// Style guide: sass.colors - -// Define the default color scheme's color names. -$chroma: define-default-color-scheme('branding', 'The site\'s main colors. Can be used to define colors in other color schemes.'); - -$chroma: add-colors(( - black: #000, - grey-dark: ('black' lighten 40%), // #666 - 'grey': ('black' lighten 60%), // #999 - grey-light: ('black' lighten 80%), // #ccc - grey-extra-light: ('black' lighten 93.33%), // #eee - white: #fff, - - blue: #0072b9, - red: #c00, - yellow: #fd0, -)); - -// Define color names for functional uses. -$chroma: define-color-scheme('functional', 'Colors used by functional parts of the design.'); -$chroma: add-colors('functional', ( - // Colors used in the main content area. - text: 'black', - - link: 'blue', - link-visited: ('blue' darken 20%), - link-active: 'red', - - border: 'grey-light', - - button: 'text', - button-disabled: 'grey', - - mark-bg: 'yellow', -)); - -$chroma-active-scheme: 'functional'; diff --git a/fork-versions/typey-chroma-kss/init/_variables.scss b/fork-versions/typey-chroma-kss/init/_variables.scss deleted file mode 100644 index da536400a..000000000 --- a/fork-versions/typey-chroma-kss/init/_variables.scss +++ /dev/null @@ -1,91 +0,0 @@ -// Variables -// -// Set variables for this site before a library sets its !default value. -// -// Style guide: sass.variables - - -// Font faces, stacks and sizes. -// -// Font styling and line heights are controlled by the several variables that -// used by mixins like `type-layout()`, `margin-top()`, and `margin-bottom()`. -// These variable and mixins are documented on the [Typey -// homepage](https://github.com/jptaranto/typey). -// -// Style guide: sass.variables.typey - -// The font size set on the root html element. -$base-font-size: 16px; - -// The base line height determines the basic unit of vertical rhythm. -$base-line-height: 24px; - -// The font sizes in our type hierarchy as tee shirt sizes. -$font-size: ( - xxl: 32px, - xl: 24px, - l: 20px, - m: $base-font-size, - s: 14px, - xs: 10px -); - -// Typey allows you to alter font weights site-wide with this map. -$font-weight: ( - bold: bold, - medium: 500, - normal: normal, - light: 300, - lighter: lighter, -); - -// The following font family declarations use widely available fonts. -// A user's web browser will look at the comma-separated list and will -// attempt to use each font in turn until it finds one that is available -// on the user's computer. The final "generic" font (sans-serif, serif or -// monospace) hints at what type of font to use if the web browser doesn't -// find any of the fonts in the list. - -// Sans-serif font stacks. -$verdana: Verdana, Tahoma, 'DejaVu Sans', sans-serif; - -// Monospace font stacks. -// For an explanation of why "sans-serif" is at the end of this list, see -// http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ -$menlo: Menlo, 'DejaVu Sans Mono', 'Ubuntu Mono', Courier, 'Courier New', monospace, sans-serif; - -// The font faces you specify in the $typefaces map can be used in the -// typeface() mixin. -$typefaces: ( - body: ( - font-family: $verdana, - ), - monospace: ( - font-family: $menlo, - ), -); - -// Output a horizontal grid to help with debugging typography. -$typey-debug: false; - -// The length unit in which to output font size and margin values. -// Supported values: px, em, rem. -$base-unit: 'rem'; - -// px fallbacks for rem units are needed for IE 8 and earlier. -$rem-fallback: false; - - -// Miscellaneous variables -// -// `$indent-amount` controls the amount lists, blockquotes and comments are indented. -// -// `$include-rtl` controls whether RTL styles are output. If set to `true, a `[dir="rtl"]` ruleset adds RTL language support. -// -// weight: 10 -// -// Style guide: sass.variables.misc - -$indent-amount: 2 * $base-font-size; - -$include-rtl: false; diff --git a/fork-versions/typey-chroma-kss/init/rtl/_rtl.scss b/fork-versions/typey-chroma-kss/init/rtl/_rtl.scss deleted file mode 100644 index aa4b91d53..000000000 --- a/fork-versions/typey-chroma-kss/init/rtl/_rtl.scss +++ /dev/null @@ -1,28 +0,0 @@ -$include-rtl: true !default; - -// rtl() -// -// Includes Right-To-Left language support by adding a parent selector of -// `[dir="rtl"]`. Since the dir attribute is usually defined on the html element -// of a page, using this mixin on a ruleset that matches the html element won't -// work. -// -// Can be turned off globally by setting `$include-rtl: false;`. -// -// $selector = '[dir="rtl"]' - The RTL parent selector. -// -// Style guide: sass.mixins.rtl -@mixin rtl($selector: '[dir="rtl"]') { - @if $include-rtl { - @if & { - #{$selector} & { - @content; - } - } - @else { - #{$selector} { - @content; - } - } - } -} diff --git a/fork-versions/typey-chroma-kss/styles.scss b/fork-versions/typey-chroma-kss/styles.scss deleted file mode 100644 index 36cb1a05d..000000000 --- a/fork-versions/typey-chroma-kss/styles.scss +++ /dev/null @@ -1,69 +0,0 @@ -// -// The major stylesheet for this project. -// -// We categorize our components by creating headings in this file. See the -// description on the style guide home page for more information. - - -// Colors and Sass -// -// Documentation for colors and Sass mixins and variables. -// -// Weight: -1 -// -// Style guide: sass -@import 'init'; - -// Defaults -// -// These are the default base styles applied to HTML elements. -// -// Component classes can override these styles, but if no class applies a style -// to an HTML element, these styles will be the ones displayed. -// -// Style guide: base - -// Ensure fonts get loaded first to minimize front-end performance impact. -@import 'base/fonts'; -@import 'base/normalize'; - -// Layouts -// -// The layout styling for major parts of the page that are included with the -// theme. Note: some Panels layouts are included in other parts of the system -// and are not documented. -// -// Style guide: layouts - -// Components -// -// Design components are reusable designs that can be applied using just the CSS -// class names specified in the component. -// -// Weight: 1 -// -// Style guide: components - -// This file is @import'ed by base/grouping, so we don't import it again. -// @import 'components/divider/divider'; - -// Navigation -// -// Navigation components are specialized design components that are used for -// page navigation. -// -// Weight: 2 -// -// Style guide: navigation - -// Forms -// -// Form components are specialized design components that are applied to forms -// or form elements. -// -// Weight: 3 -// -// Style guide: forms - -// This file is @import'ed by base/forms, so we don't import it again. -// @import 'forms/button/button'; diff --git a/fork-versions/typey/README.md b/fork-versions/typey/README.md deleted file mode 100644 index 3533388c2..000000000 --- a/fork-versions/typey/README.md +++ /dev/null @@ -1,53 +0,0 @@ -# Fork-able normalize-scss
for Typey - -## Using with node-sass - -1. Copy these files to your Sass project. -2. This fork-able version requires the [typey](https://github.com/jptaranto/typey) Sass module. Add it to your package.json with: - - ```bash -npm install --save-dev typey -``` - -3. Add Typey's Sass directory 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('typey')) - ] -}, function(err, result) { /*...*/ }); -``` - -## Using with libSass - -If you are using libSass but not using node-sass, 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 [typey](https://github.com/jptaranto/typey) Sass module. Add 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 'typey', '~> 1.0.0' -``` - -2. Optionally, edit your `config.rb` file to add: - - ```ruby -require 'typey' -``` - -3. Update your local Gems with: - - ``` -bundle install -``` diff --git a/fork-versions/typey/_normalize.scss b/fork-versions/typey/_normalize.scss deleted file mode 100644 index ede3847b4..000000000 --- a/fork-versions/typey/_normalize.scss +++ /dev/null @@ -1,590 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ - -@import 'variables'; -@import 'typey'; - -/* Document - ========================================================================== */ - -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ - -html { - @include typeface(body); /* 1 */ - @include define-type-sizing(); /* 2 */ - // Output a horizontal grid to help with debugging typography. The - // $typey-debug variable will toggle its output. - @include typey-debug-grid(); - -ms-text-size-adjust: 100%; /* 3 */ - -webkit-text-size-adjust: 100%; /* 3 */ -} - -/* 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 type-layout(xxl, 2); - - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - @include margin(1 0, xxl); -} - -h2 { - @include type-layout(xl, 1.5); - @include margin(1 0, xl); -} - -h3 { - @include type-layout(l, 1); - @include margin(1 0, l); -} - -h4 { - @include type-layout(m, 1); - @include margin(1 0, m); -} - -h5 { - @include type-layout(s, 1); - @include margin(1 0, s); -} - -h6 { - @include type-layout(xs, 1); - @include margin(1 0, xs); -} - -/* Grouping content - ========================================================================== */ - -/** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ - -blockquote { - @include margin(1 $indent-amount); -} - -dl, -ol, -ul { - @include 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 { - @include margin(1 $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; -} - -/** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ - -p, -pre { - @include 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 { - @include typeface(body); /* 1 */ - @include line-height(1); /* 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 { - // Apply borders and padding that keep the vertical rhythm. - @include padding(.35 .5 .65); - border: 1px solid #c0c0c0; -} - -/** - * 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; -} - -/* - * 1. Set 1 unit of vertical rhythm on the top and bottom margin. - * 2. Add the correct display in IE 9-. - * 3. Set consistent space for the list style image. - */ - -menu { - @include margin(1 0); /* 1 */ - display: block; /* 2 */ - padding: 0 0 0 $indent-amount; /* 3 */ - - /** - * 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; -} diff --git a/fork-versions/typey/_variables.scss b/fork-versions/typey/_variables.scss deleted file mode 100644 index 0dbab325e..000000000 --- a/fork-versions/typey/_variables.scss +++ /dev/null @@ -1,47 +0,0 @@ -// -// Variables -// -// If you have an initialization partial (or equivalent), you should move these -// lines to that file. - -// 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 font size and margin values. -// Supported values: px, em, rem. -$base-unit: 'rem' !default; - -// px fallbacks for rem units are needed for IE 8 and earlier. -$rem-fallback: false !default; - -// The font faces you specify in the $typefaces map can be used in the -// typeface() mixin. -$typefaces: ( - body: ( - font-family: (sans-serif), - ), - monospace: ( - font-family: (monospace, monospace), - ), -) !default; - -// The font sizes for h1-h6 expressed as tee shirt sizes. -$font-size: ( - xxl: 32px, - xl: 24px, - l: 20px, - m: $base-font-size, - s: 14px, - xs: 10px, -) !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. -$normalize-vertical-rhythm: false !default; diff --git a/test/fixtures/fork-versions/default/input.scss b/test/fixtures/fork-version/input.scss similarity index 100% rename from test/fixtures/fork-versions/default/input.scss rename to test/fixtures/fork-version/input.scss diff --git a/test/fixtures/fork-versions/default/output.css b/test/fixtures/fork-version/output.css similarity index 100% rename from test/fixtures/fork-versions/default/output.css rename to test/fixtures/fork-version/output.css diff --git a/test/fixtures/fork-versions/typey-chroma-kss/input.scss b/test/fixtures/fork-versions/typey-chroma-kss/input.scss deleted file mode 100644 index 5dfac0d96..000000000 --- a/test/fixtures/fork-versions/typey-chroma-kss/input.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'styles'; diff --git a/test/fixtures/fork-versions/typey-chroma-kss/output.css b/test/fixtures/fork-versions/typey-chroma-kss/output.css deleted file mode 100644 index b204e18b6..000000000 --- a/test/fixtures/fork-versions/typey-chroma-kss/output.css +++ /dev/null @@ -1,442 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -* { - box-sizing: border-box; -} - -html { - font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; - font-size: 100%; - line-height: 1.5em; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - min-height: 100%; -} -@media print { - html { - font-size: 12pt; - } -} - -body { - margin: 0; - padding: 0; -} - -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -h1 { - font-size: 2rem; - line-height: 3rem; - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -h2 { - font-size: 1.5rem; - line-height: 2.25rem; - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -h3 { - font-size: 1.25rem; - line-height: 2.25rem; - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -h4 { - font-size: 1rem; - line-height: 1.5rem; - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -h5 { - font-size: 0.875rem; - line-height: 1.5rem; - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -h6 { - font-size: 0.625rem; - line-height: 1.5rem; - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -.divider, -hr { - margin: 1.5rem 0; - border: 0; - border-top: 1px solid #cccccc; -} -.divider > :first-child, -hr > :first-child { - margin-top: 1.5rem; -} - -blockquote { - margin: 1.5rem 2rem; -} - -dl, -ol, -ul { - margin: 1.5rem 0; -} - -dd { - margin: 0 0 0 32px; -} - -ol, -ul { - padding: 0 0 0 32px; -} -ol ol, -ol ul, -ul ol, -ul ul { - margin: 0; -} - -figure { - margin: 1.5rem 2rem; - display: block; -} - -figcaption { - display: block; -} - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -main { - display: block; -} - -p, -pre { - margin: 1.5rem 0; -} - -code, -kbd, -samp, pre { - font-family: Menlo, "DejaVu Sans Mono", "Ubuntu Mono", Courier, "Courier New", monospace, sans-serif; - font-size: 1em; -} - -a { - color: #0072b9; - -webkit-text-decoration-skip: objects; -} - -:visited { - color: #003353; -} - -a:active { - color: #c00; -} -a:active:not(.button) { - background-color: transparent; -} - -@media print { - :link, - :visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - font-weight: normal; - font-size: 16px; - text-decoration: none; - } - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } -} -abbr[title] { - border-bottom: 0; - text-decoration: underline; - text-decoration: underline dotted; -} -@media print { - abbr[title]:after { - content: " (" attr(title) ")"; - } -} - -b, -strong { - font-weight: inherit; -} - -b, -strong { - font-weight: bolder; -} - -dfn { - font-style: italic; -} - -mark { - background-color: #fd0; - color: #000; -} - -small { - font-size: 0.875rem; -} - -sub, -sup { - font-size: 0.625rem; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -audio { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -img { - border-style: none; -} - -img, -svg { - max-width: 100%; - height: auto; -} - -svg:not(:root) { - overflow: hidden; -} - -video { - display: inline-block; -} - -button, -input, -optgroup, -select, -textarea { - font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; - line-height: 1.5rem; - font-size: 100%; - box-sizing: border-box; - max-width: 100%; - margin: 0; -} - -button { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -input { - overflow: visible; -} - -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -[type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -.button, -button, -html [type=button], -[type=reset], -[type=submit] { - -moz-appearance: button; - -webkit-appearance: button; -} - -.button, -button, -[type=button], -[type=reset], -[type=submit] { - display: inline-block; - padding: 2px 6px; - line-height: inherit; - text-decoration: none; - cursor: pointer; - color: #000; -} -.button::-moz-focus-inner, -button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} -.button:-moz-focusring, -button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; -} -.button:hover, .button:focus, .button:active, -button:hover, -button:focus, -button:active, -[type=button]:hover, -[type=button]:focus, -[type=button]:active, -[type=reset]:hover, -[type=reset]:focus, -[type=reset]:active, -[type=submit]:hover, -[type=submit]:focus, -[type=submit]:active { - text-decoration: none; - color: #000; -} - -[disabled].button, -button[disabled], -[disabled][type=button], -[disabled][type=reset], -[disabled][type=submit] { - cursor: default; - color: #999999; -} -[disabled].button:hover, -button[disabled]:hover, -[disabled][type=button]:hover, -[disabled][type=reset]:hover, -[disabled][type=submit]:hover, [disabled].button:focus, -button[disabled]:focus, -[disabled][type=button]:focus, -[disabled][type=reset]:focus, -[disabled][type=submit]:focus, [disabled].button:active, -button[disabled]:active, -[disabled][type=button]:active, -[disabled][type=reset]:active, -[disabled][type=submit]:active { - color: #999999; -} - -[type=checkbox], -[type=radio] { - box-sizing: border-box; - padding: 0; -} - -fieldset { - padding: 0.525rem 0.75rem 0.975rem; - border: 1px solid #cccccc; -} - -legend { - box-sizing: border-box; - display: table; - max-width: 100%; - margin-left: -5px; - padding: 0 5px; - color: inherit; - white-space: normal; -} - -progress { - display: inline-block; - vertical-align: baseline; -} - -textarea { - overflow: auto; -} - -table { - margin: 1.5rem 0; - border-collapse: collapse; - border-spacing: 0; - width: 100%; -} - -td, -th { - padding: 0; -} - -details { - display: block; -} - -summary { - display: list-item; -} - -menu { - margin: 1.5rem 0; - display: block; - padding: 0 0 0 32px; -} -menu menu, ol menu, ul menu { - margin: 0; -} - -canvas { - display: inline-block; -} - -template { - display: none; -} - -[hidden] { - display: none; -} \ No newline at end of file diff --git a/test/fixtures/fork-versions/typey/input.scss b/test/fixtures/fork-versions/typey/input.scss deleted file mode 100644 index 87d2282bf..000000000 --- a/test/fixtures/fork-versions/typey/input.scss +++ /dev/null @@ -1 +0,0 @@ -@import "normalize"; diff --git a/test/fixtures/fork-versions/typey/output.css b/test/fixtures/fork-versions/typey/output.css deleted file mode 100644 index 366488fdc..000000000 --- a/test/fixtures/fork-versions/typey/output.css +++ /dev/null @@ -1,530 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/* Document - ========================================================================== */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - font-family: sans-serif; - /* 1 */ - font-size: 100%; - line-height: 1.5em; - /* 2 */ - -ms-text-size-adjust: 100%; /* 3 */ - -webkit-text-size-adjust: 100%; /* 3 */ -} -@media print { - html { - font-size: 12pt; - } -} - -/* 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 { - font-size: 2rem; - line-height: 3rem; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 1.5rem 0; -} - -h2 { - font-size: 1.5rem; - line-height: 2.25rem; - margin: 1.5rem 0; -} - -h3 { - font-size: 1.25rem; - line-height: 1.5rem; - margin: 1.5rem 0; -} - -h4 { - font-size: 1rem; - line-height: 1.5rem; - margin: 1.5rem 0; -} - -h5 { - font-size: 0.875rem; - line-height: 1.5rem; - margin: 1.5rem 0; -} - -h6 { - font-size: 0.625rem; - line-height: 1.5rem; - margin: 1.5rem 0; -} - -/* Grouping content - ========================================================================== */ -/** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ -blockquote { - margin: 1.5rem 2.5rem; -} - -dl, -ol, -ul { - margin: 1.5rem 0; -} - -/** - * Turn off margins on nested lists. - */ -ol ol, -ol ul, -ul ol, -ul ul { - margin: 0; -} - -dd { - margin: 0 0 0 40px; -} - -ol, -ul { - padding: 0 0 0 40px; -} - -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5rem 2.5rem; -} - -/** - * 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; -} - -/** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ -p, -pre { - margin: 1.5rem 0; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp, pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* 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; -} - -/** - * 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 { - font-family: sans-serif; - /* 1 */ - line-height: 1.5rem; - /* 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], -[type=reset], -[type=submit] { - -webkit-appearance: button; /* 2 */ -} - -button, -[type=button], -[type=reset], -[type=submit] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ -} -button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} -button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-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. - */ -} -[type=search]::-webkit-search-cancel-button, [type=search]::-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.525rem 0.75rem 0.975rem; - border: 1px solid #c0c0c0; -} - -/** - * 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; -} - -/* - * 1. Set 1 unit of vertical rhythm on the top and bottom margin. - * 2. Add the correct display in IE 9-. - * 3. Set consistent space for the list style image. - */ -menu { - margin: 1.5rem 0; - /* 1 */ - display: block; /* 2 */ - padding: 0 0 0 40px; /* 3 */ - /** - * Turn off margins on nested lists. - */ -} -menu menu, ol menu, ul menu { - 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; -} \ No newline at end of file diff --git a/test/test_fork-version.js b/test/test_fork-version.js new file mode 100644 index 000000000..b35ab9193 --- /dev/null +++ b/test/test_fork-version.js @@ -0,0 +1,17 @@ +import path from 'node:path'; +import { fileURLToPath } from 'node:url'; +import SassyTest from 'sassy-test'; + +const __dirname = path.dirname(fileURLToPath(import.meta.url)); + +describe('Fork version', function() { + it('should compile properly', function() { + const sassyTest = new SassyTest({ + loadPaths: [ + // Path to fork version. + path.join(__dirname, '../fork-version') + ] + }); + return sassyTest.compileFixture('fork-version'); + }); +}); diff --git a/test/test_fork-versions.js b/test/test_fork-versions.js deleted file mode 100644 index 104c23290..000000000 --- a/test/test_fork-versions.js +++ /dev/null @@ -1,54 +0,0 @@ -import path from 'node:path'; -import { fileURLToPath } from 'node:url'; -import SassyTest from 'sassy-test'; - -const __dirname = path.dirname(fileURLToPath(import.meta.url)); - -describe('Fork versions', function() { - describe('Default fork', function() { - it('should compile properly', function() { - const sassyTest = new SassyTest({ - fixtures: path.join(__dirname, 'fixtures/fork-versions'), - loadPaths: [ - // Path to fork version. - path.join(__dirname, '../fork-versions/default') - ] - }); - return sassyTest.compileFixture('default'); - }); - }); - - describe('Typey fork', function() { - it('should compile properly', async function() { - const typeyPath = fileURLToPath(import.meta.resolve('typey')); - const sassyTest = new SassyTest({ - fixtures: path.join(__dirname, 'fixtures/fork-versions'), - loadPaths: [ - // Path to fork version. - path.join(__dirname, '../fork-versions/typey'), - // Path to the fork's dependencies. - path.dirname(typeyPath) - ] - }); - return sassyTest.compileFixture('typey'); - }); - }); - - describe('Typey, Chroma and KSS fork', async function() { - it('should compile properly', async function() { - const chromaPath = fileURLToPath(import.meta.resolve('chroma-sass')); - const typeyPath = fileURLToPath(import.meta.resolve('typey')); - const sassyTest = new SassyTest({ - fixtures: path.join(__dirname, 'fixtures/fork-versions'), - loadPaths: [ - // Path to fork version. - path.join(__dirname, '../fork-versions/typey-chroma-kss'), - // Path to the fork's dependencies. - path.dirname(chromaPath), - path.dirname(typeyPath) - ] - }); - return sassyTest.compileFixture('typey-chroma-kss'); - }); - }); -});