From e51b02ead576f35e465448a8c9b9d351c127c2a1 Mon Sep 17 00:00:00 2001 From: raphaelgoetter Date: Wed, 17 Jul 2013 16:15:36 +0200 Subject: [PATCH] =?UTF-8?q?La=20version=20Sass=20devient=20un=20repo=20ind?= =?UTF-8?q?=C3=A9pendant=20:=20https://github.com/HugoGiraudel/KNACSS-Sass?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sass/_forms.scss | 146 -------------------------- sass/_grids.scss | 44 -------- sass/_helpers.scss | 67 ------------ sass/_icons.scss | 188 ---------------------------------- sass/_iefix.scss | 22 ---- sass/_layout.scss | 233 ------------------------------------------ sass/_mixins.scss | 60 ----------- sass/_print.scss | 97 ------------------ sass/_reset.scss | 183 --------------------------------- sass/_rwd.scss | 193 ---------------------------------- sass/_tables.scss | 105 ------------------- sass/_typography.scss | 73 ------------- sass/knacss.scss | 27 ----- 13 files changed, 1438 deletions(-) delete mode 100644 sass/_forms.scss delete mode 100644 sass/_grids.scss delete mode 100644 sass/_helpers.scss delete mode 100644 sass/_icons.scss delete mode 100644 sass/_iefix.scss delete mode 100644 sass/_layout.scss delete mode 100644 sass/_mixins.scss delete mode 100644 sass/_print.scss delete mode 100644 sass/_reset.scss delete mode 100644 sass/_rwd.scss delete mode 100644 sass/_tables.scss delete mode 100644 sass/_typography.scss delete mode 100644 sass/knacss.scss diff --git a/sass/_forms.scss b/sass/_forms.scss deleted file mode 100644 index b95fba6..0000000 --- a/sass/_forms.scss +++ /dev/null @@ -1,146 +0,0 @@ -/* ----------------------------- */ -/* ==forms */ -/* ----------------------------- */ - -/** - * Thanks to HTML5boilerplate - * Source: github.com/nathansmith/formalize and www.sitepen.com - */ - -form, -fieldset { - border: none; -} - -/** - * 1. Bugfix alignment - */ -input, -button, select, -label, .btn { - vertical-align: middle; /* 1 */ - font-family: inherit; -} - -/** - * 1. Prevents horizontal resizing - */ -textarea { - resize: vertical; /* 1 */ - font-family: inherit; -} - - -/** - * Buttons - */ -.btn { - @include inline-block(); -} - -.btn.alternate {} -.btn.highlight {} -.login {} -.logout {} -.primary {} -.warning {} -.error {} -.success {} - -/** - * Form elements - */ -label { - @include inline-block(middle); - cursor: pointer; -} - -legend { - border: 0; - white-space: normal; -} - -button, -input, -select { - font-family: "Century Gothic", helvetica, arial, sans-serif; - font-size: 100%; - margin: 0; - vertical-align: middle; -} - -/** - * 1. Removes default vertical scrollbar on empty textarea in IE6/7/8/9 - * 2. Prevents horizontal resizing - */ -textarea { - overflow: auto; /* 1 */ - min-height: 5em; - font-size: 1.75em; - vertical-align: top; - resize: vertical; /* 2 */ -} - -/** - * 1. Clickable input types in iOS - * 2. Corrects inner spacing displayed oddly in IE7 - */ -button, -input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; - -webkit-appearance: button; /* 1 */ - *overflow: visible; /* 2 */ -} - -/** - * 1. Corrects excess space around these inputs in IE8/9 - * 2. Corrects excess space around these inputs in IE7 - */ -input[type="checkbox"], -input[type="radio"] { - padding: 0; /* 1 */ - *width: 13px; /* 2 */ - *height: 13px; /* 2 */ -} - -input[type="search"] { - -webkit-appearance: textfield; -} - -/** - * Add a slash at the end of this comment - * if select styling bugs on WebKit * - select { -webkit-appearance: none; } /**/ - -/** - * Removes 'x' on right of search input when text is entered - */ -input[type="search"] { - &::-webkit-search-decoration, - &::-webkit-search-cancel-button, - &::-webkit-search-results-button, - &::-webkit-search-results-decoration { - display: none; - } -} - -::-webkit-input-placeholder { color: #777; } - -input, textarea { - &:-moz-placeholder { color: #777; } -} - -/** - * Removes inner padding and border in FF3+ - */ -button, -input[type='button'], -input[type='reset'], -input[type='submit'] { - &::-moz-focus-inner { - border: 0; - padding: 0; - } -} diff --git a/sass/_grids.scss b/sass/_grids.scss deleted file mode 100644 index f6e38a6..0000000 --- a/sass/_grids.scss +++ /dev/null @@ -1,44 +0,0 @@ -/* ----------------------------- */ -/* ==grids */ -/* ----------------------------- */ - -/** - * Equal grids with 2% gutter - * 1. Direct childrens are floating - * 2. Gutter - */ -[class*=grid] > * { - float: left; /* 1 */ - - + * { - margin-left: 2%; /* 2 */ - } -} - -.grid2 > * { width: 49%; } -.grid3 > * { width: 32%; } -.grid4 > * { width: 23.5%; } -.grid5 > * { width: 18.4%; } -.grid6 > * { width: 15%; } - -/** - * Unequal grids (1-2, 2-1, 1-3 and 3-1) - */ -.grid2-1 > *:first-child, -.grid1-2 > * + * { width: 66%; } -.grid1-2 > *:first-child, -.grid2-1 > * + * { width: 32%; } -.grid1-3 > *:first-child, -.grid3-1 > * + * { width: 23.5%; } -.grid3-1 > *:first-child, -.grid1-3 > * + * { width: 74.5%; } - -/** - * Responsive grids - */ -@include mq(small) { - .grid4 > * { width: 49% !important; } - .grid4 > :first-child + * + * { margin-left: 0 !important; } - .grid6 > * { width: 32% !important; } - .grid6 > :first-child + * + * + * { margin-left: 0 !important; } -} diff --git a/sass/_helpers.scss b/sass/_helpers.scss deleted file mode 100644 index 6665079..0000000 --- a/sass/_helpers.scss +++ /dev/null @@ -1,67 +0,0 @@ -/* ----------------------------- */ -/* ==helpers */ -/* ----------------------------- */ - -/** - * .{SIZE}-hidden and .{SIZE}-visible helpers - */ -$breakpoints: large, small, tiny; - -@each $size in $breakpoints { - .#{$size}-hidden { - @include mq($size) { - display: none; - } - } - - .#{$size}-visible { - display: block; - - @include mq($size) { - display: block; - } - } -} - - -/** - * Clearfix - */ -.clearfix { - &:after { - content: ''; - clear: both; - display: table; - } - - @if $legacy-support-for-ie { - *zoom: 1; - } -} - -/** - * Hidden yet accessible content - */ -.visuallyhidden { - clip: rect(0 0 0 0); - width: 1px; - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - border: 0; - position: absolute; -} - -/** - * Prevent long strings to break out of their container - */ -.wrap { - -ms-word-break: break-all; - word-break: break-all; - word-break: break-word; - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; -} - diff --git a/sass/_icons.scss b/sass/_icons.scss deleted file mode 100644 index 9daea39..0000000 --- a/sass/_icons.scss +++ /dev/null @@ -1,188 +0,0 @@ -/* ----------------------------- */ -/* ==icons */ -/* ----------------------------- */ - -.icon { - @include inline-block(); -} - -/** - * 1. Future proof; prevent screen-reader from reading it - * 2. Triggers hardware acceleration - */ -.icon:before, -.icon > li:before, -.icon.after:after, -.icon.after > li:after { - content: ""; - @include inline-block(middle); - position: relative; - top: -.1em; - margin: 0 .3em 0 0; - font: 1.4em/1 sans-serif; - color: #000; - text-shadow: 1px 1px 0 rgba(0,0,0,.1); - speak: none; /* 1 */ - - @include mq(medium) { - font: 1em/0.6 sans-serif; - -webkit-transform: rotateZ(0.05deg); /* 2 */ - } -} - -.icon.after, -.icon.after > li { - &:after { - margin: 0 0 0 8px; - } -} - -ul.icon { - display: block; -} - -ul.icon > li { - list-style: none; -} - -ul.icon:before, -ul.icon.after:after { - content: ""; -} - -.icon.after, -.icon.after > li { - &:before { - content: "" !important; - } -} - -/** - * Unicode icons - * (name, unicode code, is-bold?) - */ -$icons: ( (rate, 2605, false), - (unrate, 2606, false), - (check, 2713, false), - (uncheck, 2717, false), - (cloud, 2601, false), - (dl, 21E3, true), - (cross, 2716, true), - (arrow1, 2192, false), - (arrow2, 279E, false), - (arrow3, 279A, false), - (bracket1, 2039, true), - (bracket2, 203A, true), - (up, 25B2, false), - (down, 25BC, false), - (bull, 2022, false), - (bull2, 25E6, false), - (bull3, 2023, false), - (nav, 2630, true), - (losange, 25C6, false), - (asteri, 2731, true), - (mail, 2709, false) ); - -/** - * Looping through icons - */ -@each $item in $icons { - .icon-#{nth($item, 1)}:before, - .icon-#{nth($item, 1)} > li:before, - .icon-#{nth($item, 1)}.after:after, - .icon-#{nth($item, 1)}.after > li:after { - content: "\#{nth($item, 2)}"; - @if nth($item, 3) == true { - font-weight: bold; - } - } - -} - -/** - * Icons specific - */ -.icon-arrow1:before, -.icon-arrow1 > li:before, -.icon-arrow1.after:after, -.icon-arrow1.after > li:after { - position: relative; - top: -.15em; -} - -.icon-bracket1:before, -.icon-bracket1 > li:before, -.icon-bracket1.after:after, -.icon-bracket1.after > li:after, -.icon-bracket2:before, -.icon-bracket2 > li:before, -.icon-bracket2.after:after, -.icon-bracket2.after > li:after { - font-size: 1.6em; - position: relative; - top: -.15em; -} - -.icon-bull:before, -.icon-bull > li:before, -.icon-bull.after:after, -.icon-bull.after > li:after { - font-size: 1.2em; - top: -.05em; -} - -.icon-bull2:before, -.icon-bull2 > li:before, -.icon-bull2.after:after, -.icon-bull2.after > li:after { - top: -.05em; -} - -.icon-bull3:before, -.icon-bull3 > li:before, -.icon-bull3.after:after, -.icon-bull3.after > li:after { - font-size: 1.6em; - top: -.05em; -} - -.icon-nav:before, -.icon-nav > li:before, -.icon-nav.after:after, -.icon-nav.after > li:after { - font-size: 1.6em; -} - -.icon-mail:before, -.icon-mail > li:before, -.icon-mail.after:after, -.icon-mail.after > li:after { - font-size: 1.6em; - top: -.05em; -} - -ol.styled { - counter-reset: styled; -} - -ol.styled > li { - list-style-type: none; - counter-increment: styled; - margin-bottom: .3em; -} - -ol.styled > li:before { - content: counter(styled); - @include inline-block(middle); - width: 1em; - height: 1em; - line-height: 1; - padding: 2px; - margin-right: .4em; - background: rgba(0,0,0,.5); - border-radius: 50%; - font-size: .9em; - text-align: center; - text-indent: -.1em; - color: white; -} \ No newline at end of file diff --git a/sass/_iefix.scss b/sass/_iefix.scss deleted file mode 100644 index daacddf..0000000 --- a/sass/_iefix.scss +++ /dev/null @@ -1,22 +0,0 @@ -/* HasLayout for IE6/IE7 */ -@if $legacy-support-for-ie { - .row, .col { - *zoom: 1; - } - - /* Warning: .col needs a width on IE6/IE7 */ - .col { - *display: inline; - *zoom: 1; - } - - /** - * Add a slash at the end of this comment - * If you want to enable box-sizing for IE6/IE7 - * with a polyfill - * Source: https://github.com/Schepp/box-sizing-polyfill * - * { - behavior: url(/js/boxsizing.htc); - } - /**/ -} \ No newline at end of file diff --git a/sass/_layout.scss b/sass/_layout.scss deleted file mode 100644 index 42d84e4..0000000 --- a/sass/_layout.scss +++ /dev/null @@ -1,233 +0,0 @@ -/* ----------------------------- */ -/* ==layouts */ -/* ----------------------------- */ - -/** - * Switching box-model for all elements - * 1. ...and pseudo-elements - */ -*, -*:after, /* 1 */ -*:before { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -/** - * Float layout - * module, contains floats (.item is the same) - */ -.mod, -.item { - overflow: hidden; -} - -/** - * Blocks that needs to be placed under floats - */ -.clear, -.line, -.row { - clear: both; -} - -/** - * Blocks that must contain floats - */ -.clearfix, -.line, -.mod { - @extend .clearfix; -} - -/** - * Table layout - */ -.row { - display: table; - table-layout: fixed; - width: 100%; -} - -.row > *, -.col { - display: table-cell; - vertical-align: top; -} - -/** - * Inline-blocks - */ -.inbl { - @include inline-block(top); - margin-right: -.25em; -} - -/** - * Flexbox layout - */ -.flex { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; -} - -.flex-h { - -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} - -.flex-v { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.flex-fluid { - -webkit-box-flox: 1; - -moz-box-flex: 1; - -webkit-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.flex-start { - -webkit-box-ordinal-group: -1; - -moz-box-ordinal-group: 0; - -ms-flex-order: -1; - -webkit-order: -1; - -moz-order: -1; - order: -1; -} - -.flex-mid { - -webkit-box-ordinal-group: 1; - -moz-box-ordinal-group: 1; - -ms-flex-order: 1; - -webkit-order: 1; - -moz-order: 1; - order: 1; -} - -.flex-end { - -webkit-box-ordinal-group: 42; - -moz-box-ordinal-group: 42; - -ms-flex-order: 42; - -webkit-order: 42; - -moz-order: 42; - order: 42; -} - -/* Alignments (blocks and inline) */ -/* ------------------------------ */ - -.left { float: left; } -.right { float: right; } - -img.left { margin-right: 1em; } -img.right { margin-left: 1em; } - -img.left, -img.right { margin-bottom: 5px; } - -.center { margin-left: auto; margin-right: auto; } -.txtleft { text-align: left; } -.txtright { text-align: right; } -.txtcenter { text-align: center; } - -/** - * Blocks widths - * (percentages and pixels) - */ -%width-helper { - @include mq(small) { - width: auto; - } -} - -.w10 { width: 10%; } -.w20 { width: 20%; } -.w25 { width: 25%; } -.w30 { width: 30%; } -.w33 { width: 33.333%; } -.w40 { width: 40%; } -.w50 { width: 50%; } -.w60 { width: 60%; @extend %width-helper; } -.w66 { width: 66.666%; @extend %width-helper; } -.w70 { width: 70%; @extend %width-helper; } -.w75 { width: 75%; @extend %width-helper; } -.w80 { width: 80%; @extend %width-helper; } -.w90 { width: 90%; @extend %width-helper; } -.w100 { width: 100%; @extend %width-helper; } - -.w50p { width: 50px; } -.w100p { width: 100px; } -.w150p { width: 150px; } -.w200p { width: 200px; } -.w300p { width: 300px; } -.w400p { width: 400px; } -.w500p { width: 500px; } -.w600p { width: 600px; @extend %width-helper; } -.w700p { width: 700px; @extend %width-helper; } -.w800p { width: 800px; @extend %width-helper; } -.w960p { width: 960px; @extend %width-helper; } -.mw960p { max-width: 960px; } - -/** - * Spacing helpers - * p, m = padding,margin - * a, t, r, b, l = all, top, right, bottom, left - * s, m, l, n, 0 = small(10px), medium(20px), large(30px), zero or none(0) - * Source: https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css - */ -.m-reset, .ma0 { margin: 0 !important; } -.p-reset, .pa0 { padding: 0 !important; } -.ma1, .mas { margin: 10px !important; } -.ma2, .mam { margin: 20px !important; } -.ma3, .mal { margin: 30px !important; } -.pa1, .pas { padding: 10px; } -.pa2, .pam { padding: 20px; } -.pa3, .pal { padding: 30px; } - -.mt0, .mtn { margin-top: 0 !important; } -.mt1, .mts { margin-top: 10px !important; } -.mt2, .mtm { margin-top: 20px !important; } -.mt3, .mtl { margin-top: 30px !important; } -.mr0, .mrn { margin-right: 0; } -.mr1, .mrs { margin-right: 10px; } -.mr2, .mrm { margin-right: 20px; } -.mr3, .mrl { margin-right: 30px; } -.mb0, .mbn { margin-bottom: 0 !important; } -.mb1, .mbs { margin-bottom: 10px !important; } -.mb2, .mbm { margin-bottom: 20px !important; } -.mb3, .mbl { margin-bottom: 30px !important; } -.ml0, .mln { margin-left: 0; } -.ml1, .mls { margin-left: 10px; } -.ml2, .mlm { margin-left: 20px; } -.ml3, .mll { margin-left: 30px; } - -.pt0, .ptn { padding-top: 0; } -.pt1, .pts { padding-top: 10px; } -.pt2, .ptm { padding-top: 20px; } -.pt3, .ptl { padding-top: 30px; } -.pr0, .prn { padding-right: 0; } -.pr1, .prs { padding-right: 10px; } -.pr2, .prm { padding-right: 20px; } -.pr3, .prl { padding-right: 30px; } -.pb0, .pbn { padding-bottom: 0; } -.pb1, .pbs { padding-bottom: 10px; } -.pb2, .pbm { padding-bottom: 20px; } -.pb3, .pbl { padding-bottom: 30px; } -.pl0, .pln { padding-left: 0; } -.pl1, .pls { padding-left: 10px; } -.pl2, .plm { padding-left: 20px; } -.pl3, .pll { padding-left: 30px; } \ No newline at end of file diff --git a/sass/_mixins.scss b/sass/_mixins.scss deleted file mode 100644 index 54db313..0000000 --- a/sass/_mixins.scss +++ /dev/null @@ -1,60 +0,0 @@ -/* ----------------------------- */ -/* ==mixins */ -/* ----------------------------- */ - -/** - * Mixin to handle media queries breakpoints - */ -@mixin mq($keyword) { - @if $keyword == large { - @media (min-width: 1280px) { @content; } - } - @if $keyword == medium { - @media (min-width: 769px) { @content; } - } - @if $keyword == small { - @media (max-width: 768px) { @content; } - } - @if $keyword == tiny { - @media (max-width: 640px) { @content; } - } - @if $keyword == retina { - @media - only screen and (-webkit-min-device-pixel-ratio: 2), - only screen and (min-resolution: 192dpi), - only screen and (min-resolution: 2dppx) { - @content; - } - } -} - -/** - * Mixin to handle REM font sizing with PX fallback - */ -@mixin rem($value, $base: 10) { - @if $legacy-support-for-ie { - font-size: $value + px; - } - font-size: $value / $base + rem; -} - -/** - * Compass-like inline-block mixin - */ -@mixin inline-block($alignment: none) { - @if $legacy-support-for-mozilla { - display: -moz-inline-stack; - } - - display: inline-block; - - @if $alignment and $alignment != none { - vertical-align: $alignment; - } - - @if $legacy-support-for-ie { - *vertical-align: auto; - zoom: 1; - *display: inline; - } -} \ No newline at end of file diff --git a/sass/_print.scss b/sass/_print.scss deleted file mode 100644 index 20afdf1..0000000 --- a/sass/_print.scss +++ /dev/null @@ -1,97 +0,0 @@ -/* ----------------------------- */ -/* ==print */ -/* ----------------------------- */ - -@media print { - * { - background: transparent !important; - box-shadow: none !important; - text-shadow: none !important; - } - - body { - width: auto !important; - margin: auto !important; - font-family: serif; - font-size: 12pt; - background-color: #fff !important; - color: #000 !important; - } - - h1, h2, h3, h4, h5, h6, - p, blockquote, - ul, ol { - color: #000 !important; - margin: auto !important; - } - - /** - * Displays possible .print elements - */ - .print { - display: block; - } - - /** - * Try turning images to black and white if supported filters - */ - img { - -webkit-filter: grayscale(100%); - -moz-filter: grayscale(100%); - -ms-filter: grayscale(100%); - -o-filter: grayscale(100%); - filter: grayscale(100%); - } - - /** - * 1. No orphans - * 2. No widows - */ - p, - blockquote { - orphans: 3; /* 1 */ - widows: 3; /* 2 */ - } - - /** - * Prevents breaks inside these elements - */ - blockquote, - ul, ol { - page-break-inside: avoid; - } - - /** - * Forces page break before main headers - */ - h1 { - page-break-before: always; - } - - /** - * Prevents breaks after these elements - */ - h1, h2, h3, - caption { - page-break-after: avoid; - } - - /** - * 1. Displays url after link - * 2. ... unless it's a JS or empty link - */ - a { - color: #000 !important; - text-decoration: underline !important; - - &[href]:after { - content: " (" attr(href) ")"; /* 1 */ - } - - &[href^="javascript:"]:after, - &[href^="#"]:after, - &[href=""] { - content: ''; /* 2 */ - } - } -} \ No newline at end of file diff --git a/sass/_reset.scss b/sass/_reset.scss deleted file mode 100644 index dd6f891..0000000 --- a/sass/_reset.scss +++ /dev/null @@ -1,183 +0,0 @@ -/* ----------------------------- */ -/* ==reset */ -/* ----------------------------- */ - -/** - * Soft reset - */ -html, body, -textarea, -figure, label { - margin: 0; - padding: 0; -} - -ul, ol { - padding-left: 2em; - - &.unstyled { - list-style: none; - } -} - -code, pre, -samp, kbd { - white-space: pre-wrap; - font-family: consolas, 'DejaVu Sans Mono', courier, monospace; - line-height: 1em; -} - -code, kbd, mark { - border-radius: 2px; -} - -em { - font-style: italic; -} - -strong { - font-weight: bold; -} - -kbd { - padding: 0 2px; - border: 1px solid #999; -} - -code { - padding: 2px 4px; - background: rgba(0,0,0,.04); - color: #b11; -} - -mark { - padding:2px 4px; - background: #ff0; -} - -sup, -sub { - vertical-align: 0; - position: relative; -} - -sup { - bottom: 1ex; -} - -sub { - top: .5ex; -} - -table { - margin-bottom: 1.5em; -} - -/** - * Avoid top margins on first content element - */ -p, ul, ol dl, -blockquote, pre, -h1, h2, h3, h4, h5, h6 { - &:first-child { - margin-top: 0; - } -} - -/** - * Avoid margins on nested elements - */ -li { - p, ul, ol { - margin-top: 0; - margin-bottom: 0; - } -} - -/** - * Prevents those to break out of their container - */ -img, table, td, -blockquote, code, pre, -textarea, input, video { - max-width: 100%; -} - -/** - * Pictures - * 1. Bugfix for IE8 - * 2. Bigfix for Gmap3 - * 3. Remove blue border on IE - */ -img { - height: auto; - vertical-align: middle; - width: auto; /* 1 */ - - #map_canvas &, - .gmnoprint & { - max-width: none; /* 2 */ - } - - a & { - border: 0; /* 3 */ - } -} - -@include mq(small) { - div, textarea, - table, td, th, - code, pre, samp { - -ms-word-break: break-all; - word-break: break-all; - word-break: break-word; - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; - } -} - -/** - * Hide script and style tags in case of table mode - */ -body > script, -body > style { - display: none !important; -} - - -/* skip-links */ -.skip-links { - position: absolute; - - a { - position: absolute; - left: -7000px; - padding: 0.5em; - background: #000; - color:#fff; - text-decoration: none; - - &:focus { - position: static; - } - } -} - -/* Quick print reset */ -@media print { - p, blockquote { - orphans: 2; - widows: 2; - } - - blockquote, - ul, ol { - page-break-inside: avoid; - } - - h1, h2, h3, - caption { - page-break-after: avoid; - } -} \ No newline at end of file diff --git a/sass/_rwd.scss b/sass/_rwd.scss deleted file mode 100644 index 105e956..0000000 --- a/sass/_rwd.scss +++ /dev/null @@ -1,193 +0,0 @@ -/* ----------------------------- */ -/* ==desktop and retina medias */ -/* ----------------------------- */ - -/* ----------------------------- */ -/* ==viewport fixing for RWD */ -/* ----------------------------- */ -@-webkit-viewport { - width: device-width; - zoom: 1.0; -} -@-moz-viewport { - width: device-width; - zoom: 1.0; -} -@-ms-viewport { - width: device-width; - zoom: 1.0; -} -@-o-viewport { - width: device-width; - zoom: 1.0; -} -@viewport { - width: device-width; - zoom: 1.0; -} - -@include mq(medium) { - /* Big resources like background-images, font-faces, etc. */ -} - -@include mq(retina) { - /* Retina-specific stuff here */ -} - -/* ---------------------------------- */ -/* ==Responsive large / small / tiny */ -/* ---------------------------------- */ - -@include mq(large) { - - .large-no-float { float: none; } - - .large-inbl { - @include inline-block(top); - float: none; - } - - .large-row { - display: table; - table-layout: fixed; - width: 100% !important; - } - - .large-col { - display: table-cell; - vertical-align: top; - } - - /* Widths for large (l) screens */ - .large-w25 { width: 25% !important; } - .large-w33 { width: 33.3333% !important; } - .large-w50 { width: 50% !important; } - .large-w66 { width: 66.6666% !important; } - .large-w75 { width: 75% !important; } - .large-w100 { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; - } - - /* Margins for large (l) screens */ - .large-ma0, - .large-man { margin: 0 !important; } -} - -@include mq(small) { - .small-no-float { float: none; } - - .small-inbl { - @include inline-block(top); - float: none; - } - - .small-row { - display: table !important; - table-layout: fixed !important; - width: 100% !important; - } - - .small-col { - display: table-cell !important; - vertical-align: top !important; - } - - /* widths for small (s) screens */ - .small-w25 { width: 25% !important; } - .small-w33 { width: 33.3333% !important; } - .small-w50 { width: 50% !important; } - .small-w66 { width: 66.6666% !important; } - .small-w75 { width: 75% !important; } - - .small-w100 { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; - } - - /* margins for small (s) screens */ - .small-ma0, - .small-man { margin: 0 !important; } -} - -@include mq(tiny) { - - /* Quick smartphone reset */ - .mod, - .item, - .col, - fieldset { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; - } - - .w30, - .w33, - .w40, - .w50, - .w300p, - .w400p, - .w500p { - width: auto; - } - - .row { - display: block !important; - width: 100% !important; - } - - - .tiny-no-float { float: none; } - - .tiny-inbl { - @include inline-block(top); - float: none; - } - - .tiny-row { - display: table !important; - table-layout: fixed !important; - width: 100% !important; - } - - .tiny-col { - display: table-cell !important; - vertical-align: top !important; - } - - /* widths for tiny (t) screens */ - .tiny-w25 { width: 25% !important; } - .tiny-w33 { width: 33.3333% !important; } - .tiny-w50 { width: 50% !important; } - .tiny-w66 { width: 66.6666% !important; } - .tiny-w75 { width: 75% !important; } - - .tiny-w100 { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; - } - - /* Margins for tiny (t) screens */ - .tiny-ma0, - .tiny-man { margin: 0 !important; } -} \ No newline at end of file diff --git a/sass/_tables.scss b/sass/_tables.scss deleted file mode 100644 index ba27d81..0000000 --- a/sass/_tables.scss +++ /dev/null @@ -1,105 +0,0 @@ -/* ----------------------------- */ -/* ==tables */ -/* ----------------------------- */ - -$border: 1px solid #ccc; - -table, -.table { - max-width : 100%; - table-layout: fixed; - border-collapse: collapse; - vertical-align: top; -} - -table { - width: 100%; -} - -.table { - display: table; -} - -caption { - padding: 10px; - color: #555; - font-style: italic; -} - -table { - border: $border; -} - -thead { - @include mq(tiny) { - display: none; - } -} - -tr > * + * { - border-left: $border; -} - -th, -td { - padding: .3em .8em; - text-align: left; - border-bottom: $border; - - @include mq(tiny) { - display: block !important; - width: auto !important; - text-align: left !important; - } -} - -td { - color: #333; -} - -/** - * Alternate tables - */ -.alternate { - border: 0; - - thead tr > * + * { - border-left: 0; - } - - tbody tr > * + * { - border-left: $border; - } -} - -/** - * Alternate-vert tables - */ -.alternate-vert { - border: 0; - border-right: $border; - - tr > :first-child { - border-bottom: 0; - } - - tr > * + * { - border-top: $border; - } -} - -/** - * Striped tables - */ -.striped tbody tr:nth-child(odd) { - background: #eee; - background: rgba(0, 0, 0, .05); -} - -/** - * Striped-vert tables - */ -.striped-vert tr > :first-child { - background: #eee; - background: rgba(0, 0, 0, .05); -} \ No newline at end of file diff --git a/sass/_typography.scss b/sass/_typography.scss deleted file mode 100644 index a6694bb..0000000 --- a/sass/_typography.scss +++ /dev/null @@ -1,73 +0,0 @@ -/* ----------------------------- */ -/* ==typography */ -/* ----------------------------- */ - -/** - * 1. Base font-size (corresponds to 10px) adapted to REM unit - * 2. Orientation iOS font-size fix - */ -html { - font-size: 62.5%; /* 1 */ - @media (orientation: landscape) and (max-device-width: 768px) { - -webkit-text-size-adjust: 100%; /* 2 */ - } -} - -body { - color: #000; - font-family: "Century Gothic", helvetica, arial, sans-serif; - @include rem(14); - line-height: 1.5; -} - -/** - * Font-sizing for content - * Preserves vertical-rythm - * Source: http://soqr.fr/vertical-rhythm/ - */ -p, ul, ol, dl, -blockquote, pre, -td, th, -label, textarea, -caption, details, figure { - @include rem(14); - line-height: 1.5; - margin: .75em 0 0; -} - -h1, .h1-like, -h2, .h2-like, -h3, .h3-like, -h4, .h4-like, -h5, .h5-like, -h6, .h6-like { - font-weight: normal; - margin: 21px 0 0 0; -} - -h1, .h1-like, -h2, .h2-like, -h3, .h3-like { - line-height: 42px; -} - -h4, .h4-like, -h5, .h5-like, -h6, .h6-like { - line-height: 21px; -} - -h1, .h1-like { @include rem(26); } -h2, .h2-like { @include rem(24); } -h3, .h3-like { @include rem(22); } -h4, .h4-like { @include rem(20); } -h5, .h5-like { @include rem(18); } -h6, .h6-like { @include rem(16); } - -/* alternate font-sizing */ -.smaller { @include rem(10); } -.small { @include rem(12); } -.medium { @include rem(14); } -.big { @include rem(16); } -.bigger { @include rem(18); } -.biggest { @include rem(20); } \ No newline at end of file diff --git a/sass/knacss.scss b/sass/knacss.scss deleted file mode 100644 index 283c5cc..0000000 --- a/sass/knacss.scss +++ /dev/null @@ -1,27 +0,0 @@ -/* -* www.KNACSS.com V2.6d @author: Raphael Goetter, Alsacreations -* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ -*/ - -/** - * Enable support for old browsers - * 1. IE8- - * 2. Firefox 3.6 - */ -$legacy-support-for-ie: true; /* 1 */ -$legacy-support-for-mozilla: true; /* 2 */ - -/** - * Import modules of your choice - */ -@import "mixins"; -@import "helpers"; -@import "forms"; -@import "icons"; -@import "print"; -@import "tables"; -@import "grids"; -@import "layout"; -@import "typography"; -@import "iefix"; -@import "reset"; \ No newline at end of file