diff --git a/KNACSS b/KNACSS deleted file mode 160000 index 95d98f8..0000000 --- a/KNACSS +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 95d98f8ca080d62d85a76440d8b5bb7c9381eb3d diff --git a/less/_01-base.less b/less/_01-base.less deleted file mode 100644 index eaa346e..0000000 --- a/less/_01-base.less +++ /dev/null @@ -1,370 +0,0 @@ -/*! -* www.KNACSS.com V3.1.0 (2014-10-20) @author: Raphael Goetter, Alsacreations -* Licence WTFPL http://www.wtfpl.net/ -*/ - -/* ----------------------------- */ -/* == soft reset */ -/* ----------------------------- */ - -/* switching box model for all elements */ -* { - box-sizing: border-box; -} - -/* soft reset */ -html, -body { - margin: 0; - padding: 0; -} - -ul, -ol { - padding-left: 2em; -} - -ul.unstyled { - list-style: none; -} - -img { - height: auto; - vertical-align: middle; - border: 0; -} - -blockquote, -figure { - margin-left: 0; - margin-right: 0; -} - -audio, -canvas, -video { - display: inline-block; -} - -svg:not(:root) { - overflow: hidden; -} - -/* ----------------------------- */ -/* == typography */ -/* ----------------------------- */ - - -html { - - /* set base font-size to equiv "10px", which is adapted to rem unit */ - font-size: 62.5%; - - /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ - /* thanks to @guardian, @victorbritopro and @eQRoeil */ - font-size: calc(1em * 0.625); - - /* disallow text zooming on orientation change (non standard property) */ - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - - /* set body font-size in em (1.4em equiv "14px") */ - font-size: unit((@base-font-size / 10), em); - - background-color: @base-background; - color: @base-color; - font-family: @font-stack-common; - line-height: @line-height; -} - -a { - color: @base-color-link; - &:hover, &:focus, &:active { - color: @base-color-link-hover; - } -} - -/* font-sizing for content */ -p, -.p-like, -ul, -ol, -dl, -blockquote, -pre, -td, -th, -label, -textarea, -caption, -details, -figure { - margin-top: 0.75em; - margin-bottom: 0; - line-height: @line-height; -} - -h1, -.h1-like { - font-size: @h1-size; - font-family: @font-stack-headings; -} - -h2, -.h2-like { - font-size: @h2-size; - font-family: @font-stack-headings; -} - -h3, -.h3-like { - font-size: @h3-size; -} - -h4, -.h4-like { - font-size: @h4-size; -} - -h5, -.h5-like { - font-size: @h5-size; -} - -h6, -.h6-like { - font-size: @h6-size; -} - -/* alternate font-sizing */ -.smaller { - .em(@base-font-size - 4); -} - -.small { - .em(@base-font-size - 2); -} - -.big { - .em(@base-font-size + 2); -} - -.bigger { - .em(@base-font-size + 4); -} - -.biggest { - .em(@base-font-size + 6); -} - -code, -pre, -samp, -kbd { - /* IE fix */ - white-space: pre-line; - white-space: pre-wrap; - font-family: @font-stack-monospace; - line-height: normal; -} - -em, -.italic, -address, -cite, -dfn, -i, -var { - font-style: italic; -} - -strong, -.bold { - font-weight: bold; -} - -small, -sub, -sup { - font-size: smaller; -} - -/* ----------------------------- */ -/* == hiding content */ -/* ----------------------------- */ - -/* hidden but not for an assistive technology like a screen reader, Yahoo! method */ -.visually-hidden { - position: absolute !important; - border: 0 !important; - height: 1px !important; - width: 1px !important; - padding: 0 !important; - overflow: hidden !important; - clip: rect(1px, 1px, 1px, 1px) !important; -} - -body > script { - display: none !important; -} - -@media (max-width: @small-screen) { - .no-small-screen { - display: none; - } -} - -@media (min-width: @large-screen) { - .no-large-screen { - display: none; - } -} - -/* ----------------------------- */ -/* == browsers consistency */ -/* ----------------------------- */ - -/* avoid top margins on first content element */ -p, -.p-like, -ul, -ol, -dl, -blockquote, -pre, -h1, -h2, -h3, -h4, -h5, -h6 { - &:first-child { - margin-top: 0; - } -} - -/* avoid margins on nested elements */ -li p, -li .p-like, -li ul, -li ol { - margin-top: 0; - margin-bottom: 0; -} - -/* max values */ -img, -table, -td, -blockquote, -code, -pre, -textarea, -input, -video { - max-width: 100%; -} - -/* margin-bottom on tables */ -table { - margin-bottom: @medium-value; -} - -/* ----------------------------- */ -/* ==layout and modules */ -/* ----------------------------- */ - -/* float layout */ -/* module, gains superpower "BFC" Block Formating Context */ -.mod { - overflow: hidden; -} - -/* blocks that needs to be placed under floats */ -.clear, -.line, -.row { - clear: both; -} - -/* blocks that must contain floats */ -.clearfix, -.line { - &:after { - content: ""; - display: table; - clear: both; - border-collapse: collapse; - } -} - -/* table layout */ -.row { - display: table; - table-layout: fixed; - width: 100%; -} - -.row > *, -.col { - display: table-cell; - vertical-align: top; -} - -/* inline-block */ -.inbl { - display: inline-block; - vertical-align: top; -} - -/* alignments (blocks and inline) */ -/* ------------------------------ */ - -/* left (or starting) elements */ -.left, -.start { - float: left; -} - -img.left, -img.start { - margin-right: @small-value; -} - -/* right (or ending) elements */ -.right, -.end { - float: right; -} - -img.right, -img.end { - margin-left: @small-value; -} - -img.left, -img.right, -img.start, -img.end { - margin-bottom: @tiny-value; -} - -.center { - margin-left: auto; - margin-right: auto; -} - -.txtleft { - text-align: left; -} - -.txtright { - text-align: right; -} - -.txtcenter { - text-align: center; -} diff --git a/less/_02-helpers.less b/less/_02-helpers.less deleted file mode 100644 index 170a436..0000000 --- a/less/_02-helpers.less +++ /dev/null @@ -1,287 +0,0 @@ -/* ---------------------------------- */ -/* ==visual helpers */ -/* .. use them with parcimony ! */ -/* ---------------------------------- */ - -/* blocks widths (percentage and pixels) */ -.w10 { - width: 10%; -} - -.w20 { - width: 20%; -} - -.w25 { - width: 25%; -} - -.w30 { - width: 30%; -} - -.w33 { - width: 33.3333%; -} - -.w40 { - width: 40%; -} - -.w50 { - width: 50%; -} - -.w60 { - width: 60%; -} - -.w66 { - width: 66.6666%; -} - -.w70 { - width: 70%; -} - -.w75 { - width: 75%; -} - -.w80 { - width: 80%; -} - -.w90 { - width: 90%; -} - -.w100 { - width: 100%; -} - - -.w50p { - width: 50px; -} - -.w100p { - width: 100px; -} - -.w150p { - width: 150px; -} - -.w200p { - width: 200px; -} - -.w300p { - width: 300px; -} - -.w400p { - width: 400px; -} - -.w500p { - width: 500px; -} - -.w600p { - width: 600px; -} - -.w700p { - width: 700px; -} - -.w800p { - width: 800px; -} - -.w960p { - width: 960px; -} - -.mw960p { - max-width: 960px; -} - -.w1140p { - width: 1140px; -} - -.mw1140p { - max-width: 1140px; -} - -.wauto { - width: auto; -} - -/* spacing helpers -p,m = padding,margin -a,t,r,b,l = all,top,right,bottom,left -s,m,l,n = small, medium, large, none -*/ -.man { - margin: 0; -} - -.pan { - padding: 0; -} - -.mas { - margin: @small-value; -} - -.mam { - margin: @medium-value; -} - -.mal { - margin: @large-value; -} - -.pas { - padding: @small-value; -} - -.pam { - padding: @medium-value; -} - -.pal { - padding: @large-value; -} - -.mtn { - margin-top: 0; -} - -.mts { - margin-top: @small-value; -} - -.mtm { - margin-top: @medium-value; -} - -.mtl { - margin-top: @large-value; -} - -.mrn { - margin-right: 0; -} - -.mrs { - margin-right: @small-value; -} - -.mrm { - margin-right: @medium-value; -} - -.mrl { - margin-right: @large-value; -} - -.mbn { - margin-bottom: 0; -} - -.mbs { - margin-bottom: @small-value; -} - -.mbm { - margin-bottom: @medium-value; -} - -.mbl { - margin-bottom: @large-value; -} - -.mln { - margin-left: 0; -} - -.mls { - margin-left: @small-value; -} - -.mlm { - margin-left: @medium-value; -} - -.mll { - margin-left: @large-value; -} - -.ptn { - padding-top: 0; -} - -.pts { - padding-top: @small-value; -} - -.ptm { - padding-top: @medium-value; -} - -.ptl { - padding-top: @large-value; -} - -.prn { - padding-right: 0; -} - -.prs { - padding-right: @small-value; -} - -.prm { - padding-right: @medium-value; -} - -.prl { - padding-right: @large-value; -} - -.pbn { - padding-bottom: 0; -} - -.pbs { - padding-bottom: @small-value; -} - -.pbm { - padding-bottom: @medium-value; -} - -.pbl { - padding-bottom: @large-value; -} - -.pln { - padding-left: 0; -} - -.pls { - padding-left: @small-value; -} - -.plm { - padding-left: @medium-value; -} - -.pll { - padding-left: @large-value; -} \ No newline at end of file diff --git a/less/_06-icons.less b/less/_06-icons.less deleted file mode 100644 index e7721aa..0000000 --- a/less/_06-icons.less +++ /dev/null @@ -1,160 +0,0 @@ -/* ----------------------------- */ -/* ==icons and bullets */ -/* ----------------------------- */ - -.icon {display: inline-block;} - -.icon:before, -.icon.after:after { - content: ""; - display: inline-block; - vertical-align: middle; - position: relative; top: -0.1em; - margin: 0 0.3em 0 0; - font: 1.4em/1 sans-serif; - color: #000; - text-shadow: 1px 1px 0 rgba(0,0,0,.1); - speak: none; -} - -@media (min-device-width: @small-screen) { - .icon:before, - .icon.after:after { - font: 1em/0.6 sans-serif; - -webkit-transform: rotateZ(0.05deg); - } -} - -.icon.after:after { - margin: 0 0 0 8px; -} - -.icon.after:before { - content: "" !important; -} - -.icon-rate:before, -.icon-rate.after:after { - content: "\2605"; -} - -.icon-unrate:before, -.icon-unrate.after:after{ - content: "\2606"; -} - -.icon-check:before, -.icon-check.after:after{ - content: "\2713"; -} - -.icon-uncheck:before, -.icon-uncheck.after:after{ - content: "\2717"; -} - -.icon-cloud:before, -.icon-cloud.after:after { - content: "\2601"; -} - -.icon-dl:before, -.icon-dl.after:after { - content: "\21E3"; - font-weight: bold; -} - -.icon-cross:before, -.icon-cross.after:after { - content: "\2716"; - font-weight: bold; -} - -.icon-arrow1:before, -.icon-arrow1.after:after { - content: "\2192"; - position: relative; - top: -0.15em; -} - -.icon-arrow2:before, -.icon-arrow2.after:after { - content: "\279E"; -} - -.icon-arrow3:before, -.icon-arrow3.after:after { - content: "\279A"; -} - -.icon-bracket1:before, -.icon-bracket1.after:after { - content: "\2039"; - font-weight: bold; - font-size: 1.6em; - position: relative; - top: -0.15em; -} - -.icon-bracket2:before, -.icon-bracket2.after:after { - content: "\203A"; - font-weight: bold; - font-size: 1.6em; - position: relative; - top: -0.15em; -} - -.icon-up:before, -.icon-up.after:after { - content: "\25B2"; -} - -.icon-down:before, -.icon-down.after:after { - content: "\25BC"; -} - -.icon-bull:before, -.icon-bull.after:after { - content: "\2022"; - font-size: 1.2em; - top: -0.05em; -} - -.icon-bull2:before, -.icon-bull2.after:after { - content: "\25E6"; - top: -0.05em; -} - -.icon-bull3:before, -.icon-bull3.after:after{ - content: "\2023"; - font-size: 1.6em; - top: -0.05em; -} - -.icon-nav:before, -.icon-nav.after:after { - content: "\2261"; - font-weight: bold; -} - -.icon-losange:before, -.icon-losange.after:after { - content: "\25C6"; -} - -.icon-asteri:before, -.icon-asteri.after:after { - content: "\2731"; - font-weight: bold; -} - -.icon-mail:before, -.icon-mail.after:after { - content: "\2709"; - font-size: 1.6em; - top: -.05em; -} diff --git a/less/_07-flexbox.less b/less/_07-flexbox.less deleted file mode 100644 index dead3ad..0000000 --- a/less/_07-flexbox.less +++ /dev/null @@ -1,29 +0,0 @@ -/* flexbox layout -Tutorial: http://knacss.com/demos/tutoriel.html#flex */ -.flex { - display : flex; -} - -.flex-h { - flex-direction: row; -} - -.flex-v { - flex-direction: column; -} - -.flex-fluid { - flex: 1; -} - -.flex-start { - order : -1; -} - -.flex-mid { - order : 1; -} - -.flex-end { - order : 42; -} diff --git a/less/_08-rwd.less b/less/_08-rwd.less deleted file mode 100644 index df71f0b..0000000 --- a/less/_08-rwd.less +++ /dev/null @@ -1,404 +0,0 @@ -/* ----------------------------- */ -/* ==desktop and HD devices */ -/* ----------------------------- */ - -@media (min-width: (@medium-screen + 1)) { - /* rules for big resources and big screens like: background-images, font-faces, etc. */ -} - -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { - /* style adjustments for high density devices */ -} - -/* ---------------------------------- */ -/* ==Responsive large */ -/* ---------------------------------- */ - -@media (min-width: (@medium-screen + 1)) { - - /* layouts for large screens */ - .large-hidden { - display: none !important; - } - - .large-visible { - display: block !important; - } - - .large-no-float { - float: none; - } - - .large-inbl { - display: inline-block; - float: none; - vertical-align: top; - } - .large-row { - display: table; - table-layout: fixed; - width: 100% !important; - } - .large-col { - display: table-cell; - vertical-align: top; - } - - /* widths for large 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, - .large-wauto { - 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 screens */ - .large-man { - margin: 0 !important; - } - - /* grid rwd for large screens */ - .grid5 > *, - .grid6 > *, - .grid8 > *, - .grid10 > *, - .grid12 > * { - width: 33.333%; - } - - /* autogrid rwd for large screens */ - .autogrid5 > *, - .autogrid6 > *, - .autogrid8 > *, - .autogrid10 > *, - .autogrid12 > * { - width: 32%; - } -} - -/* ---------------------------------- */ -/* ==Responsive medium */ -/* ---------------------------------- */ - -@media (min-width: (@small-screen + 1)) and (max-width: @medium-screen) { - - /* layouts for medium screens */ - .medium-hidden { - display: none !important; - } - - .medium-visible { - display: block !important; - } - - .medium-no-float { - float: none; - } - - .medium-inbl { - display: inline-block; - float: none; - vertical-align: top; - } - .medium-row { - display: table; - table-layout: fixed; - width: 100% !important; - } - .medium-col { - display: table-cell; - vertical-align: top; - } - - /* widths for medium screens */ - .medium-w25 { - width: 25% !important; - } - - .medium-w33 { - width: 33.3333% !important; - } - - .medium-w50 { - width: 50% !important; - } - - .medium-w66 { - width: 66.6666% !important; - } - - .medium-w75 { - width: 75% !important; - } - - .medium-w100, - .medium-wauto { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; - } - - /* margins for medium screens */ - .medium-man { - margin: 0 !important; - } -} - -/* ---------------------------------- */ -/* ==Responsive small */ -/* ---------------------------------- */ - -@media (min-width: (@tiny-screen + 1)) and (max-width: @small-screen) { - - /* quick small resolution reset */ - .mod, - .col, - fieldset { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; - } - - /* quick reset in small resolution and less */ - .w600p, - .w700p, - .w800p, - .w960p, - .mw960p { - width: auto; - float: none; - } - - /* layouts for small screens */ - .small-hidden { - display: none !important; - } - - .small-visible { - display: block !important; - } - - .small-no-float { - float: none; - } - - .small-inbl { - display: inline-block; - float: none; - vertical-align: top; - } - .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 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, - .small-wauto { - 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 screens */ - .small-man { - margin: 0 !important; - } - - .small-pan { - padding: 0 !important; - } - - /* grid rwd for small screens */ - .grid3 > *, - .grid4 > *, - .grid5 > *, - .grid6 > *, - .grid8 > *, - .grid10 > *, - .grid12 > * { - width: 50%; - } - - /* autogrid rwd for small screens */ - .autogrid5 > *, - .autogrid6 > *, - .autogrid8 > *, - .autogrid10 > *, - .autogrid12 > * { - width: 49% !important; - } -} - -/* ---------------------------------- */ -/* ==Responsive tiny */ -/* ---------------------------------- */ - -@media (max-width: @tiny-screen) { - - .w300p, - .w400p, - .w500p { - width: auto; - float: none; - } - - .row { - display: block !important; - width: 100% !important; - } - - /* layouts for tiny screens */ - .tiny-hidden { - display: none !important; - } - - .tiny-visible { - display: block !important; - } - - .tiny-no-float { - float: none; - } - - .tiny-inbl { - display: inline-block; - float: none; - vertical-align: top; - } - - .tiny-row { - display: table !important; - table-layout: fixed !important; - width: 100% !important; - } - - .tiny-col { - display: table-cell !important; - vertical-align: top !important; - } - - th, - td { - display: block !important; - width: auto !important; - text-align: left !important; - } - - thead { - display: none; - } - - /* widths for tiny 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, - .tiny-wauto { - 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 screens */ - .tiny-man { - margin: 0 !important; - } - - .tiny-pan { - padding: 0 !important; - } - - /* grid rwd for tiny screens */ - .grid > * > * { - width: 100% !important; - } - - /* autogrid rwd for tiny screens */ - [class*="autogrid"] > * { - width: 100% !important; - } -} - diff --git a/less/_09-print.less b/less/_09-print.less deleted file mode 100644 index 83f504e..0000000 --- a/less/_09-print.less +++ /dev/null @@ -1,86 +0,0 @@ -/* quick print reset */ -@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: #333 !important; - } - - p, - h1, - h2, - h3, - h4, - h5, - h6, - blockquote, - ul, - ol { - color: #000 !important; - margin: auto !important; - } - - .print { - display: block; - } - - .no-print { - display: none; - } - - img { - filter: grayscale(100%); - } - - /* no orphans, no widows */ - p, - blockquote { - orphans: 3; - widows: 3; - } - - /* no breaks inside these elements */ - blockquote, - ul, - ol { - page-break-inside: avoid; - } - - /* page break before main headers */ - h1 { - page-break-before: always; - } - - /* no breaks after these elements */ - h1, - h2, - h3, - caption { - page-break-after: avoid; - } - - a { - color: #000 !important; - text-decoration: underline !important; - } - - /* displaying URLs */ - a[href]:after { - content: " (" attr(href) ")"; - } - - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } -} diff --git a/less/_10-booleans.less b/less/_10-booleans.less deleted file mode 100644 index 07fc1fa..0000000 --- a/less/_10-booleans.less +++ /dev/null @@ -1,41 +0,0 @@ -/* ----------------------------- */ -/* ==skip-hyphens */ -/* ----------------------------- */ - -/* styling skip links */ - -.skip-links { - position: absolute; - - & a { - position: absolute; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); - padding: 0.5em; - background: black; - color: white; - text-decoration: none; - - &:focus { - position: static; - overflow: visible; - clip: auto; - } - } -} - -// hyphens -@media (max-width: @small-screen) { - /* you shall not pass */ - div, - textarea, - table, - td, - th, - code, - pre, - samp { - word-wrap: break-word; - hyphens: auto; - } -} \ No newline at end of file diff --git a/less/_11-gmaps.less b/less/_11-gmaps.less deleted file mode 100644 index 93ac3b5..0000000 --- a/less/_11-gmaps.less +++ /dev/null @@ -1,18 +0,0 @@ -/* ----------------------------- */ -/* ==gmaps support */ -/* ----------------------------- */ - -/* Google Gmap3 bug fix on images */ -.gm-style img { - height: 100%; -} - -:not(.gm-style) img { - height: auto; -} - -.gm-style img, -.gmnoscreen img, -.gmnoprint img { - max-width: none !important; -} \ No newline at end of file diff --git a/less/_12-ie.less b/less/_12-ie.less deleted file mode 100644 index 0bdb465..0000000 --- a/less/_12-ie.less +++ /dev/null @@ -1,107 +0,0 @@ -/* ----------------------------- */ -/* ==IE6, IE7, IE8 support */ -/* ----------------------------- */ - -/* Active box-sizing for IE6/IE7 */ -/* @source https://github.com/Schepp/box-sizing-polyfill */ - -.ie67 * { - behavior: url(/js/boxsizing.htc); -} - -.ie678 h1, .ie678 .h1-like { - @em: @h1-size * 10 / @base-font-size; - font-size: unit(round(@em,2), em); -} - -.ie678 h2, .ie678 .h2-like { - @em: @h2-size * 10 / @base-font-size; - font-size: unit(round(@em,2), em); -} - -.ie678 h3, .ie678 .h3-like { - @em: @h3-size * 10 / @base-font-size; - font-size: unit(round(@em,2), em); -} - -.ie678 h4, .ie678 .h4-like { - @em: @h4-size * 10 / @base-font-size; - font-size: unit(round(@em,2), em); -} - -.ie678 h5, .ie678 .h5-like { - @em: @h5-size * 10 / @base-font-size; - font-size: unit(round(@em,2), em); -} - -.ie678 h6, .ie678 .h6-like { - @em: @h6-size * 10 / @base-font-size; - font-size: unit(round(@em,2), em); -} - -/* @bugfix for IE8 */ -.ie678 img { - width: auto; -} - -.ie678 .gm-style img { - height: 100%; -} - -/* hasLayout for IE6/IE7 */ -.clearfix, -.line, -.mod, -.row, -.col { - *zoom: 1; -} - -/*! inline-block and table-cell for IE6/IE7 */ -/*! warning: .col needs width on IE6/IE7 */ -.btn, -.col, -.inbl { - *display: inline; - *zoom: 1; -} - -/* old syntax of clip for IE6/IE7 */ -.visually-hidden { - *clip: rect(1px 1px 1px 1px); -} - -/* IE8 grid hack */ -.ie8 .grid > *, -.ie8 [class*="autogrid"] > * { - letter-spacing: -0.31em; - text-rendering: optimizespeed; -} - -.ie8 .grid > * > *, -.ie8 [class*="autogrid"] > * > *{ - letter-spacing: normal; - word-spacing: normal; - text-rendering: auto; -} - -/* IE7 grid hack */ -.grid > * > *, -[class*="autogrid"] > * > *{ - *display: inline; - *zoom: 1; -} - -/* forms */ -/* Corrects excess space around these inputs in IE8/9 */ -.ie678 input[type="checkbox"], -.ie678 input[type="radio"] { - padding: 0; -} - -/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */ -.ie678 textarea { - overflow: auto; -} - - diff --git a/less/_13-styling.less b/less/_13-styling.less deleted file mode 100644 index d16e54a..0000000 --- a/less/_13-styling.less +++ /dev/null @@ -1,136 +0,0 @@ -/* ----------------------------- */ -/* ==minor stylings */ -/* ----------------------------- */ - -/* styling elements */ -code, -kbd, -mark { - border-radius: 2px; -} - -kbd { - padding: 0 2px; - border: 1px solid #999; -} - -code { - padding: 2px 4px; - background: rgba(0,0,0,0.04); - color: #b11; -} - -pre code { - padding: none; - background: none; - color: inherit; - border-radius: 0; -} - -mark { - padding:2px 4px; - background: #ff0; -} - -sup, -sub { - vertical-align: 0; - position: relative; -} - -sup { - bottom: 1ex; -} - -sub { - top: 0.5ex; -} - -blockquote { - position: relative; - padding-left: 3em; -} -blockquote:before { - content: "\201C"; - position: absolute; - left: 0; - top: 0; - font-family: georgia, serif; - font-size: 5em; - line-height: 0.9; - color: rgba(0, 0, 0, .3); -} -blockquote > footer { - margin-top: .75em; - font-size: 0.9em; - color: rgba(0, 0, 0, .7); -} -blockquote > footer:before { - content: "\2014 \0020"; -} - - -q { - font-style: normal; -} - -q, -.q { - quotes: "“\00a0" "\00a0”"; -} - -q:lang(fr), -.q:lang(fr) { - quotes: "«\00a0" "\00a0»"; -} - -hr { - display: block; - clear: both; - height: 1px; - margin: 1em 0 2em; - padding: 0; - border: 0; - color: #ccc; - background-color: #ccc; -} - -/* alternate tables */ -.alternate { border: 0; } -.alternate tbody { - border: 1px solid #ccc; -} - -.alternate thead tr > * + * { - border-left: 0; -} - -.alternate tbody tr > * + * { - border-left: 1px solid #ccc; -} - -/* alternate-vert tables */ -.alternate-vert { - border: 0; - border-right: 1px solid #ccc; -} - -.alternate-vert tr > :first-child { - border-bottom: 0; -} - -.alternate-vert tr > * + * { - border-top: 1px solid #ccc; -} - -/* 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); -} diff --git a/less/_XX-wp-styles.less b/less/_XX-wp-styles.less deleted file mode 100644 index 66bcaba..0000000 --- a/less/_XX-wp-styles.less +++ /dev/null @@ -1,316 +0,0 @@ -/* - File Name: _XX-wp-styles.less - Author: Geoffrey Crofte (Alsacréations) - Contributors: Automattic, Geoffrey Crofte - Description: Reset styles for WordPress usage of Knacss - Creation date: 2014-11-20 - Last update: 2015-03-04 -*/ - -/*-------------------------------------------------------------- -1.0 Menus ---------------------------------------------------------------*/ - -// current menu elements - -.current_page_item > a { -} -.current-menu-item > a { -} -.current_page_ancestor > a { -} - - -// blocks of content navigation - -.comment-navigation, -.paging-navigation, -.post-navigation { - margin: 0 0 1.5em; - overflow: hidden; -} -.comment-navigation .nav-previous, -.paging-navigation .nav-previous, -.post-navigation .nav-previous { - float: left; - width: 50%; -} -.comment-navigation .nav-next, -.paging-navigation .nav-next, -.post-navigation .nav-next { - float: right; - text-align: right; - width: 50%; -} - - -/*-------------------------------------------------------------- -2.0 Alignments ---------------------------------------------------------------*/ - -// class in img elements -.alignnone { - margin: .25em 1.5em 1.5em 0; -} -.aligncenter { - clear: both; - display: block; - margin: 1.5em auto; -} -.alignleft { - float: left; - margin: 0 1.5em .25em 0; -} -.alignright { - float: right; - margin: 0 0 .25em 1.5em; -} - - - - -/*-------------------------------------------------------------- -3.0 Clearings ---------------------------------------------------------------*/ - -.entry-content, -.comment-content { - clear: both; - - &:after, &:before { - content: ""; - display: table; - } -} - - - -/*-------------------------------------------------------------- -4.0 Widgets ---------------------------------------------------------------*/ - -.widget + .widget { - margin: 1.5em 0 0; -} - -// usage example: -.widget select { - max-width: 100%; -} - - - - -/*-------------------------------------------------------------- -5.0 Posts and pages ---------------------------------------------------------------*/ - - -/* === 5.1 Posts - post_class === */ - -// featured content -.sticky { -} - -// attachment post -.attachment { -} - -// format of post -.format- { - &aside { - } - &gallery { - } - &link { - } - &image { - } - "e { - } - &status { - } - &video { - } - &chat { - } -} - -// class for a tag -.tag- { - &name-of-tag { - } -} - -// class for categorie -.category- { - &name-of-category { - } -} - - - -/* === 5.2 Pages - body_class === */ - -// front page -.home { - // if display posts - &.blog { - } - // if static page - &.page { - } -} - -// page displays posts -.blog { - // if is frontpage - &.home { - } - // if static page - &.page { - } -} - -// simple page -.page { -} - -// page of single post -.single { -} - -// page of archives -.archive { -} - -// page of search -.search { - // if has results - .search-results { - } - // if has no results - .search-no-results { - } -} - -// page 404 -.error404 { -} - -// user logged in -.logged-in { -} - -// text direction if right-to-left -// prefer rtl.css: http://codex.wordpress.org/Right-to-Left_Language_Support -.rtl { -} - - - -/* === 5.3 Posts and Pages - Contents === */ - -.hentry { - margin: 0 0 1.5em; -} - -.page-content, -.entry-content, -.entry-summary { - margin: 1.5em 0 0; -} - -.page-links { - clear: both; - margin: 0 0 1.5em; -} - - - -/*-------------------------------------------------------------- -6.0 Comments ---------------------------------------------------------------*/ - -.comment-content a { - word-wrap: break-word; -} -.bypostauthor { - // some make-the-logo-bigger styles -} - - - -/*-------------------------------------------------------------- -7.0 Media ---------------------------------------------------------------*/ - -img.wp-smiley { - margin-bottom: 0; - margin-top: 0; - padding: 0; - border: none; -} - - - -/*-------------------------------------------------------------- -8.0 Captions ---------------------------------------------------------------*/ - -.wp-caption { - max-width: 100%; - margin-bottom: 1.5em; -} -.wp-caption img { - display: block; - margin: 0 auto; -} -.wp-caption-text { - margin: 1em 0; - text-align: center; -} - - - -/*-------------------------------------------------------------- -9.0 Galleries ---------------------------------------------------------------*/ - -.gallery { - margin-bottom: 1.5em; -} -.gallery-item { - display: inline-block; - width: 100%; - text-align: center; - vertical-align: top; - - .gallery-columns-2 & { - max-width: 50%; - } - .gallery-columns-3 & { - max-width: 33.33%; - } - .gallery-columns-4 & { - max-width: 25%; - } - .gallery-columns-5 & { - max-width: 20%; - } - .gallery-columns-6 & { - max-width: 16.66%; - } - .gallery-columns-7 & { - max-width: 14.28%; - } - .gallery-columns-8 & { - max-width: 12.5%; - } - .gallery-columns-9 & { - max-width: 11.11%; - } -} -.gallery-caption { - display: block; -} diff --git a/sass/_01-base.scss b/sass/_01-base.scss deleted file mode 100644 index d60e189..0000000 --- a/sass/_01-base.scss +++ /dev/null @@ -1,365 +0,0 @@ -/*! -* www.KNACSS.com V3.1.0 (2014-10-20) @author: Raphael Goetter, Alsacreations (with help from Hugo Giraudel) -* Licence WTFPL http://www.wtfpl.net/ -*/ - -/* ----------------------------- */ -/* == soft reset */ -/* ----------------------------- */ - -/* switching box model for all elements */ -* { - box-sizing: border-box; -} - -/* soft reset */ -html, -body { - margin: 0; - padding: 0; -} - -ul, -ol { - padding-left: 2em; -} - -ul.unstyled { - list-style: none; -} - -img { - height: auto; - vertical-align: middle; - border: 0; -} - -blockquote, -figure { - margin-left: 0; - margin-right: 0; -} - -audio, -canvas, -video { - display: inline-block; -} - -svg:not(:root) { - overflow: hidden; -} - -/* ----------------------------- */ -/* == typography */ -/* ----------------------------- */ - -html { - - /* set base font-size to equiv "10px", which is adapted to rem unit */ - font-size: 62.5%; - - /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ - /* thanks to @guardian, @victorbritopro and @eQRoeil */ - font-size: calc(1em * 0.625); - - /* disallow text zooming on orientation change (non standard property) */ - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - - /* set body font-size in em (1.4em equiv "14px") */ - font-size: ($base-font-size / 10px) + em; - - background-color: $base-background; - color: $base-color; - font-family: $font-stack-common; - line-height: $line-height; -} - -a { - color: $base-color-link; - &:hover, &:focus, &:active { - color: $base-color-link-hover; - } -} - -/* font-sizing for content */ -p, -.p-like, -ul, -ol, -dl, -blockquote, -pre, -td, -th, -label, -textarea, -caption, -details, -figure { - margin-top: 0.75em; - margin-bottom: 0; - line-height: $line-height; -} - -h1, .h1-like { - font-size: $h1-size; - font-family: $font-stack-headings; -} - -h2, .h2-like { - font-size: $h2-size; - font-family: $font-stack-headings; -} - -h3, .h3-like { - font-size: $h3-size; -} - -h4, .h4-like { - font-size: $h4-size; -} - -h5, .h5-like { - font-size: $h5-size; -} - -h6, .h6-like { - font-size: $h6-size; -} - -/* alternate font-sizing */ -.smaller { - @include em($base-font-size / 1px - 4); -} - -.small { - @include em($base-font-size / 1px - 2); -} - -.big { - @include em($base-font-size / 1px + 2); -} - -.bigger { - @include em($base-font-size / 1px + 4); -} - -.biggest { - @include em($base-font-size / 1px + 6); -} - -code, -pre, -samp, -kbd { - /* IE fix */ - white-space: pre-line; - white-space: pre-wrap; - font-family: $font-stack-monospace; - line-height: normal; -} - -em, -.italic, -address, -cite, -dfn, -i, -var { - font-style: italic; -} - -strong, -.bold { - font-weight: bold; -} - -small, -sub, -sup { - font-size: smaller; -} - -/* ----------------------------- */ -/* == hiding content */ -/* ----------------------------- */ - -/* hidden but not for assistance tools, Yahoo! method */ -.visually-hidden { - position: absolute !important; - border: 0 !important; - height: 1px !important; - width: 1px !important; - padding: 0 !important; - overflow: hidden !important; - clip: rect(1px, 1px, 1px, 1px) !important; -} - -body > script { - display: none !important; -} - -@media (max-width: $small-screen) { - .no-small-screen { - display: none; - } -} - -@media (min-width: $large-screen) { - .no-large-screen { - display: none; - } -} - -/* ----------------------------- */ -/* == browsers consistency */ -/* ----------------------------- */ - -/* avoid top margins on first content element */ -p, -.p-like, -ul, -ol, -dl, -blockquote, -pre, -h1, -h2, -h3, -h4, -h5, -h6 { - &:first-child { - margin-top: 0; - } -} - -/* avoid margins on nested elements */ -li p, -li .p-like, -li ul, -li ol { - margin-top: 0; - margin-bottom: 0; -} - -/* max values */ -img, -table, -td, -blockquote, -code, -pre, -textarea, -input, -video { - max-width: 100%; -} - -/* margin-bottom on tables */ -table { - margin-bottom: $medium-value; -} - - -/* ----------------------------- */ -/* ==layout and modules */ -/* ----------------------------- */ - -/* float layout */ -/* module, gains superpower "BFC" Block Formating Context */ -.mod { - overflow: hidden; -} - -/* blocks that needs to be placed under floats */ -.clear, -.line, -.row { - clear: both; -} - -/* blocks that must contain floats */ -.clearfix, -.line { - &:after { - content: ""; - display: table; - clear: both; - border-collapse: collapse; - } -} - -/* table layout */ -.row { - display: table; - table-layout: fixed; - width: 100%; -} - -.row > *, -.col { - display: table-cell; - vertical-align: top; -} - -/* inline-block */ -.inbl { - display: inline-block; - vertical-align: top; -} - - -/* alignments (blocks and inline) */ -/* ------------------------------ */ - -/* left (or starting) elements */ -.left, -.start { - float: left; -} - -img.left, -img.start { - margin-right: $small-value; -} - -/* right (or ending) elements */ -.right, -.end { - float: right; -} - -img.right, -img.end { - margin-left: $small-value; -} - -img.left, -img.right, -img.start, -img.end { - margin-bottom: $tiny-value; -} - -.center { - margin-left: auto; - margin-right: auto; -} - -.txtleft { - text-align: left; -} - -.txtright { - text-align: right; -} - -.txtcenter { - text-align: center; -} diff --git a/sass/_02-helpers.scss b/sass/_02-helpers.scss deleted file mode 100644 index d9604c0..0000000 --- a/sass/_02-helpers.scss +++ /dev/null @@ -1,286 +0,0 @@ -/* ---------------------------------- */ -/* ==visual helpers */ -/* .. use them with parcimony ! */ -/* ---------------------------------- */ - -/* blocks widths (percentage and pixels) */ -.w10 { - width: 10%; -} - -.w20 { - width: 20%; -} - -.w25 { - width: 25%; -} - -.w30 { - width: 30%; -} - -.w33 { - width: 33.3333%; -} - -.w40 { - width: 40%; -} - -.w50 { - width: 50%; -} - -.w60 { - width: 60%; -} - -.w66 { - width: 66.6666%; -} - -.w70 { - width: 70%; -} - -.w75 { - width: 75%; -} - -.w80 { - width: 80%; -} - -.w90 { - width: 90%; -} - -.w100 { - width: 100%; -} - -.w50p { - width: 50px; -} - -.w100p { - width: 100px; -} - -.w150p { - width: 150px; -} - -.w200p { - width: 200px; -} - -.w300p { - width: 300px; -} - -.w400p { - width: 400px; -} - -.w500p { - width: 500px; -} - -.w600p { - width: 600px; -} - -.w700p { - width: 700px; -} - -.w800p { - width: 800px; -} - -.w960p { - width: 960px; -} - -.mw960p { - max-width: 960px; -} - -.w1140p { - width: 1140px; -} - -.mw1140p { - max-width: 1140px; -} - -.wauto { - width: auto; -} - -/* spacing helpers -p,m = padding,margin -a,t,r,b,l = all,top,right,bottom,left -s,m,l,n = small, medium, large, none -*/ -.man { - margin: 0; -} - -.pan { - padding: 0; -} - -.mas { - margin: $small-value; -} - -.mam { - margin: $medium-value; -} - -.mal { - margin: $large-value; -} - -.pas { - padding: $small-value; -} - -.pam { - padding: $medium-value; -} - -.pal { - padding: $large-value; -} - -.mtn { - margin-top: 0; -} - -.mts { - margin-top: $small-value; -} - -.mtm { - margin-top: $medium-value; -} - -.mtl { - margin-top: $large-value; -} - -.mrn { - margin-right: 0; -} - -.mrs { - margin-right: $small-value; -} - -.mrm { - margin-right: $medium-value; -} - -.mrl { - margin-right: $large-value; -} - -.mbn { - margin-bottom: 0; -} - -.mbs { - margin-bottom: $small-value; -} - -.mbm { - margin-bottom: $medium-value; -} - -.mbl { - margin-bottom: $large-value; -} - -.mln { - margin-left: 0; -} - -.mls { - margin-left: $small-value; -} - -.mlm { - margin-left: $medium-value; -} - -.mll { - margin-left: $large-value; -} - -.ptn { - padding-top: 0; -} - -.pts { - padding-top: $small-value; -} - -.ptm { - padding-top: $medium-value; -} - -.ptl { - padding-top: $large-value; -} - -.prn { - padding-right: 0; -} - -.prs { - padding-right: $small-value; -} - -.prm { - padding-right: $medium-value; -} - -.prl { - padding-right: $large-value; -} - -.pbn { - padding-bottom: 0; -} - -.pbs { - padding-bottom: $small-value; -} - -.pbm { - padding-bottom: $medium-value; -} - -.pbl { - padding-bottom: $large-value; -} - -.pln { - padding-left: 0; -} - -.pls { - padding-left: $small-value; -} - -.plm { - padding-left: $medium-value; -} - -.pll { - padding-left: $large-value; -} \ No newline at end of file diff --git a/sass/_06-icons.scss b/sass/_06-icons.scss deleted file mode 100644 index 01ec839..0000000 --- a/sass/_06-icons.scss +++ /dev/null @@ -1,159 +0,0 @@ -/* ----------------------------- */ -/* ==icons and bullets */ -/* ----------------------------- */ - -.icon {display: inline-block;} - -.icon:before, -.icon.after:after { - content: ""; - display: inline-block; - vertical-align: middle; - position: relative; top: -0.1em; - margin: 0 0.3em 0 0; - font: 1.4em/1 sans-serif; - color: #000; - text-shadow: 1px 1px 0 rgba(0,0,0,.1); - speak: none; -} - -@media (min-device-width: $small-screen) { - .icon:before, - .icon.after:after { - font: 1em/0.6 sans-serif; - -webkit-transform: rotateZ(0.05deg); - } -} - -.icon.after:after { - margin: 0 0 0 8px; -} - -.icon.after:before { - content: "" !important -} - -.icon-rate:before, -.icon-rate.after:after { - content: "\2605"; -} -.icon-unrate:before, -.icon-unrate.after:after{ - content: "\2606"; -} - -.icon-check:before, -.icon-check.after:after{ - content: "\2713"; -} - -.icon-uncheck:before, -.icon-uncheck.after:after{ - content: "\2717"; -} - -.icon-cloud:before, -.icon-cloud.after:after { - content: "\2601"; -} - -.icon-dl:before, -.icon-dl.after:after { - content: "\21E3"; - font-weight: bold; -} - -.icon-cross:before, -.icon-cross.after:after { - content: "\2716"; - font-weight: bold; -} - -.icon-arrow1:before, -.icon-arrow1.after:after { - content: "\2192"; - position: relative; - top: -0.15em; -} - -.icon-arrow2:before, -.icon-arrow2.after:after { - content: "\279E"; -} - -.icon-arrow3:before, -.icon-arrow3.after:after { - content: "\279A"; -} - -.icon-bracket1:before, -.icon-bracket1.after:after { - content: "\2039"; - font-weight: bold; - font-size: 1.6em; - position: relative; - top: -0.15em; -} - -.icon-bracket2:before, -.icon-bracket2.after:after { - content: "\203A"; - font-weight: bold; - font-size: 1.6em; - position: relative; - top: -0.15em; -} - -.icon-up:before, -.icon-up.after:after { - content: "\25B2"; -} - -.icon-down:before, -.icon-down.after:after { - content: "\25BC"; -} - -.icon-bull:before, -.icon-bull.after:after { - content: "\2022"; - font-size: 1.2em; - top: -0.05em; -} - -.icon-bull2:before, -.icon-bull2.after:after { - content: "\25E6"; - top: -0.05em; -} - -.icon-bull3:before, -.icon-bull3.after:after{ - content: "\2023"; - font-size: 1.6em; - top: -0.05em; -} - -.icon-nav:before, -.icon-nav.after:after { - content: "\2261"; - font-weight: bold; -} - -.icon-losange:before, -.icon-losange.after:after { - content: "\25C6"; -} - -.icon-asteri:before, -.icon-asteri.after:after { - content: "\2731"; - font-weight: bold; -} - -.icon-mail:before, -.icon-mail.after:after { - content: "\2709"; - font-size: 1.6em; - top: -.05em; -} diff --git a/sass/_07-flexbox.scss b/sass/_07-flexbox.scss deleted file mode 100644 index dead3ad..0000000 --- a/sass/_07-flexbox.scss +++ /dev/null @@ -1,29 +0,0 @@ -/* flexbox layout -Tutorial: http://knacss.com/demos/tutoriel.html#flex */ -.flex { - display : flex; -} - -.flex-h { - flex-direction: row; -} - -.flex-v { - flex-direction: column; -} - -.flex-fluid { - flex: 1; -} - -.flex-start { - order : -1; -} - -.flex-mid { - order : 1; -} - -.flex-end { - order : 42; -} diff --git a/sass/_08-rwd.scss b/sass/_08-rwd.scss deleted file mode 100644 index dd16f27..0000000 --- a/sass/_08-rwd.scss +++ /dev/null @@ -1,401 +0,0 @@ -/* ----------------------------- */ -/* ==desktop and HD devices */ -/* ----------------------------- */ - -@media (min-width: ($medium-screen + 1)) { -/* rules for big resources and big screens like: background-images, font-faces, etc. */ -} - -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { -/* style adjustments for high density devices */ -} - -/* ---------------------------------- */ -/* ==Responsive large */ -/* ---------------------------------- */ - -@media (min-width: ($medium-screen + 1)) { - - /* layouts for large screens */ - .large-hidden { - display: none !important; - } - - .large-visible { - display: block !important; - } - - .large-no-float { - float: none; - } - - .large-inbl { - display: inline-block; - float: none; - vertical-align: top; - } - .large-row { - display: table; - table-layout: fixed; - width: 100% !important; - } - .large-col { - display: table-cell; - vertical-align: top; - } - - /* widths for large 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, - .large-wauto { - 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 screens */ - .large-man { - margin: 0 !important; - } - - /* grid rwd for large screens */ - .grid5 > *, - .grid6 > *, - .grid8 > *, - .grid10 > *, - .grid12 > * { - width: 33.333%; - } - - /* autogrid rwd for large screens */ - .autogrid5 > *, - .autogrid6 > *, - .autogrid8 > *, - .autogrid10 > *, - .autogrid12 > * { - width: 32%; - } -} - -/* ---------------------------------- */ -/* ==Responsive medium */ -/* ---------------------------------- */ - -@media (min-width: ($small-screen + 1)) and (max-width: $medium-screen) { - - /* layouts for medium screens */ - .medium-hidden { - display: none !important; - } - - .medium-visible { - display: block !important; - } - - .medium-no-float { - float: none; - } - - .medium-inbl { - display: inline-block; - float: none; - vertical-align: top; - } - .medium-row { - display: table; - table-layout: fixed; - width: 100% !important; - } - .medium-col { - display: table-cell; - vertical-align: top; - } - - /* widths for medium screens */ - .medium-w25 { - width: 25% !important; - } - - .medium-w33 { - width: 33.3333% !important; - } - - .medium-w50 { - width: 50% !important; - } - - .medium-w66 { - width: 66.6666% !important; - } - - .medium-w75 { - width: 75% !important; - } - - .medium-w100, - .medium-wauto { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; - } - - /* margins for medium screens */ - .medium-man { - margin: 0 !important; - } -} - -/* ---------------------------------- */ -/* ==Responsive small */ -/* ---------------------------------- */ - -@media (min-width: ($tiny-screen + 1)) and (max-width: $small-screen) { - - /* quick small resolution reset */ - .mod, - .col, - fieldset { - display: block !important; - float: none !important; - clear: none !important; - width: auto !important; - margin-left: 0 !important; - margin-right: 0 !important; - border: 0; - } - - /* quick reset in small resolution and less */ - .w600p, - .w700p, - .w800p, - .w960p, - .mw960p { - width: auto; - float: none; - } - - /* layouts for small screens */ - .small-hidden { - display: none !important; - } - - .small-visible { - display: block !important; - } - - .small-no-float { - float: none; - } - - .small-inbl { - display: inline-block; - float: none; - vertical-align: top; - } - .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 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, - .small-wauto { - 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 screens */ - .small-man { - margin: 0 !important; - } - - .small-pan { - padding: 0 !important; - } - - /* grid rwd for small screens */ - .grid3 > *, - .grid4 > *, - .grid5 > *, - .grid6 > *, - .grid8 > *, - .grid10 > *, - .grid12 > * { - width: 50%; - } - - /* autogrid rwd for small screens */ - .autogrid5 > *, - .autogrid6 > *, - .autogrid8 > *, - .autogrid10 > *, - .autogrid12 > * { - width: 49% !important; - } -} - -/* ---------------------------------- */ -/* ==Responsive tiny */ -/* ---------------------------------- */ - -@media (max-width: $tiny-screen) { - - .w300p, - .w400p, - .w500p { - width: auto; - float: none; - } - - .row { - display: block !important; - width: 100% !important; - } - - /* layouts for tiny screens */ - .tiny-hidden { - display: none !important; - } - - .tiny-visible { - display: block !important; - } - - .tiny-no-float { - float: none; - } - - .tiny-inbl { - display: inline-block; - float: none; - vertical-align: top; - } - - .tiny-row { - display: table !important; - table-layout: fixed !important; - width: 100% !important; - } - - .tiny-col { - display: table-cell !important; - vertical-align: top !important; - } - - th, - td { - display: block !important; - width: auto !important; - text-align: left !important; - } - - thead { display: none; } - - /* widths for tiny 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, - .tiny-wauto { - 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 screens */ - .tiny-man { - margin: 0 !important; - } - - .tiny-pan { - padding: 0 !important; - } - - /* grid rwd for tiny screens */ - .grid > * > * { - width: 100% !important; - } - - /* autogrid rwd for tiny screens */ - [class*="autogrid"] > * { - width: 100% !important; - } -} diff --git a/sass/_09-print.scss b/sass/_09-print.scss deleted file mode 100644 index a567590..0000000 --- a/sass/_09-print.scss +++ /dev/null @@ -1,85 +0,0 @@ -/* quick print reset */ -@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: #333 !important; - } - - p, - h1, - h2, - h3, - h4, - h5, - h6, - blockquote, - ul, - ol { - color: #000 !important; - margin: auto !important; - } - - .print { - display: block; - } - - .no-print { - display: none; - } - - img { - filter: grayscale(100%); - } - - /* no orphans, no widows */ - p, - blockquote { - orphans: 3; - widows: 3; - } - - /* no breaks inside these elements */ - blockquote, - ul, - ol { - page-break-inside: avoid; - } - - /* page break before main headers */ - h1 { - page-break-before: always; - } - - /* no breaks after these elements */ - h1, - h2, - h3, - caption { - page-break-after: avoid; - } - - a { - color: #000 !important; - text-decoration: underline !important; - } - - /* displaying URLs */ - a[href]:after { - content: " (" attr(href) ")"; - } - - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } -} diff --git a/sass/_10-booleans.scss b/sass/_10-booleans.scss deleted file mode 100644 index d533d62..0000000 --- a/sass/_10-booleans.scss +++ /dev/null @@ -1,40 +0,0 @@ -/* ----------------------------- */ -/* ==skip-hyphens */ -/* ----------------------------- */ -/* styling skip links */ -.skip-links { - position: absolute; - - & a { - position: absolute; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); - padding: 0.5em; - background: black; - color: white; - text-decoration: none; - - &:focus { - position: static; - overflow: visible; - clip: auto; - } - } -} - -// hyphens boolean -@media (max-width: $small-screen) { - /* you shall not pass */ - div, - textarea, - table, - td, - th, - code, - pre, - samp { - word-wrap: break-word; - hyphens: auto; - } -} - diff --git a/sass/_11-gmaps.scss b/sass/_11-gmaps.scss deleted file mode 100644 index 3364e8b..0000000 --- a/sass/_11-gmaps.scss +++ /dev/null @@ -1,18 +0,0 @@ -/* ----------------------------- */ -/* ==gmaps support */ -/* ----------------------------- */ - -/* Google Gmap3 bug fix on images */ -.gm-style img { - height: 100%; -} - -:not(.gm-style) img { - height: auto; -} - -.gm-style img, -.gmnoscreen img, -.gmnoprint img { - max-width: none !important; -} diff --git a/sass/_12-ie.scss b/sass/_12-ie.scss deleted file mode 100644 index a222cdd..0000000 --- a/sass/_12-ie.scss +++ /dev/null @@ -1,111 +0,0 @@ -/* ----------------------------- */ -/* ==IE6, IE7, IE8 support */ -/* ----------------------------- */ -// IE6, 7, 8 support boolean -$bf: $base-font-size / 1px; -/* IE678 support */ -.ie678 h1, .ie678 .h1-like { - $val: $h1-size / 1rem; - $em : $val * 10 / $bf; - font-size: $em +0em; -} - -.ie678 h2, .ie678 .h2-like { - $val: $h2-size / 1rem; - $em : $val * 10 / $bf; - font-size: $em +0em; -} - -.ie678 h3, .ie678 .h3-like { - $val: $h3-size / 1rem; - $em : $val * 10 / $bf; - font-size: $em +0em; -} - -.ie678 h4, .ie678 .h4-like { - $val: $h4-size / 1rem; - $em : $val * 10 / $bf; - font-size: $em +0em; -} - -.ie678 h5, .ie678 .h5-like { - $val: $h5-size / 1rem; - $em : $val * 10 / $bf; - font-size: $em +0em; -} - -.ie678 h6, .ie678 .h6-like { - $val: $h6-size / 1rem; - $em : $val * 10 / $bf; - font-size: $em +0em; -} - -.ie678 img { - width: auto; /* @bugfix for IE8 */ -} - -.ie678 .gm-style img { - height: 100%; -} - -/* hasLayout for IE6/IE7 */ -.clearfix, -.line, -.mod, -.row, -.col { - *zoom: 1; -} - -/* inline-block and table-cell for IE6/IE7 */ -/* warning: .col needs width on IE6/IE7 */ -.btn, -.col, -.inbl { - *display: inline; - *zoom: 1; -} -.visually-hidden { - *clip: rect(1px 1px 1px 1px); -} - -/* IE8 grid hack */ -.ie8 .grid > *, -.ie8 [class*="autogrid"] > * { - letter-spacing: -0.31em; - text-rendering: optimizespeed; -} - -.ie8 .grid > * > *, -.ie8 [class*="autogrid"] > * > *{ - letter-spacing: normal; - word-spacing: normal; - text-rendering: auto; -} - -/* IE7 grid hack */ -.grid > * > *, -[class*="autogrid"] > * > *{ - *display: inline; - *zoom: 1; -} - -/* forms */ - /* Corrects excess space around these inputs in IE8/9 */ -.ie678 input[type="checkbox"], -.ie678 input[type="radio"] { - padding: 0; -} - -/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */ -.ie678 textarea { - overflow: auto; -} - -/* Active box-sizing for IE6/IE7 */ -/* @source https://github.com/Schepp/box-sizing-polyfill */ -/* -.ie67 * { - behavior: url(/lib/box-sizing-polyfill/boxsizing.htc); -} -*/ \ No newline at end of file diff --git a/sass/_13-styling.scss b/sass/_13-styling.scss deleted file mode 100644 index e4072bb..0000000 --- a/sass/_13-styling.scss +++ /dev/null @@ -1,133 +0,0 @@ -/* ----------------------------- */ -/* ==minor stylings */ -/* ----------------------------- */ - -/* styling elements */ -code, kbd, mark { - border-radius: 2px; -} - -kbd { - padding: 0 2px; - border: 1px solid #999; -} - -code { - padding: 2px 4px; - background: rgba(0,0,0,0.04); - color: #b11; -} - -pre code { - padding: none; - background: none; - color: inherit; - border-radius: 0; -} - -mark { - padding:2px 4px; - background: #ff0; -} - -sup, -sub { - vertical-align: 0; - position: relative; -} - -sup { - bottom: 1ex; -} - -sub { - top: 0.5ex; -} - -blockquote { - position: relative; - padding-left: 3em; -} -blockquote:before { - content: "\201C"; - position: absolute; - left: 0; - top: 0; - font-family: georgia, serif; - font-size: 5em; - line-height: 0.9; - color: rgba(0, 0, 0, .3); -} -blockquote > footer { - margin-top: .75em; - font-size: 0.9em; - color: rgba(0, 0, 0, .7); -} -blockquote > footer:before { - content: "\2014 \0020"; -} - -q { - font-style: normal; -} - -q, -.q { - quotes: "“\00a0" "\00a0”"; -} - -q:lang(fr), -.q:lang(fr) { - quotes: "«\00a0" "\00a0»"; -} - -hr { - display: block; - clear: both; - height: 1px; - margin: 1em 0 2em; - padding: 0; - border: 0; - color: #ccc; - background-color: #ccc; -} - -/* alternate tables */ -.alternate { border: 0; } -.alternate tbody { - border: 1px solid #ccc; -} - -.alternate thead tr > * + * { - border-left: 0; -} - -.alternate tbody tr > * + * { - border-left: 1px solid #ccc; -} - -/* alternate-vert tables */ -.alternate-vert { - border: 0; - border-right: 1px solid #ccc; -} - -.alternate-vert tr > :first-child { - border-bottom: 0; -} - -.alternate-vert tr > * + * { - border-top: 1px solid #ccc; -} - -/* 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); -}