simongehrig.de/scss-grid
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Comperi

Browse Source 
closed #676,#666,#665,#681,#677,#687,#685,#684
This commit is contained in:
Simon Gehrig
2017-05-31 16:43:49 +02:00
parent 16f1da1357
commit 7142f65d1b
13 changed files with 3403 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/layout/image/cover/cover.css
+88
View File
@@ -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 `<top (required)>'
C:/Ruby23-x64/bin/scss:22:in `load'
C:/Ruby23-x64/bin/scss:22:in `<main>'
*/
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;"; }
examples/layout/image/cover/cover.css.tmp
+88
View File
@@ -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 `<top (required)>'
C:/Ruby23-x64/bin/scss:22:in `load'
C:/Ruby23-x64/bin/scss:22:in `<main>'
*/
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;"; }
examples/layout/image/fit/fit.css
+528
View File
@@ -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 */
examples/layout/image/fit/fit.css.map
+1
View File
@@ -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"}
examples/layout/image/fit/fit.css.tmp
+524
View File
@@ -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 */
examples/layout/image/fit/fit.css.tmp.map
+7
View File
@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AACA,2BAA2B;ACD3B,qBAAqB;AAErB;;;;;;;EAOE;AAEF;;;;;;;;;;;;wBAYyB;EACvB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;EACT,SAAS,EAAE,IAAI;EACf,IAAI,EAAE,OAAO;EACb,cAAc,EAAE,QAAQ;;AAG1B,iDAAiD;AACjD;;;;;;;;;;OAUQ;EACN,OAAO,EAAE,KAAK;;AAGhB,MAAO;EACL,UAAU,EAAE,IAAI;;AAGlB,aAAc;EACZ,MAAM,EAAE,IAAI;;AAGd;iBACkB;EAChB,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,IAAI;;AAGf,KAAM;EACJ,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,YAAY;;AC/D9B,4EAA4E;AAE5E;;;;GAIG;AAEH,IAAK;EACH,WAAW,EAAE,UAAU;EAAE,OAAO;EAChC,oBAAoB,EAAE,IAAI;EAAE,OAAO;EACnC,wBAAwB,EAAE,IAAI;EAAE,OAAO;;AAGzC;;GAEG;AAEH,IAAK;EACH,MAAM,EAAE,CAAC;;AAGX;gFACgF;AAEhF;;;;;GAKG;AAEH;;;;;;;;;;;;OAYQ;EACN,OAAO,EAAE,KAAK;;AAGhB;;;GAGG;AAEH;;;KAGM;EACJ,OAAO,EAAE,YAAY;EAAE,OAAO;EAC9B,cAAc,EAAE,QAAQ;EAAE,OAAO;;AAGnC;;;GAGG;AAEH,qBAAsB;EACpB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,CAAC;;AAGX;;;GAGG;AAEH;QACS;EACP,OAAO,EAAE,IAAI;;AAGf;gFACgF;AAEhF;;GAEG;AAEH,CAAE;EACA,gBAAgB,EAAE,WAAW;;AAG/B;;;GAGG;AAEH;OACQ;EACN,OAAO,EAAE,CAAC;;AAGZ;gFACgF;AAEhF;;GAEG;AAEH,WAAY;EACV,aAAa,EAAE,UAAU;;AAG3B;;GAEG;AAEH;MACO;EACL,WAAW,EAAE,IAAI;;AAGnB;;GAEG;AAEH,GAAI;EACF,UAAU,EAAE,MAAM;;AAGpB;;;GAGG;AAEH,EAAG;EACD,SAAS,EAAE,GAAG;EACd,MAAM,EAAE,QAAQ;;AAGlB;;GAEG;AAEH,IAAK;EACH,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;;AAGb;;GAEG;AAEH,KAAM;EACJ,SAAS,EAAE,GAAG;;AAGhB;;GAEG;AAEH;GACI;EACF,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,CAAC;EACd,QAAQ,EAAE,QAAQ;EAClB,cAAc,EAAE,QAAQ;;AAG1B,GAAI;EACF,GAAG,EAAE,MAAM;;AAGb,GAAI;EACF,MAAM,EAAE,OAAO;;AAGjB;gFACgF;AAEhF;;GAEG;AAEH,GAAI;EACF,MAAM,EAAE,CAAC;;AAGX;;GAEG;AAEH,cAAe;EACb,QAAQ,EAAE,MAAM;;AAGlB;gFACgF;AAEhF;;GAEG;AAEH,MAAO;EACL,MAAM,EAAE,QAAQ;;AAGlB;;GAEG;AAEH,EAAG;EACD,UAAU,EAAE,WAAW;EACvB,MAAM,EAAE,CAAC;;AAGX;;GAEG;AAEH,GAAI;EACF,QAAQ,EAAE,IAAI;;AAGhB;;GAEG;AAEH;;;IAGK;EACH,WAAW,EAAE,oBAAoB;EACjC,SAAS,EAAE,GAAG;;AAGhB;gFACgF;AAEhF;;;GAGG;AAEH;;;;;GAKG;AAEH;;;;QAIS;EACP,KAAK,EAAE,OAAO;EAAE,OAAO;EACvB,IAAI,EAAE,OAAO;EAAE,OAAO;EACtB,MAAM,EAAE,CAAC;EAAE,OAAO;;AAGpB;;GAEG;AAEH,MAAO;EACL,QAAQ,EAAE,OAAO;;AAGnB;;;;;GAKG;AAEH;MACO;EACL,cAAc,EAAE,IAAI;;AAGtB;;;;;;GAMG;AAEH;;;oBAGqB;EACnB,kBAAkB,EAAE,MAAM;EAAE,OAAO;EACnC,MAAM,EAAE,OAAO;EAAE,OAAO;;AAG1B;;GAEG;AAEH;oBACqB;EACnB,MAAM,EAAE,OAAO;;AAGjB;;GAEG;AAEH;uBACwB;EACtB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAGZ;;;GAGG;AAEH,KAAM;EACJ,WAAW,EAAE,MAAM;;AAGrB;;;;;;GAMG;AAEH;mBACoB;EAClB,UAAU,EAAE,UAAU;EAAE,OAAO;EAC/B,OAAO,EAAE,CAAC;EAAE,OAAO;;AAGrB;;;;GAIG;AAEH;+CACgD;EAC9C,MAAM,EAAE,IAAI;;AAGd;;;GAGG;AAEH,oBAAqB;EACnB,kBAAkB,EAAE,SAAS;EAAE,OAAO;EACtC,UAAU,EAAE,WAAW;EAAE,OAAO;;AAGlC;;;;GAIG;AAEH;+CACgD;EAC9C,kBAAkB,EAAE,IAAI;;AAG1B;;GAEG;AAEH,QAAS;EACP,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,qBAAqB;;AAGhC;;;GAGG;AAEH,MAAO;EACL,MAAM,EAAE,CAAC;EAAE,OAAO;EAClB,OAAO,EAAE,CAAC;EAAE,OAAO;;AAGrB;;GAEG;AAEH,QAAS;EACP,QAAQ,EAAE,IAAI;;AAGhB;;;GAGG;AAEH,QAAS;EACP,WAAW,EAAE,IAAI;;AAGnB;gFACgF;AAEhF;;GAEG;AAEH,KAAM;EACJ,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,CAAC;;AAGnB;EACG;EACD,OAAO,EAAE,CAAC;;ACtaZ;;;;;;;;;EASE;ACNA,oBAAY;ECDZ,iBAAiB;EACjB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,YAAY;EAErB,YAAY;EACZ,UAAU,EAAE,UAAU;EACtB,KAAK,EAAE,GAAe;EAEtB,aAAa;EACb,MAAM,EAAE,wBAAwB;EAChC,OAAO,EAAE,OAAmB;EAC5B,MAAM,EAAE,eAAe;EAEvB,gBAAgB;EAChB,cAAc,EAAE,CAAC;EAEjB,wBAAwB;EDbtB,MAAM,EAAE,qBAAqB;EAC7B,MAAM,EAAE,2BAA2B;EELrC,eAAe;EACf,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,YAAY;EACrB,QAAQ,EAAE,MAAM;EAChB,UAAU,EAAE,MAAM;EDclB,mCAA2B;IACzB,YAAY,EAAE,IAAI;EAGpB,wBAAI;IACF;8BAC0B;IAC1B,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,UAAU;ECpBxB,wBAAI;IACF,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,eAAe;IAE3B,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IAEZ,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAEhB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,qBAAqB;IAEhC,kCAAY;MACV,SAAS,EAAE,IAAI;MACf,MAAM,EAAE,IAAI;IAGd,iCAAW;MACT,UAAU,EAAE,IAAI;MAChB,KAAK,EAAE,IAAI;EAIf,0BAAQ;IACN,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,KAAK;IACd,cAAc,EAAE,UAAoB;AFvBtC,mBAAW;ECVX,iBAAiB;EACjB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,YAAY;EAErB,YAAY;EACZ,UAAU,EAAE,UAAU;EACtB,KAAK,EAAE,GAAe;EAEtB,aAAa;EACb,MAAM,EAAE,wBAAwB;EAChC,OAAO,EAAE,OAAmB;EAC5B,MAAM,EAAE,eAAe;EAEvB,gBAAgB;EAChB,cAAc,EAAE,CAAC;EAEjB,wBAAwB;EDJtB,YAAY,EAAE,eAAe;EAC7B,MAAM,EAAE,2BAA2B;EEdrC,eAAe;EACf,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,YAAY;EACrB,QAAQ,EAAE,MAAM;EAChB,UAAU,EAAE,MAAM;EDclB,kCAA2B;IACzB,YAAY,EAAE,IAAI;EAGpB,uBAAI;IACF;8BAC0B;IAC1B,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,UAAU;ECpBxB,uBAAI;IACF,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,eAAe;IAE3B,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IAEZ,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAEhB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,qBAAqB;IAEhC,iCAAY;MACV,SAAS,EAAE,IAAI;MACf,MAAM,EAAE,IAAI;IAGd,gCAAW;MACT,UAAU,EAAE,IAAI;MAChB,KAAK,EAAE,IAAI;EAIf,yBAAQ;IACN,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,KAAK;IACd,cAAc,EAAE,IAAoB;EFhBpC,uBAAI;IACF,aAAa,EAAE,GAAG",
"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"
}