From afa22939158ed1db6a5ea43fa25a98ae853af2c0 Mon Sep 17 00:00:00 2001 From: Juan Date: Wed, 13 Oct 2021 16:47:15 +0200 Subject: [PATCH] fin de cours --- b2-cwd/.gitignore | 1 + .../live/session3/formulaire-contact/desktop.scss | 89 ++++++++++++++---- .../session3/formulaire-contact/fonts/icomoon.eot | Bin 0 -> 2328 bytes .../session3/formulaire-contact/fonts/icomoon.svg | 16 ++++ .../session3/formulaire-contact/fonts/icomoon.ttf | Bin 0 -> 2504 bytes .../session3/formulaire-contact/fonts/icomoon.woff | Bin 0 -> 2580 bytes .../live/session3/formulaire-contact/form.css | 103 --------------------- .../session3/formulaire-contact/icon-style.css | 44 +++++++++ .../session3/formulaire-contact/skeleton-full.html | 29 +++++- .../session3/formulaire-contact/style-main.scss | 62 +++++++++++++ 10 files changed, 220 insertions(+), 124 deletions(-) create mode 100644 b2-cwd/.gitignore create mode 100644 b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.eot create mode 100644 b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.svg create mode 100644 b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.ttf create mode 100644 b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.woff delete mode 100644 b2-cwd/integration/live/session3/formulaire-contact/form.css create mode 100644 b2-cwd/integration/live/session3/formulaire-contact/icon-style.css diff --git a/b2-cwd/.gitignore b/b2-cwd/.gitignore new file mode 100644 index 0000000..51e753c --- /dev/null +++ b/b2-cwd/.gitignore @@ -0,0 +1 @@ +*.css.map diff --git a/b2-cwd/integration/live/session3/formulaire-contact/desktop.scss b/b2-cwd/integration/live/session3/formulaire-contact/desktop.scss index b7a1808..0395536 100644 --- a/b2-cwd/integration/live/session3/formulaire-contact/desktop.scss +++ b/b2-cwd/integration/live/session3/formulaire-contact/desktop.scss @@ -1,23 +1,72 @@ - - #main-menu +#main-menu +{ + .menu-label { - .menu-label - { - display:none; - } - ul + display:none; + } + ul + { + display:block; + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 0px; + margin-inline-end: 0px; + padding-inline-start: 0px; + margin:0px; + li { - display:block; - margin-block-start: 1em; - margin-block-end: 1em; - margin-inline-start: 0px; - margin-inline-end: 0px; - padding-inline-start: 0px; - margin:0px; - li - { - display:inline-block; - width:24%; - } - } + display:inline-block; + width:24%; + } + } +} + + +////// FORUMULAIRE +.cf +{ + &-label,&-input + { + min-width: auto; + width: auto; + } + &-label + { + float:left; + clear:left; + padding-right:20px; } + &-input + { + min-height: 20px; + line-height: 20px; + min-width: 20vw; + float:right; + clear:right; + box-sizing: border-box; + + } + &-textarea + { + margin:8px 0; + display:block; + width:100%; + clear: both; + } + &-input-group + { + padding:4px; + margin:4px; + } + &-close-wrap + { + margin:-20px -20px 0 -20px; + } + &-btn + { + background-color: black; + color:white; + padding-left:10px; + padding-right:10px; + } +} \ No newline at end of file diff --git a/b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.eot b/b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.eot new file mode 100644 index 0000000000000000000000000000000000000000..1f79bcc92d4fb6458d2a8e5605db39f463a4d694 GIT binary patch literal 2328 zcmb_eO>Y}T7=CAG48D*MKIr>uI5VFYO8bqI~a{X zt{1YKRrJq5zKh;j*w}t2lzaFZcI%PC*`9FV$}i zlSqc6F650$F3X2iURR=Snx{MG45?}Hrc{OpT*|L{Kce(n7Ve)jRC0~$sQ-UBur z@@2dvP514e&WV{eR59V_Xp!DT&{56JG>7K%2bkYCGi{t_M$`y~!YmXN6qIguW>gYT z;pb*vkKH&j8w|m4O7l2i7nzODO#2i{CzH1$k+HEz#jXRVlvGMVksGR&m>AAT}m*(cuLw-B{Y$SQ^TykVA7#uT^ zqAK3Aelv&}(0|qoGHOPOVf|Qqr->XikpqJk{>j0?Wyu`yQQ1XiWnyNg<;uMtnY3rM zkmlF?hTjMo3f)+_c4r*r&b5^rcAQBhZtAB`>o*gLj16Dj-Cgbec=NEE8RE(6AxA5S zvfK4W7@P^E^MJScw{(T*g&3Q1F*IT?gA*()_E77RVrLx#%+177x}-P*zUNs$?r@hB zCnEYPJI{~;{Qi>FamdXI!5XG-73UHESlfB*{v(fl z8jrn#|1xh(w|oCws9s%pd*J2Y>4Yj+`su@+NBh0CB3#H~eX`(=l6NXDNKw%4-&&F( zm#HxY;U;9ODqSqK{p6tl?XrH>V81ByGLj3QH*vqojLP2Lxamu4JVqK6=GY4Gs)adl z)WRz8mWBK974%xz0e;EC{WMG;h`U;KfpJ4)VgBXv2I}p_+<ql|u(gq`^}Y{|w2W8Eb-j=;=WE$| zeoeo=tuN*(Nz5%waruO(V-*EFD$4R + + +Generated by IcoMoon + + + + + + + + + + + + \ No newline at end of file diff --git a/b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.ttf b/b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.ttf new file mode 100644 index 0000000000000000000000000000000000000000..1b5be29273c010541c9e13a57731bc5e4c44c8c8 GIT binary patch literal 2504 zcmb_eUu;uV82`>a-MzG6hogTGO1aFfEehS%wY?>Cld!A=wuWWQ#uu=q>$;M)-JdQ2 z!ox_2i9q5XULY}H4?YlMd_WUl%xs7+ppy7#qKVNLsV}}L8lm-f?!AQzOp+N-dhYps z|IhcG@7!BrM6{8XiBs>9qdk%K4n+g!bIeSxl$~3>^u;zJ<^z4UkX@X^x*7BptQ!im zr>DO=QfdReLe%!4yr<6T42k%9=21#l;TgqQOZ2udyiWqOsRTit*Cx-pHkQ3*hv3CgZrK{4{;Jj_D z>{se%cA;k(4BLKu>?f+Hd97Ka{TvfQQH$14bs(aN>4VHzxvu3S8)d+EVZR)hk$U&e z-EZs9)!XZn^>p(=vk57!!DY>#J#kOe{g?Ys_owbpU~P@68|e>53_jW|Qq)b`rz=0Q zcs5V$c-ba4zMT%yYe=wDaWX|#JYGNZdio>U5YysXAQ)!BfM7xBWG{B=42bY^GPldB z9E%2mQ0!A&GW256cz?tr(PS!hJ{Ifhip9>SQj?ES*TbVbc8rD-=Z1&RB@8UdT-o4q zCBr?jSWh_Va&1t!EZt9pLJ2WBdACju3>-W-Ffh5*YsDY>QhWENd|iP+mw_akrOQOK!xxTGg9zfhy=jwC zr=eo#8e%FK2oP#~-|ai&=u<<98tP_LYxn5R!R^W2Nmp=7V^x;*vVAkc7;6<*QBs?q zH{1=+za+|s25Qz&!y5WXqv3~r^ki%3eZ)KUB^K2y)F08i$L-Q9y+sKsUd5|@v>aJbt{McC9f)B5(WLiI7d)mx!aX<5vq3J|gX<5S!?v>QM z$s2r?juLezSf8EYA?`z<2dyEt+hU5_A-6Lp6REVA;vRW+q7_7%Ehgli_^WJ)p#=P1 z;}+8-8{=HLj59}zH*Pg<;h1symle*LO=21tRt=`X#G>)mlMMJ+uhakW{Fr{<-TK}C z_wyScNf!MW#pKAi1vh@18y}w&^BJeN{FIsLf-M`i;tPbgo~0jKZ?$!I9bCyMvEbGb8cwLw@>zjsAVY`%4Twg(vH97!rde%mi(j zQVZ)E4t%ftw89RskEBlNg7g!(!lQ!<#(VN%WL@2SIO$_EE+fUX5NDuJ#^iJ0xQT7R zOD1l^KMS{sW$;H$?4WIQL45gac5s}K7+3->n3w|(n%D+>*2Hb(A=Sh(_!A~}P?SC> z<|?I1rHsE2IjT?zvqI%`eqpg#DXV?qUP@D*7HAO)5Wr6#g{gNUY?BC{N;l00G~)g#Z8m literal 0 HcmV?d00001 diff --git a/b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.woff b/b2-cwd/integration/live/session3/formulaire-contact/fonts/icomoon.woff new file mode 100644 index 0000000000000000000000000000000000000000..0ed21c68bcb40ed37fd19e8e0556e266f5011df3 GIT binary patch literal 2580 zcmb_eO>7%Q6n?Yo?8a_zLgJs2x``VS+lAI?9NX(CBvg&!C{3(HX^6PA#7$hsRcz;1 zG*u6&R3Xt;;-?pSY7QI_LI@QkZo#TJkOGxBB7uZ}0}UKF00q(7d^5XFHa}DfV&pgb zy>H&UnfK<+u3sLC$B7Y|%|ZM4)B2gNbG)?;ooWpcu}ZMxT&inTZ6ceT0XGHx5|`EM zpVX(5^PKw;I=AIglb&8W2ksZ5ich(GJ(R7ON+l|`KW{+PW^6>xo1`U3iE`jh=k?aT_@+*plST)+Q zx2rv*bu%rh`TRlV_i+k?cJ_3WATWfVojDz5<4D-&hhdxQP+%7cN83X#iAEENE0IWZ zb0l&lkr>^gy%QWbcyJ&XyWG=rIi_Ptk=06vBOYvxL|TJ!hoe%J73pCt5QuS+$-RHH zv$LCJX zN4%zeP1P)jNcD6eAXVXEwuhn`i-uXq-MviO$l}2cggzcJJT^^qVG;Y?swzEC-I>5Gtf``5fk5$_7SBann>P?EAa8oM z4i7YT9f%)}JN$LURYehL`?8lYR!**}CTgD4-Sx~q!_$WXDix5!0_sSko{c)%UK*l~ z-l92_&@ zlPfFZ<)2*GIZb!*aD2x^!-=#~o((s+S5oPYT$ESo6j4izwOJWDejj|TC=I^dGRbd; zQqAm)hf*f_J#sao6nL0r663Du^Q@a81@eR98q*{TlV$Y=&KxCPTq~~Om~r|yR9R*g ziD@9r7EHqwlf|ps3HaEn)Bo}On7HpwargiI{DynunFh2>ym#1yi@(kc56^IU%;_!f zm}a`u6%8U7JrM zB7FFGe4=5F_&(wN#T$C=$=q!Eh)(foTsMhS#=^oz4!i|d*a`NY)FfS%z6Z-a+9<8R zCpT6W=0<0y_l+*w*e-!B44=mB7l;trb+Wjp={jI6z9 literal 0 HcmV?d00001 diff --git a/b2-cwd/integration/live/session3/formulaire-contact/form.css b/b2-cwd/integration/live/session3/formulaire-contact/form.css deleted file mode 100644 index b8e9450..0000000 --- a/b2-cwd/integration/live/session3/formulaire-contact/form.css +++ /dev/null @@ -1,103 +0,0 @@ - -/* - -.contact-form-wrap -{ - position: fixed; - top:0; - left:0; - bottom:0; - right:0; - background-color: black; -} - -.cf -{ - &-form - { - position: relative; - display:table; - border-radius:20px; - padding:20px; - width:auto; - margin:0 auto; - background-color: white; - top:50%; - transform:translateY(-50%); - } - &-input - { - border: solid 1px #666; - border-radius: 4px; - padding:4px; - } - &-label - { - line-height: 30px; - box-sizing: border-box; - } - &-label - { - float:left; - clear:left; - padding-right:20px; - } - &-input - { - min-height: 20px; - line-height: 20px; - float:right; - clear:right; - box-sizing: border-box; - - } - &-textarea - { - margin:8px 0; - display:block; - width:100%; - clear: both; - } - &-input-group - { - &:after - { - content:""; - display: table; - clear:both; - overflow: auto; - } - padding:4px; - margin:4px; - } - &-btn - { - background-color: black; - color:white; - padding-left:10px; - padding-right:10px; - } -} -*/ - -/*
-
- - -
- -
- - -
- -
- - -
- -
- -
-
- */ \ No newline at end of file diff --git a/b2-cwd/integration/live/session3/formulaire-contact/icon-style.css b/b2-cwd/integration/live/session3/formulaire-contact/icon-style.css new file mode 100644 index 0000000..8a950e5 --- /dev/null +++ b/b2-cwd/integration/live/session3/formulaire-contact/icon-style.css @@ -0,0 +1,44 @@ +@font-face { + font-family: 'icomoon'; + src: + url('fonts/icomoon.ttf?k3kmik') format('truetype'), + url('fonts/icomoon.woff?k3kmik') format('woff'), + url('fonts/icomoon.svg?k3kmik#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-eye:before { + content: "\e9ce"; +} +.icon-eye-blocked:before { + content: "\e9d1"; +} +.icon-close-circle:before { + content: "\ea0d"; +} +.icon-close:before { + content: "\ea0f"; +} +.icon-radio-checked:before { + content: "\ea54"; +} +.icon-radio-unchecked:before { + content: "\ea56"; +} diff --git a/b2-cwd/integration/live/session3/formulaire-contact/skeleton-full.html b/b2-cwd/integration/live/session3/formulaire-contact/skeleton-full.html index f064dcf..169129d 100644 --- a/b2-cwd/integration/live/session3/formulaire-contact/skeleton-full.html +++ b/b2-cwd/integration/live/session3/formulaire-contact/skeleton-full.html @@ -3,6 +3,7 @@ A hompage + @@ -42,11 +43,17 @@

ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

-
+