From 7142f65d1bcb297c7d33d923b9308568b23e447f Mon Sep 17 00:00:00 2001 From: simongehrig Date: Wed, 31 May 2017 16:43:49 +0200 Subject: [PATCH] Comperi closed #676,#666,#665,#681,#677,#687,#685,#684 --- examples/layout/buttons/buttons.css | 779 ++++++++++++++++++ examples/layout/buttons/buttons.css.map | 1 + examples/layout/buttons/buttons.css.tmp | 763 +++++++++++++++++ examples/layout/buttons/buttons.css.tmp.map | 7 + examples/layout/image/cover/cover.css | 88 ++ examples/layout/image/cover/cover.css.tmp | 88 ++ examples/layout/image/fit/fit.css | 528 ++++++++++++ examples/layout/image/fit/fit.css.map | 1 + examples/layout/image/fit/fit.css.tmp | 524 ++++++++++++ examples/layout/image/fit/fit.css.tmp.map | 7 + .../menus/vertical-right/vertical.css.map | 1 + .../menus/vertical-right/vertical.css.tmp | 609 ++++++++++++++ .../menus/vertical-right/vertical.css.tmp.map | 7 + 13 files changed, 3403 insertions(+) create mode 100644 examples/layout/buttons/buttons.css create mode 100644 examples/layout/buttons/buttons.css.map create mode 100644 examples/layout/buttons/buttons.css.tmp create mode 100644 examples/layout/buttons/buttons.css.tmp.map create mode 100644 examples/layout/image/cover/cover.css create mode 100644 examples/layout/image/cover/cover.css.tmp create mode 100644 examples/layout/image/fit/fit.css create mode 100644 examples/layout/image/fit/fit.css.map create mode 100644 examples/layout/image/fit/fit.css.tmp create mode 100644 examples/layout/image/fit/fit.css.tmp.map create mode 100644 examples/layout/menus/vertical-right/vertical.css.map create mode 100644 examples/layout/menus/vertical-right/vertical.css.tmp create mode 100644 examples/layout/menus/vertical-right/vertical.css.tmp.map diff --git a/examples/layout/buttons/buttons.css b/examples/layout/buttons/buttons.css new file mode 100644 index 0000000..c434a7d --- /dev/null +++ b/examples/layout/buttons/buttons.css @@ -0,0 +1,779 @@ +/* Simons SCSS Framework */ +@CHARSET "ISO-8859-1"; +/* RESET + + SOURCE: + http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) + +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0 !important; } + +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + box-sizing: content-box; + /* 2 */ } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +/* +!!! IMPORTANT !!! + +AN INPUT ELEMENT MUST BE SURROUNDED WITH A +LABEL ELEMENT FOR THIS TO WORK BECAUSE INPUT +ELEMENTS CANNOT TAKE PSEUDO ELEMENTS LIKE +:BEFORE AND :AFTER + +THIS IS THEN USED ON THE LABEL ELEMENT! +*/ +body { + background-color: #8faf91; } + +.mail .mail-15 { + position: relative; + box-sizing: border-box; + width: 15px; + height: 15px; + border: solid 1px #bab7ff; + border-radius: 15px; + background-color: #1d9d73; } + .mail .mail-15:before { + content: ''; + display: block; + position: absolute; + top: 3px; + left: 1.75px; + width: 7.5px; + height: 5px; + border: solid 1px #bab7ff; } + .mail .mail-15:after { + content: ''; + display: block; + position: absolute; + top: 1.464px; + left: 3.9645px; + box-sizing: border-box; + width: 5px; + height: 5px; + border-bottom: solid 1px #bab7ff; + border-right: solid 1px #bab7ff; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } +.mail .mail-30 { + position: relative; + box-sizing: border-box; + width: 30px; + height: 30px; + border: solid 2px #bab7ff; + border-radius: 30px; + background-color: #1d9d73; } + .mail .mail-30:before { + content: ''; + display: block; + position: absolute; + top: 6px; + left: 3.5px; + width: 15px; + height: 10px; + border: solid 2px #bab7ff; } + .mail .mail-30:after { + content: ''; + display: block; + position: absolute; + top: 2.928px; + left: 7.929px; + box-sizing: border-box; + width: 10px; + height: 10px; + border-bottom: solid 2px #bab7ff; + border-right: solid 2px #bab7ff; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } +.mail .mail-60 { + position: relative; + box-sizing: border-box; + width: 60px; + height: 60px; + border: solid 4px #bab7ff; + border-radius: 60px; + background-color: #1d9d73; } + .mail .mail-60:before { + content: ''; + display: block; + position: absolute; + top: 12px; + left: 7px; + width: 30px; + height: 20px; + border: solid 4px #bab7ff; } + .mail .mail-60:after { + content: ''; + display: block; + position: absolute; + top: 5.856px; + left: 15.858px; + box-sizing: border-box; + width: 20px; + height: 20px; + border-bottom: solid 4px #bab7ff; + border-right: solid 4px #bab7ff; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } +.mail .mail-120 { + position: relative; + box-sizing: border-box; + width: 120px; + height: 120px; + border: solid 8px #bab7ff; + border-radius: 120px; + background-color: #1d9d73; } + .mail .mail-120:before { + content: ''; + display: block; + position: absolute; + top: 24px; + left: 14px; + width: 60px; + height: 40px; + border: solid 8px #bab7ff; } + .mail .mail-120:after { + content: ''; + display: block; + position: absolute; + top: 11.712px; + left: 31.716px; + box-sizing: border-box; + width: 40px; + height: 40px; + border-bottom: solid 8px #bab7ff; + border-right: solid 8px #bab7ff; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } + +.search .search-15 { + position: relative; + top: 0; + left: 0; + width: 15px; + height: 15px; + border: none; + border-radius: 15px; + background-color: #bab7ff; } + .search .search-15:before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 3px; + left: 4px; + width: 0; + height: 3.75px; + border-left: solid 1.5px #1d9d73; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 10000; } + .search .search-15:after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 5px; + top: 2.24989px; + width: 7.5px; + height: 7.5px; + border: solid 1.5px #1d9d73; + border-radius: 7.5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 10000; } +.search .search-30 { + position: relative; + top: 0; + left: 0; + width: 30px; + height: 30px; + border: none; + border-radius: 30px; + background-color: #bab7ff; } + .search .search-30:before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 6px; + left: 8px; + width: 0; + height: 7.5px; + border-left: solid 3px #1d9d73; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 10000; } + .search .search-30:after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 10px; + top: 4.49978px; + width: 15px; + height: 15px; + border: solid 3px #1d9d73; + border-radius: 15px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 10000; } +.search .search-60 { + position: relative; + top: 0; + left: 0; + width: 60px; + height: 60px; + border: none; + border-radius: 60px; + background-color: #bab7ff; } + .search .search-60:before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 12px; + left: 16px; + width: 0; + height: 15px; + border-left: solid 6px #1d9d73; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 10000; } + .search .search-60:after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 20px; + top: 8.99955px; + width: 30px; + height: 30px; + border: solid 6px #1d9d73; + border-radius: 30px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 10000; } +.search .search-120 { + position: relative; + top: 0; + left: 0; + width: 120px; + height: 120px; + border: none; + border-radius: 120px; + background-color: #bab7ff; } + .search .search-120:before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 24px; + left: 32px; + width: 0; + height: 30px; + border-left: solid 12px #1d9d73; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 10000; } + .search .search-120:after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 40px; + top: 17.9991px; + width: 60px; + height: 60px; + border: solid 12px #1d9d73; + border-radius: 60px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 10000; } + +.arrow .arrow-15 { + position: relative; + box-sizing: border-box; + width: 15px; + height: 15px; + border: solid 1px #bab7ff; + border-radius: 15px; + background-color: #1d9d73; } + .arrow .arrow-15:after { + content: ''; + display: block; + position: absolute; + top: 5px; + left: 3.9645px; + box-sizing: border-box; + width: 5px; + height: 5px; + border-top: solid 1px #bab7ff; + border-left: solid 1px #bab7ff; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } +.arrow .arrow-30 { + position: relative; + box-sizing: border-box; + width: 30px; + height: 30px; + border: solid 2px #bab7ff; + border-radius: 30px; + background-color: #1d9d73; } + .arrow .arrow-30:after { + content: ''; + display: block; + position: absolute; + top: 10px; + left: 7.929px; + box-sizing: border-box; + width: 10px; + height: 10px; + border-top: solid 2px #bab7ff; + border-left: solid 2px #bab7ff; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } +.arrow .arrow-60 { + position: relative; + box-sizing: border-box; + width: 60px; + height: 60px; + border: solid 4px #bab7ff; + border-radius: 60px; + background-color: #1d9d73; } + .arrow .arrow-60:after { + content: ''; + display: block; + position: absolute; + top: 20px; + left: 15.858px; + box-sizing: border-box; + width: 20px; + height: 20px; + border-top: solid 4px #bab7ff; + border-left: solid 4px #bab7ff; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } +.arrow .arrow-120 { + position: relative; + box-sizing: border-box; + width: 120px; + height: 120px; + border: solid 8px #bab7ff; + border-radius: 120px; + background-color: #1d9d73; } + .arrow .arrow-120:after { + content: ''; + display: block; + position: absolute; + top: 40px; + left: 31.716px; + box-sizing: border-box; + width: 40px; + height: 40px; + border-top: solid 8px #bab7ff; + border-left: solid 8px #bab7ff; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } + +/*# sourceMappingURL=buttons.css.map */ \ No newline at end of file diff --git a/examples/layout/buttons/buttons.css.map b/examples/layout/buttons/buttons.css.map new file mode 100644 index 0000000..801115b --- /dev/null +++ b/examples/layout/buttons/buttons.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../../_framework.scss","../../../mixins/css/reset/_reset.scss","../../../mixins/css/reset/_normalize.scss","../../../mixins/layout/buttons/_search.scss","buttons.scss","../../../mixins/layout/buttons/_mail.scss","../../../mixins/layout/buttons/_arrow.scss"],"names":[],"mappings":"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","file":"buttons.css"} \ No newline at end of file diff --git a/examples/layout/buttons/buttons.css.tmp b/examples/layout/buttons/buttons.css.tmp new file mode 100644 index 0000000..687af18 --- /dev/null +++ b/examples/layout/buttons/buttons.css.tmp @@ -0,0 +1,763 @@ +/* Simons SCSS Framework */ +@CHARSET "ISO-8859-1"; +/* RESET + + SOURCE: + http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) + +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0 !important; } + +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + box-sizing: content-box; + /* 2 */ } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +/* +!!! IMPORTANT !!! + +AN INPUT ELEMENT MUST BE SURROUNDED WITH A +LABEL ELEMENT FOR THIS TO WORK BECAUSE INPUT +ELEMENTS CANNOT TAKE PSEUDO ELEMENTS LIKE +:BEFORE AND :AFTER + +THIS IS THEN USED ON THE LABEL ELEMENT! +*/ +body { + background-color: #8faf91; } + +.mail .mail-15 { + position: relative; + box-sizing: border-box; + width: 15px; + height: 15px; + border: solid 1px #bab7ff; + border-radius: 15px; + background-color: #1d9d73; } + .mail .mail-15:before { + content: ''; + display: block; + position: absolute; + top: 3px; + left: 1.75px; + width: 7.5px; + height: 5px; + border: solid 1px #bab7ff; } + .mail .mail-15:after { + content: ''; + display: block; + position: absolute; + top: 1.464px; + left: 3.9645px; + box-sizing: border-box; + width: 5px; + height: 5px; + border-bottom: solid 1px #bab7ff; + border-right: solid 1px #bab7ff; + transform: rotate(45deg); } +.mail .mail-30 { + position: relative; + box-sizing: border-box; + width: 30px; + height: 30px; + border: solid 2px #bab7ff; + border-radius: 30px; + background-color: #1d9d73; } + .mail .mail-30:before { + content: ''; + display: block; + position: absolute; + top: 6px; + left: 3.5px; + width: 15px; + height: 10px; + border: solid 2px #bab7ff; } + .mail .mail-30:after { + content: ''; + display: block; + position: absolute; + top: 2.928px; + left: 7.929px; + box-sizing: border-box; + width: 10px; + height: 10px; + border-bottom: solid 2px #bab7ff; + border-right: solid 2px #bab7ff; + transform: rotate(45deg); } +.mail .mail-60 { + position: relative; + box-sizing: border-box; + width: 60px; + height: 60px; + border: solid 4px #bab7ff; + border-radius: 60px; + background-color: #1d9d73; } + .mail .mail-60:before { + content: ''; + display: block; + position: absolute; + top: 12px; + left: 7px; + width: 30px; + height: 20px; + border: solid 4px #bab7ff; } + .mail .mail-60:after { + content: ''; + display: block; + position: absolute; + top: 5.856px; + left: 15.858px; + box-sizing: border-box; + width: 20px; + height: 20px; + border-bottom: solid 4px #bab7ff; + border-right: solid 4px #bab7ff; + transform: rotate(45deg); } +.mail .mail-120 { + position: relative; + box-sizing: border-box; + width: 120px; + height: 120px; + border: solid 8px #bab7ff; + border-radius: 120px; + background-color: #1d9d73; } + .mail .mail-120:before { + content: ''; + display: block; + position: absolute; + top: 24px; + left: 14px; + width: 60px; + height: 40px; + border: solid 8px #bab7ff; } + .mail .mail-120:after { + content: ''; + display: block; + position: absolute; + top: 11.712px; + left: 31.716px; + box-sizing: border-box; + width: 40px; + height: 40px; + border-bottom: solid 8px #bab7ff; + border-right: solid 8px #bab7ff; + transform: rotate(45deg); } + +.search .search-15 { + position: relative; + top: 0; + left: 0; + width: 15px; + height: 15px; + border: none; + border-radius: 15px; + background-color: #bab7ff; } + .search .search-15:before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 3px; + left: 4px; + width: 0; + height: 3.75px; + border-left: solid 1.5px #1d9d73; + transform: rotate(45deg); + z-index: 10000; } + .search .search-15:after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 5px; + top: 2.24989px; + width: 7.5px; + height: 7.5px; + border: solid 1.5px #1d9d73; + border-radius: 7.5px; + transform: rotate(45deg); + z-index: 10000; } +.search .search-30 { + position: relative; + top: 0; + left: 0; + width: 30px; + height: 30px; + border: none; + border-radius: 30px; + background-color: #bab7ff; } + .search .search-30:before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 6px; + left: 8px; + width: 0; + height: 7.5px; + border-left: solid 3px #1d9d73; + transform: rotate(45deg); + z-index: 10000; } + .search .search-30:after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 10px; + top: 4.49978px; + width: 15px; + height: 15px; + border: solid 3px #1d9d73; + border-radius: 15px; + transform: rotate(45deg); + z-index: 10000; } +.search .search-60 { + position: relative; + top: 0; + left: 0; + width: 60px; + height: 60px; + border: none; + border-radius: 60px; + background-color: #bab7ff; } + .search .search-60:before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 12px; + left: 16px; + width: 0; + height: 15px; + border-left: solid 6px #1d9d73; + transform: rotate(45deg); + z-index: 10000; } + .search .search-60:after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 20px; + top: 8.99955px; + width: 30px; + height: 30px; + border: solid 6px #1d9d73; + border-radius: 30px; + transform: rotate(45deg); + z-index: 10000; } +.search .search-120 { + position: relative; + top: 0; + left: 0; + width: 120px; + height: 120px; + border: none; + border-radius: 120px; + background-color: #bab7ff; } + .search .search-120:before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 24px; + left: 32px; + width: 0; + height: 30px; + border-left: solid 12px #1d9d73; + transform: rotate(45deg); + z-index: 10000; } + .search .search-120:after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 40px; + top: 17.9991px; + width: 60px; + height: 60px; + border: solid 12px #1d9d73; + border-radius: 60px; + transform: rotate(45deg); + z-index: 10000; } + +.arrow .arrow-15 { + position: relative; + box-sizing: border-box; + width: 15px; + height: 15px; + border: solid 1px #bab7ff; + border-radius: 15px; + background-color: #1d9d73; } + .arrow .arrow-15:after { + content: ''; + display: block; + position: absolute; + top: 5px; + left: 3.9645px; + box-sizing: border-box; + width: 5px; + height: 5px; + border-top: solid 1px #bab7ff; + border-left: solid 1px #bab7ff; + transform: rotate(45deg); } +.arrow .arrow-30 { + position: relative; + box-sizing: border-box; + width: 30px; + height: 30px; + border: solid 2px #bab7ff; + border-radius: 30px; + background-color: #1d9d73; } + .arrow .arrow-30:after { + content: ''; + display: block; + position: absolute; + top: 10px; + left: 7.929px; + box-sizing: border-box; + width: 10px; + height: 10px; + border-top: solid 2px #bab7ff; + border-left: solid 2px #bab7ff; + transform: rotate(45deg); } +.arrow .arrow-60 { + position: relative; + box-sizing: border-box; + width: 60px; + height: 60px; + border: solid 4px #bab7ff; + border-radius: 60px; + background-color: #1d9d73; } + .arrow .arrow-60:after { + content: ''; + display: block; + position: absolute; + top: 20px; + left: 15.858px; + box-sizing: border-box; + width: 20px; + height: 20px; + border-top: solid 4px #bab7ff; + border-left: solid 4px #bab7ff; + transform: rotate(45deg); } +.arrow .arrow-120 { + position: relative; + box-sizing: border-box; + width: 120px; + height: 120px; + border: solid 8px #bab7ff; + border-radius: 120px; + background-color: #1d9d73; } + .arrow .arrow-120:after { + content: ''; + display: block; + position: absolute; + top: 40px; + left: 31.716px; + box-sizing: border-box; + width: 40px; + height: 40px; + border-top: solid 8px #bab7ff; + border-left: solid 8px #bab7ff; + transform: rotate(45deg); } + +/*# sourceMappingURL=buttons.css.tmp.map */ diff --git a/examples/layout/buttons/buttons.css.tmp.map b/examples/layout/buttons/buttons.css.tmp.map new file mode 100644 index 0000000..57e778d --- /dev/null +++ b/examples/layout/buttons/buttons.css.tmp.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../../../_framework.scss","../../../mixins/css/reset/_reset.scss","../../../mixins/css/reset/_normalize.scss","../../../mixins/layout/buttons/_search.scss","buttons.scss","../../../mixins/layout/buttons/_mail.scss","../../../mixins/layout/buttons/_arrow.scss"], +"names": [], +"file": "buttons.css.tmp" +} \ No newline at end of file diff --git a/examples/layout/image/cover/cover.css b/examples/layout/image/cover/cover.css new file mode 100644 index 0000000..7680ad8 --- /dev/null +++ b/examples/layout/image/cover/cover.css @@ -0,0 +1,88 @@ +/* +Error: Mixin image-fit is missing argument $heightaspect. + on line 8 of cover.scss, in `image-fit' + from line 8 of cover.scss + +3: .content { +4: .img-square { +5: width: 25%; +6: margin: 0 -4px 0 0 !important; +7: +8: @include image-fit(); +9: } +10: +11: .img-round { +12: width: 25%; +13: margin-right: -4px !important; + +Backtrace: +cover.scss:8:in `image-fit' +cover.scss:8 +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:73:in `block in perform_arguments' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:65:in `zip' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:65:in `perform_arguments' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:361:in `block in visit_mixin' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:98:in `block in with_mixin' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:98:in `with_mixin' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:349:in `visit_mixin' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block (2 levels) in visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `map' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block in visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:431:in `visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block (2 levels) in visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `map' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block in visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:431:in `visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `block in visit_children' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `map' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `visit_children' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:168:in `visit_children' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `block in visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:188:in `visit_root' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:159:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:8:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/root_node.rb:36:in `css_tree' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/engine.rb:381:in `_render_with_sourcemap' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/engine.rb:298:in `render_with_sourcemap' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:492:in `update_stylesheet' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `each' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin.rb:82:in `update_stylesheets' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:340:in `watch_or_update' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:51:in `process_result' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:52:in `parse' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:19:in `parse!' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/bin/scss:13:in `' +C:/Ruby23-x64/bin/scss:22:in `load' +C:/Ruby23-x64/bin/scss:22:in `
' +*/ +body:before { + white-space: pre; + font-family: monospace; + content: "Error: Mixin image-fit is missing argument $heightaspect.\A on line 8 of cover.scss, in `image-fit'\A from line 8 of cover.scss\A \A 3: .content {\A 4: .img-square {\A 5: width: 25%;\A 6: margin: 0 -4px 0 0 !important;\A 7: \A 8: @include image-fit();\A 9: }\A 10: \A 11: .img-round {\A 12: width: 25%;\A 13: margin-right: -4px !important;"; } diff --git a/examples/layout/image/cover/cover.css.tmp b/examples/layout/image/cover/cover.css.tmp new file mode 100644 index 0000000..7680ad8 --- /dev/null +++ b/examples/layout/image/cover/cover.css.tmp @@ -0,0 +1,88 @@ +/* +Error: Mixin image-fit is missing argument $heightaspect. + on line 8 of cover.scss, in `image-fit' + from line 8 of cover.scss + +3: .content { +4: .img-square { +5: width: 25%; +6: margin: 0 -4px 0 0 !important; +7: +8: @include image-fit(); +9: } +10: +11: .img-round { +12: width: 25%; +13: margin-right: -4px !important; + +Backtrace: +cover.scss:8:in `image-fit' +cover.scss:8 +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:73:in `block in perform_arguments' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:65:in `zip' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:65:in `perform_arguments' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:361:in `block in visit_mixin' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:98:in `block in with_mixin' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:98:in `with_mixin' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:349:in `visit_mixin' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block (2 levels) in visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `map' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block in visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:431:in `visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block (2 levels) in visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `map' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block in visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:431:in `visit_rule' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `block in visit_children' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `map' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `visit_children' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:168:in `visit_children' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `block in visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:188:in `visit_root' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:159:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:8:in `visit' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/root_node.rb:36:in `css_tree' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/engine.rb:381:in `_render_with_sourcemap' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/engine.rb:298:in `render_with_sourcemap' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:492:in `update_stylesheet' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `each' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/plugin.rb:82:in `update_stylesheets' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:340:in `watch_or_update' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:51:in `process_result' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:52:in `parse' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:19:in `parse!' +C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.22/bin/scss:13:in `' +C:/Ruby23-x64/bin/scss:22:in `load' +C:/Ruby23-x64/bin/scss:22:in `
' +*/ +body:before { + white-space: pre; + font-family: monospace; + content: "Error: Mixin image-fit is missing argument $heightaspect.\A on line 8 of cover.scss, in `image-fit'\A from line 8 of cover.scss\A \A 3: .content {\A 4: .img-square {\A 5: width: 25%;\A 6: margin: 0 -4px 0 0 !important;\A 7: \A 8: @include image-fit();\A 9: }\A 10: \A 11: .img-round {\A 12: width: 25%;\A 13: margin-right: -4px !important;"; } diff --git a/examples/layout/image/fit/fit.css b/examples/layout/image/fit/fit.css new file mode 100644 index 0000000..ce22703 --- /dev/null +++ b/examples/layout/image/fit/fit.css @@ -0,0 +1,528 @@ +/* Simons SCSS Framework */ +@CHARSET "ISO-8859-1"; +/* RESET + + SOURCE: + http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) + +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0 !important; } + +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + box-sizing: content-box; + /* 2 */ } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +/* +!!! IMPORTANT !!! + +AN INPUT ELEMENT MUST BE SURROUNDED WITH A +LABEL ELEMENT FOR THIS TO WORK BECAUSE INPUT +ELEMENTS CANNOT TAKE PSEUDO ELEMENTS LIKE +:BEFORE AND :AFTER + +THIS IS THEN USED ON THE LABEL ELEMENT! +*/ +.content .img-square { + /* Positioning */ + position: relative; + display: inline-table; + /* Sizing */ + box-sizing: border-box; + width: 25%; + /* Gutters */ + margin: 0 -4px -4px 0 !important; + padding: 0 0 0 0; + border: none !important; + /* Typography */ + letter-spacing: 0; + /* Remove last border */ + margin: 0 -4px 0 0 !important; + border: solid thin black !important; + /* image fit */ + position: relative; + display: inline-block; + overflow: hidden; + text-align: center; } + .content .img-square:nth-of-type(4) { + border-right: none; } + .content .img-square > * { + /* Wrapper inside Element needed + because of gutter >* */ + max-width: 100%; + box-sizing: border-box; } + .content .img-square img { + position: absolute; + -o-object-fit: fill !important; + object-fit: fill !important; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + .content .img-square img.landscape { + min-width: 100%; + height: auto; } + .content .img-square img.portrait { + min-height: 100%; + width: auto; } + .content .img-square:after { + content: ""; + display: block; + padding-bottom: 133.33333%; } +.content .img-round { + /* Positioning */ + position: relative; + display: inline-table; + /* Sizing */ + box-sizing: border-box; + width: 25%; + /* Gutters */ + margin: 0 -4px -4px 0 !important; + padding: 0 0 0 0; + border: none !important; + /* Typography */ + letter-spacing: 0; + /* Remove last border */ + margin-right: -4px !important; + border: solid thin black !important; + /* image fit */ + position: relative; + display: inline-block; + overflow: hidden; + text-align: center; } + .content .img-round:nth-of-type(4) { + border-right: none; } + .content .img-round > * { + /* Wrapper inside Element needed + because of gutter >* */ + max-width: 100%; + box-sizing: border-box; } + .content .img-round img { + position: absolute; + -o-object-fit: fill !important; + object-fit: fill !important; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } + .content .img-round img.landscape { + min-width: 100%; + height: auto; } + .content .img-round img.portrait { + min-height: 100%; + width: auto; } + .content .img-round:after { + content: ""; + display: block; + padding-bottom: 100%; } + .content .img-round img { + border-radius: 50%; } + +/*# sourceMappingURL=fit.css.map */ \ No newline at end of file diff --git a/examples/layout/image/fit/fit.css.map b/examples/layout/image/fit/fit.css.map new file mode 100644 index 0000000..b0884ce --- /dev/null +++ b/examples/layout/image/fit/fit.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../../../_framework.scss","../../../../mixins/css/reset/_reset.scss","../../../../mixins/css/reset/_normalize.scss","../../../../mixins/layout/buttons/_search.scss","fit.scss","../../../../mixins/layout/_layout.scss","../../../../mixins/layout/image/_fit.scss"],"names":[],"mappings":"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","file":"fit.css"} \ No newline at end of file diff --git a/examples/layout/image/fit/fit.css.tmp b/examples/layout/image/fit/fit.css.tmp new file mode 100644 index 0000000..cef6adb --- /dev/null +++ b/examples/layout/image/fit/fit.css.tmp @@ -0,0 +1,524 @@ +/* Simons SCSS Framework */ +@CHARSET "ISO-8859-1"; +/* RESET + + SOURCE: + http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) + +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0 !important; } + +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + box-sizing: content-box; + /* 2 */ } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +/* +!!! IMPORTANT !!! + +AN INPUT ELEMENT MUST BE SURROUNDED WITH A +LABEL ELEMENT FOR THIS TO WORK BECAUSE INPUT +ELEMENTS CANNOT TAKE PSEUDO ELEMENTS LIKE +:BEFORE AND :AFTER + +THIS IS THEN USED ON THE LABEL ELEMENT! +*/ +.content .img-square { + /* Positioning */ + position: relative; + display: inline-table; + /* Sizing */ + box-sizing: border-box; + width: 25%; + /* Gutters */ + margin: 0 -4px -4px 0 !important; + padding: 0 0 0 0; + border: none !important; + /* Typography */ + letter-spacing: 0; + /* Remove last border */ + margin: 0 -4px 0 0 !important; + border: solid thin black !important; + /* image fit */ + position: relative; + display: inline-block; + overflow: hidden; + text-align: center; } + .content .img-square:nth-of-type(4) { + border-right: none; } + .content .img-square > * { + /* Wrapper inside Element needed + because of gutter >* */ + max-width: 100%; + box-sizing: border-box; } + .content .img-square img { + position: absolute; + object-fit: fill !important; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } + .content .img-square img.landscape { + min-width: 100%; + height: auto; } + .content .img-square img.portrait { + min-height: 100%; + width: auto; } + .content .img-square:after { + content: ""; + display: block; + padding-bottom: 133.33333%; } +.content .img-round { + /* Positioning */ + position: relative; + display: inline-table; + /* Sizing */ + box-sizing: border-box; + width: 25%; + /* Gutters */ + margin: 0 -4px -4px 0 !important; + padding: 0 0 0 0; + border: none !important; + /* Typography */ + letter-spacing: 0; + /* Remove last border */ + margin-right: -4px !important; + border: solid thin black !important; + /* image fit */ + position: relative; + display: inline-block; + overflow: hidden; + text-align: center; } + .content .img-round:nth-of-type(4) { + border-right: none; } + .content .img-round > * { + /* Wrapper inside Element needed + because of gutter >* */ + max-width: 100%; + box-sizing: border-box; } + .content .img-round img { + position: absolute; + object-fit: fill !important; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } + .content .img-round img.landscape { + min-width: 100%; + height: auto; } + .content .img-round img.portrait { + min-height: 100%; + width: auto; } + .content .img-round:after { + content: ""; + display: block; + padding-bottom: 100%; } + .content .img-round img { + border-radius: 50%; } + +/*# sourceMappingURL=fit.css.tmp.map */ diff --git a/examples/layout/image/fit/fit.css.tmp.map b/examples/layout/image/fit/fit.css.tmp.map new file mode 100644 index 0000000..7a35ebb --- /dev/null +++ b/examples/layout/image/fit/fit.css.tmp.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../../../../_framework.scss","../../../../mixins/css/reset/_reset.scss","../../../../mixins/css/reset/_normalize.scss","../../../../mixins/layout/buttons/_search.scss","fit.scss","../../../../mixins/layout/_layout.scss","../../../../mixins/layout/image/_fit.scss"], +"names": [], +"file": "fit.css.tmp" +} \ No newline at end of file diff --git a/examples/layout/menus/vertical-right/vertical.css.map b/examples/layout/menus/vertical-right/vertical.css.map new file mode 100644 index 0000000..b43f4e2 --- /dev/null +++ b/examples/layout/menus/vertical-right/vertical.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../../../_framework.scss","../../../../mixins/css/reset/_reset.scss","../../../../mixins/css/reset/_normalize.scss","../../../../mixins/layout/buttons/_search.scss","vertical.scss","../../../../mixins/layout/menus/_toggle.scss","../../../../mixins/queries/_media-queries.scss","../../../../mixins/layout/_position.scss","../../../../mixins/layout/menus/_fullscreen-phone.scss","../../../../mixins/layout/menus/_vertical-right-desktop.scss"],"names":[],"mappings":"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","file":"vertical.css"} \ No newline at end of file diff --git a/examples/layout/menus/vertical-right/vertical.css.tmp b/examples/layout/menus/vertical-right/vertical.css.tmp new file mode 100644 index 0000000..f35436b --- /dev/null +++ b/examples/layout/menus/vertical-right/vertical.css.tmp @@ -0,0 +1,609 @@ +/* Simons SCSS Framework */ +@CHARSET "ISO-8859-1"; +/* RESET + + SOURCE: + http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) + +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0 !important; } + +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + box-sizing: content-box; + /* 2 */ } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +/* +!!! IMPORTANT !!! + +AN INPUT ELEMENT MUST BE SURROUNDED WITH A +LABEL ELEMENT FOR THIS TO WORK BECAUSE INPUT +ELEMENTS CANNOT TAKE PSEUDO ELEMENTS LIKE +:BEFORE AND :AFTER + +THIS IS THEN USED ON THE LABEL ELEMENT! +*/ +body { + background-color: #d9ffd9; + font-family: Calibri, sans-serif; } + body .header #navcheck { + display: none; + /* tablet */ } + body .header #navcheck + .navbar { + display: none; } + @media (max-width: 979px) { + body .header #navcheck + .navbar { + position: fixed; + z-index: 10000; + display: block; + padding: 14.28571px; + background-color: #ffd9d9; + box-sizing: border-box; } + body .header #navcheck + .navbar span { + display: block; + margin-bottom: 14.28571px; + width: 71.42857px; + height: 14.28571px; + background-color: #806c80; + box-sizing: border-box; } + body .header #navcheck + .navbar span:last-of-type { + margin-bottom: 0; } + body .header #navcheck + .navbar + ul { + display: none; } + body .header #navcheck:checked + .navbar + ul { + /* Absolute Positioning */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding-top: 100px; + list-style: none; + display: block; + table-layout: fixed; + width: 100%; + overflow: scroll; + background-color: #806c80; } + body .header #navcheck:checked + .navbar + ul li { + position: relative; + display: block; + background-color: #806c80; + color: #d9ffd9; + width: 100%; + text-transform: uppercase; } + body .header #navcheck:checked + .navbar + ul li a { + display: block; + padding: 20px; + width: 100%; + text-decoration: none; + color: #d9ffd9; + box-sizing: border-box; } + body .header #navcheck:checked + .navbar + ul li ul { + display: block; + position: relative; + width: 100%; } + body .header #navcheck:checked + .navbar + ul li ul li { + color: #d9ffd9; + text-transform: none; } + body .header #navcheck:checked + .navbar + ul li ul li a { + padding-left: 40px; + color: #d9ffd9; } + body .header #navcheck:checked + .navbar + ul li ul li ul { + position: relative; + display: block; + left: auto; + top: auto; } + body .header #navcheck:checked + .navbar + ul li ul li ul li { + position: relative; + color: #d9ffd9; + font-weight: 300; } + body .header #navcheck:checked + .navbar + ul li ul li ul li a { + padding-left: 60px; + color: #d9ffd9; } + body .header #navcheck:checked + .navbar + ul li:hover { + background-color: #ffd9d9; + color: #6c8080; } + body .header #navcheck:checked + .navbar + ul li:hover a { + color: #6c8080; } + body .header #navcheck:checked + .navbar + ul li:hover ul { + display: block; } + body .header #navcheck:checked + .navbar + ul li:hover ul li { + display: block; + color: #d9ffd9; } + body .header #navcheck:checked + .navbar + ul li:hover ul li a { + color: #d9ffd9; } + body .header #navcheck:checked + .navbar + ul li:hover ul li ul { + display: block; } + body .header #navcheck:checked + .navbar + ul li:hover ul li:hover { + color: #6c8080; } + body .header #navcheck:checked + .navbar + ul li:hover ul li:hover a { + color: #6c8080; } + body .header #navcheck:checked + .navbar + ul li:hover ul li:hover ul { + display: block; } + body .header #navcheck:checked + .navbar + ul li:hover ul li:hover ul li { + color: #d9ffd9; } + body .header #navcheck:checked + .navbar + ul li:hover ul li:hover ul li a { + color: #d9ffd9; } + body .header #navcheck:checked + .navbar + ul li:hover ul li:hover ul li:hover { + color: #6c8080; } + body .header #navcheck:checked + .navbar + ul li:hover ul li:hover ul li:hover a { + color: #6c8080; } + body .header #navcheck:checked + .navbar + ul li:last-of-type ul li ul { + right: auto; + left: auto; } } + body .header .nav { + font-weight: 700; + letter-spacing: 1px; + font-size: 20px; + position: relative; + list-style: none; + text-align: right; + display: block; + width: 200px; + background-color: #806c80; + position: fixed; + top: 0; + bottom: 0; + right: 0; } + body .header .nav li { + position: relative; + display: block; + background-color: #806c80; + color: #d9ffd9; + width: auto; } + body .header .nav li a { + display: block; + padding: 20px; + width: 100%; + text-decoration: none; + color: #d9ffd9; + box-sizing: border-box; } + body .header .nav li ul { + display: none; + position: absolute; + width: 100%; + right: 100%; + top: 0; } + body .header .nav li ul li { + color: #d9ffd9; } + body .header .nav li ul li a { + color: #d9ffd9; } + body .header .nav li ul li ul { + position: absolute; + display: none; + right: 100%; + top: 0; } + body .header .nav li ul li ul li { + position: relative; + color: #d9ffd9; } + body .header .nav li ul li ul li a { + color: #d9ffd9; } + body .header .nav li:hover { + background-color: #ffd9d9; + color: #6c8080; } + body .header .nav li:hover a { + color: #6c8080; } + body .header .nav li:hover ul { + display: block; } + body .header .nav li:hover ul li { + display: block; + color: #d9ffd9; } + body .header .nav li:hover ul li a { + color: #d9ffd9; } + body .header .nav li:hover ul li ul { + display: none; } + body .header .nav li:hover ul li:hover { + color: #6c8080; } + body .header .nav li:hover ul li:hover a { + color: #6c8080; } + body .header .nav li:hover ul li:hover ul { + display: block; } + body .header .nav li:hover ul li:hover ul li { + color: #d9ffd9; } + body .header .nav li:hover ul li:hover ul li a { + color: #d9ffd9; } + body .header .nav li:hover ul li:hover ul li:hover { + color: #6c8080; } + body .header .nav li:hover ul li:hover ul li:hover a { + color: #6c8080; } + +/*# sourceMappingURL=vertical.css.tmp.map */ diff --git a/examples/layout/menus/vertical-right/vertical.css.tmp.map b/examples/layout/menus/vertical-right/vertical.css.tmp.map new file mode 100644 index 0000000..6d2d1fa --- /dev/null +++ b/examples/layout/menus/vertical-right/vertical.css.tmp.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../../../../_framework.scss","../../../../mixins/css/reset/_reset.scss","../../../../mixins/css/reset/_normalize.scss","../../../../mixins/layout/buttons/_search.scss","vertical.scss","../../../../mixins/layout/menus/_toggle.scss","../../../../mixins/queries/_media-queries.scss","../../../../mixins/layout/_position.scss","../../../../mixins/layout/menus/_fullscreen-phone.scss","../../../../mixins/layout/menus/_vertical-right-desktop.scss"], +"names": [], +"file": "vertical.css.tmp" +} \ No newline at end of file