[update] Init front tasks

2016-08-26 15:30:26 +02:00
parent 861c9d4ee1
commit d4d852f356
16 changed files with 401 additions and 106 deletions
@@ -0,0 +1,10 @@
+body
+{
+
+}
+::-moz-selection {background:#888; }
+::selection {background:#888; }
+.clearfix
+{
+    overflow:auto;zoom:1;
+}
@@ -0,0 +1,133 @@
+/* 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;
+}
+body {
+    line-height:1;
+}
+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;
+}
+
+/* apply a natural box layout model to all elements */
+*,*::before,*::after,*:before,*:after {
+    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
+}
+
+/* inputs */
+input,button,textarea,select {
+    color:inherit;
+    font-size:inherit;
+    font-style:inherit;
+    font-family:inherit;
+    -webkit-border-radius:0;
+    border-radius:0;
+    -webkit-padding-start:0;
+    align-items:flex-start;
+    text-index:0;
+    border:none;
+    outline:none;
+    background:none;
+    padding:0;
+    margin:0;
+    width:auto;
+    height:auto;
+    line-height:1em;
+}
+
+/* inputs appearance (not for every input)  */
+input[type=text],input[type=reset],input[type=password],input[type=search],input[type=email],input[type=tel],input[type=url],input[type=time],input[type=week],input[type=month],input[type=date],input[type=datetime],input[type=datetime-local],input[type=number],
+input[type=submit],input[type=reset],input[type=color],input[type=file],
+button,textarea,select {
+    height:1em;
+    -webkit-appearance:none;
+       -moz-appearance:none;
+            appearance:none;
+}
+
+/* input color width */
+input[type=color] {
+    width:1em;
+}
+
+/* IE clear cross */
+input::-ms-clear {
+    display:none;
+}
+
+/* details and summary */
+details, summary {
+    -webkit-appearance:none;
+    -moz-appearance:none;
+    appearance:none;
+}
+
+/* text size adjusting */
+body {
+    -webkit-text-size-adjust:100%;
+       -moz-text-size-adjust:100%;
+            text-size-adjust:100%;
+}
+
+/* mark */
+mark {background:none;}
+
+/* hr */
+hr {
+    height:1px;
+    margin:0;padding:0;
+}
+
+/* u */
+u {
+    text-decoration:none;
+}
+
+/* th */
+table th {
+    text-align:left;
+}
+
+/* a */
+a {
+    color:inherit;
+    outline:none;
+}
@@ -0,0 +1,11 @@
+@import "mixins/image-2x.css";
+@import "mixins/touch.css";
+@import "mixins/font-smoothing.css";
+@import "mixins/breakpoints.css";
+
+@import "base/fonts.css";
+@import "base/reset.css";
+@import "base/general.css";
+
+@import "pages/index_index.css";
+@import "pages/index_project.css";
@@ -0,0 +1,2 @@
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}button,input,select,textarea{color:inherit;font-size:inherit;font-style:inherit;font-family:inherit;border-radius:0;-webkit-padding-start:0;align-items:flex-start;text-index:0;border:none;outline:none;background:none;padding:0;margin:0;width:auto;height:auto;line-height:1em}button,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=color]{width:1em}input::-ms-clear{display:none}details,summary{-webkit-appearance:none;-moz-appearance:none;appearance:none}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}mark{background:none}hr{height:1px;margin:0;padding:0}u{text-decoration:none}table th{text-align:left}a{color:inherit;outline:none}::-moz-selection{background:#888}::selection{background:#888}.clearfix{overflow:auto;zoom:1}
+/*# sourceMappingURL=main.min.css.map */
@@ -0,0 +1,20 @@
+$breakpoint-xxsmall: 480px;
+$breakpoint-xsmall:  600px;
+$breakpoint-small:   840px;
+$breakpoint-medium:  960px;
+$breakpoint-large:   1280px;
+$breakpoint-xlarge:  1440px;
+$breakpoint-xxlarge: 1600px;
+
+@define-mixin max-width $value
+{
+    @media only screen and (max-width:$value){
+        @mixin-content;
+    }
+}
+@define-mixin max-height $value
+{
+    @media only screen and (max-height:$value){
+        @mixin-content;
+    }
+}
@@ -0,0 +1,13 @@
+@define-mixin font-smoothing $value: antialiased
+{
+    @if $value == antialiased
+    {
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+    @else
+    {
+        -webkit-font-smoothing: subpixel-antialiased;
+        -moz-osx-font-smoothing: auto;
+    }
+}
@@ -0,0 +1,12 @@
+@define-mixin image-2x $image, $width, $height
+{
+    @media (min--moz-device-pixel-ratio: 1.3),
+           (-o-min-device-pixel-ratio: 2.6/2),
+           (-webkit-min-device-pixel-ratio: 1.3),
+           (min-device-pixel-ratio: 1.3),
+           (min-resolution: 1.3dppx)
+    {
+        background-image: url($image);
+        background-size: $width $height;
+    }
+}
@@ -0,0 +1,13 @@
+@define-mixin no-touch
+{
+    html.features-no-touch & {
+        @mixin-content;
+    }
+}
+
+@define-mixin touch
+{
+    html.features-touch & {
+        @mixin-content;
+    }
+}