From ce2ffc58a34c3800c5c5bb30b9390acb0048ccb4 Mon Sep 17 00:00:00 2001 From: HeflerDev Date: Wed, 3 Jun 2020 21:44:10 -0300 Subject: [PATCH 1/3] Grid Logic --- .../master.scssc | Bin 43780 -> 57501 bytes index.html | 16 +- master.css | 162 +++++++++++++++++- master.css.map | 2 +- master.scss | 70 ++++++++ 5 files changed, 238 insertions(+), 12 deletions(-) diff --git a/.sass-cache/20e78a5707d52be05a69192700c63b9c8d219d65/master.scssc b/.sass-cache/20e78a5707d52be05a69192700c63b9c8d219d65/master.scssc index 88e49c9891f36244c5d69f7b35931b566d7516f2..c07681de2d128f07b4ff8f665aaf4f6be1453f26 100644 GIT binary patch literal 57501 zcmchAYmj6|b>{Sy=;^M0%~S8ultwd}8KLUeJXKe~m4rsjS`tDtJZGV)uDacQnd-jn zTh*Ew4YIKf>(?$1hwWYP8iOA{U>E#Y;|Pca8^>a>*LK9>UD&{}*v1hM0W6MyHI4uQ zdrrR2$-J3W)jcBx^r-UQykDMk@|=?=GtbR?Z2Hvn@yhJt(tLV)?!?@Q^w{af@l)xs z<0qRZPu|};dE(goV)Mk@{b}RGsgteBjU##e)^m+cr(Qo_q-nkWRGxRA$Xn@neKKjT zWbIawu3c#4_1k%+v#aZQA*xN(Z%#5%N?Qv{Svy^8tfprV?3kV@(oWi)Zgx7u_2Ea( z$HN!40iv!kTc1es^=_80b*|#|Zo0bOZgkVxdL?ORYiTxI-<5RojiQ+@6pgjzG_T(x z2{@)pTYhU23OAD}8$AOgp{&5Qt@FwbALO#dHUmibu}_-HP=huU92` zQZi`)@;n1*oh$If>Ih&L0C4uez7V#+n@Wnb(Owv&>McnJ1igULUbxgK*0Qx_5WvW} zv^xxqtu#6-&u%+Y->nIheKVWa@8I3|aK5^luBq-GOP+4DH_{8kXAj&lb8q#Djn&1p zsOC%6hx7Kv>RP9I?~EX_l60@Er}eQ8c6Jy0HLlFYV@U<1JQ7dl@ziL%BbS050l^N( zyIJYBcuz7J?@gxi`aVv|YZ^t?SZt@LdXvC`RHL2CMb@e{B>}4S^zu51`&_fg*1KAF zAIqS78tu{ePSYQ{!fTMXdR=l=iSNvIBFXi=$=b#$Jk!mKg^jhW+W{@TIccS9`D(Ui zU7bwwB3p)w?Xw5A&&>ldXMo{Rhv89R_-4Z}mTuJy$CU&%Z+W8uO4XVLeOzwmi;ecI zEkYmSs2?$p@0yGcoIS9onXh%BFKX+JRtppX1r^_&#|Kdm@gd~4B0A_E?A-0^mqmrc z&~Zo39vC^H$`jd`!^{|vf17Cw6vWzVN|WxG013~ zOMiSLU2CQzFaoZo7+G{K44V+(oT;qqZI5U0{@pIvIS9Dgsjf99YpKwbP@e3h8?Ah- zz9;EiS?e~M-K@DFf|g3N4WTZMnWKh*(FB~vEW~mhMa3+P>w6)l0a7~~i*Ero#7_}- zcJlbP;rMoltsHp{Tk^!xSiEO8-mAd`roz45G__!bxIA*&3kV~|cCj?6`v>}=+gR*m z+n|R*MppFxWRb692(=?Vfc-R8tBD8-G($K=p)QrG88YkHw))Nl;;HooA*svtk+t-a ztvNS2oZbYqR19TUGBF*5P9h*JbCnEz%6epvVdfSYc7`Q^E$oeVCqsX%pP_hjucj>- z`a^?n3u_k!!wY&QbKbI=>f>U((4lSFYHrc^DuTTQXd$b?5?PH3#>RqU&@hdlBSpF@ zIz$CwqjUPg1dKR#41FuKvePh!rM)Bwh^0MIm=A)y2twSXA+#5qkYv}y#Ks98xA!1? zo(R9qA^bLIXSX37OE>FQF&6d_?t>u05#kmN;Sw(8X-B;yJqSNWgx~HEe!E3DmiiLz zgCN2YB1m}K6RwQ*ApAHHeuqQ&9TwqO>Pxr}f(SUwdV5rU23GT>gq}57eb^*I#I}VZMQEN% zqK8R@<=O!en#Yw0@j((Hmck-5-qR;Sd6S7yUYGzTY!TiCZIB4Dv~>~sut|i7?GvGS zDv4fCA}rSqh|oN)M2HWP2(iROsNMKYu*~-mtTN;}&C=8%hlfMZB)NJl83IDVkq?4+KnT{ya%J#l#zQOZTY>Zcvvjmt({$n3m*h=fe;5Z1jXv8spr$n-RimQ z8Cc*91|3Hn`i=k`X)2aVn!2M4xV6=M5tg$(9Xu11%;@oXBbTF2yGNm=n~YqrWadaA zx%ePRE*6B=&^?Uw+G6Hg_kBs2{1Yb)`S&{H-zx~#%l23@VL*s{9|VzaL1^;#a`IO; zmVM%XJWT&7690=G`d2~djLR#;GAlfYmO}o^3MSDQ@H-}|EM?=btL;sARSj!$ueYM^P zLG)V?U-xwk7uTN#LiPz1Rvb3llfDOI%B5lI{a%%x1owQhAfc3}>_B){t zuF%ap1kVGBu;!$KDJ=CBr4NEci4Z18(L7H|o?-m42cB05zA6q&@!9xaA+5(8T8{xV z#jaSgXQrMxiw}ZmMF`_`G_5-Xt&L_AB<7=bytz?yvZtjF7hRy~J?_wZ9N@{rVablQ zJ@on@h+c#+UWU|kAE@br>+86Eofn--RYeeT7rVUFchVvAB%qSco`TYp_6AxeuyX^@ zHQ|if+471lnEHNuNkZ*F3v!@?#g=(}ENOJRMd#{h9hL-J+0Z}NE6b3Ev4+1!7h%g< zTxzt}R~k#hbFiRYpeA>q6T}(_X#b@Z*!1qK<`<>tC$iHHBd3LgwJu}nux2FW)_f3S z#vBmhh=$OzfIVm6Jk24l>+Lt7o7Xr&%YyIkSG{v-+~ zUxzFe=q)9i`axSkWd6-#S*NS=7;uFP_9QSxqjO=qUIdZeVYFCYYzQFB*kXsc7|5YW z2uqeD%j2iU<8v2AHMYnV82XVKe$0Z^$oz>D&=w{<_!_v&s0KD*!gtiJYXd%H0UMpW zcHpBH@O`?!O2B%_-biA2u7@0I7V0!d#XO}HHp(!iq+V&_mKa=GEI{Q`7?pZRHi>>V z;z*)z&etoQ^+q#|UlV%L?)2Fbg2&7Hx|S>kyVk&HtKTIRd%ehD`{0V!Yn2M6his|W zXExTFjdptqbQ=GQ6Y5#H5vLRxwzXh4rsF8%QCAnYA3LeK-~mV19}wED9UYb|Ct<1L zCSeblo<-QOhHny<^c!I(>JO+l!)&=FAm|@Oc{(hG^ZaPn>T9aYhb^zU~Is|DW&0QXtTg~Tfp~lnOhEL)4+!GHos-?d1 z`S{gx^z%Ik0!*UG8#sTW3(m){4L@XetF6`nh4i&e3W=R(U}$2pS4~WwYP7PA@Fe#(UbNQMEipd?GHjzltF=|zT4tH2%;S!*tWP_ zYu~MeU*x#A+$!?`y@zTfmZe=1Cl`E`lRq-RUN}oq?vvn6T8>n0yc<6AMB+f*q3f8omosW*~{~X4`Ha`k5np z)DhgHKruNoESU}oS(6Wf=(iwT`WN%I#}i-&9PilyEXn5;4g;^S7{F3r27D02fCZr$ z*rhrE8Av_e09iQQlZDgdkk2|SoCTuEuCQe6In)O}2x7s4AiLTvmUCb+r!cRtlo$RU zbBKEk$RW$Z(oPy@^+M5UKz9CNVZ_xTKam*5#&>%4ZR$ICCZz`79WUTVkf%# z0BB*)26(AtE{XpB1~Wcj4daC4ms#v9Vv^_|Oi)Vf%6_<1P?E00u(@S1e9mF`9JEjQ zmRKUs>}A*oKn&XehT(4$!&rlQ(Pmf?lSJR~Fw9f!MEBaOkg}Wi!!l9x$kUDD2qiHe zg;o68+|hF9pLb+&9!T3^dIn43ImtHV#%PgGF9G;aX-1+;_rqqaPCJlVX zcb%j%V@c(#c5TA%n(2{`aa)}BgQ%BY74rd+iXpEAWK?Y5jTViQhDKY(@M$0_iSE47 z)G%)%zDg@Z68#U-SljO;kPWUq>gY5q6!h_>aYMMx5nXd4d+p{OX2m#6@i1a29NS^O z7PzBf2utunfqZqc>@cSm^UJl4$c+&^lzb*s!0@sL^~%QcIxQ=;-}yRdjCK^UM8mVU zmwf=#%Qk@NodAWbR z!~N@l7@BTjiPrhN-1`8CdmF%T|61Z6Ymle5bzBjXM6dI3KPATR#YQKS*|nu!hj$~@ z+{PL>-r#Wj1|Wd?8%t(#>$hqj0C8*s7>+aI7;A+3TM?5)Z!sLx`yQ{=lqb0UWYUgnEQr7CO1mm$c>L!#iyb)+6JH(RNK{M|!(GCZOdg2vk zjIVY`#T4xct9!$RVcf@)snWv$3-7r?cB=X{k-f=j`%TaqEt6u23=!X;fL@)&HCBNt zr|}hP4U+t1Qmk1BuPn9mTn6(%ioPu?$$!}^!@bs;7aT$tfHay^Vad)xfDG;+(>^R> z8nH@D$7kx5Znm0sz;&9(ljuF968^{RMDootNQ?i7PEG-P;!ND^NsC<@t0}Z};FZ6_Qsx%X+pmkR)9XBI{(hi^tQ{2NcDnH?0z&8l2Z3+mm?GvT8uT9#g zO$>nOv4vjZ>i6uPw`-%cJ!@n>mS{$4HEK?lkcR$L+TAFGnUBGnQuTX$+xTZino$mW zW#AEZ!pr`P=@PtbqV0g0DfBigO=NF&Z0pUyK8YGj=H)FBv;lj#J(sm~_$dQLwaA6c z?}x)0#7>?}Ao4XpvvF*|TIIqVl_i)$&%)b%GT8)oo);uPv+ybnyQnJeHD@KXuPk7C z%o)gB!BZ+0KnAGQd2t4I5Or1-NT@!U!BG^g3{tc}Uk!yx^cm_|q|9FGK<2FTC(MIN zP4N*Lm>d9oXob(~lE+7{YcjWDKDgXEbMFT1oo3xDRq?J_@#S&4GhUjFmo-J6 zadXLGa0yzQGX4WgG)>i>5w;57awfibCT^dJSL?fN?TpvzqigWi0_dU-d&0t|NJe3w zJ+Mu$Mi@EsUw!m7LJPPAv(~DAl~TC4CTJqqKAZ*9SJQ%+mzIRrSb^n9|?R& zH1s3VAKH_P$6HLxP=LZCtKVm?Wa+ zt;%)9k?RUHOmPC1>=ziV1`Iuqa#nMgM(a*i|t zcp!ZFQ{+-%ocXj5KS>(z4f zdmKXoc_h?W0w+imS1ydho4lPS=E$Otg^{8PF928N@8KhI#E`QX83*l!gPdw`idWW5 znbD&i?$;U0xg)F`Xr}x*ERiCDi-#kW>Y_pIZv$_NLC>%|3+zRaiOkm|tpQ?_FEiR< zMwQ{CVpxHkcR9YG`HN9g4;lT`hLK>@hFzP;)*VT#10m#uuw*tPdaI2Oh@6lOWYp%T zNNuo2$O$Q;lIW+6+K^N636}H~1^b{8ECzE|CgW$G51r~blI%dsq*GYxty7^l_n_a{ ztp)xL%tYpEl(Y&PO$_tbL#xW~;Q)E!qC;5MkwzCtA-%$qmE21~Pi} zpGdE;Mo6y|QAzZlJ$mI6E$J1C_8}u$KFGB-=SlQqM27AD?R99qNEzPK)9cW>=0tY+ zTE;E$Fk&bid)&GVtkJlIC3hWqfN%WUp0*Ixz0Vn(JHm>^-sPC21<*@^5Khx=y) zA$r>qOQf$s?tLJ{J%UiAY`FghagQ}7jQ-lAv?3^pzUkq9O1%66iNnkC)HNmoIsA^{ z3qvY_z#4R~I(%OhL~6dVWZpp%LyfoBeIUd)g3wZi;rj=~H`bu(o6WZ(D2aaP;d{4O zdT(X$Rv9kv$Z=V0R5N`alk0clrp5bP9p2vxWY7u>mh2@@FYi7O;vGRK#5254ktt&h zvI(1aMNks$7}i>`<)IQLTfM`tpKzq{6F?XZm00RMRQk^vfRTvZSfE1)CNf`xG)!WH zFV$S@CyQjc#66gr9U+|4C?@PMN_H^-$3GeIPU@B8XXBij5+` zOBCAHum+@YsJV!(2#TO2I>i)0hnv=UJ#3C*U59?K$`jd;YqfBJ&rU><>{bOTez)(( zBJKqiEgBm3UqS4PDxoQgxCs-dBsyyZK*6R@k;nv5ktp7JK7-96mk_wXZAcWavl02* zBr_6izEE~FT%Sf!!2Ii3VAST==4JMR`pB=5lD$6`W2EE=GUO}(870jmUUN|BaC?=V6j zoAT=wS(VVM7s#xB#ue(%09!OP4PmjjS+NCx8k=cD7qUC{(g2{^hZBirm|kf+%O3<_vX-V`0BLrqzUVUb!g?i;*AG)k% zkVK!Qd8xh3!qZ3w;Ji9~NM!yD2sRfe~GTA*ksd#wm6@Wmog zq(v1BHij=;>uS-^yR^jAauHnM>qVkCz=DwXkiuN&vC|ztRy#EVvyIm=~ThL;nP%M%%hn$96KQt!Z&uqTD9}Hc@KGGZ1a?Mwa@dy-O#VN0{9hZotEz4J|8{8{@07c=Guru zuFUAe2bex!mEeMdA}fhL$n+t+fX7eKwPsDwF;*D@fM0b*@T))wB^khdR0+MVsKYlq zD|EE=Hs+rYhTG6TmpUoZoI zpDTd(LF>%Gu}I-z*ucFwOqCGFW8hz9s)SX72Cm3TqOTcM>NPv#2Ciph>L_ z6@SeY!><7`%*e4=URNC0$i47%TJ{ja+bJi?$jyUE^v_IG<@#YGHxPOvfe*8u!6Kz4 z7}pyyOT;QcBgdP<$Zr@i#%kVA8}ceUgGOb4zK#6-Zs)!q8f8X~#ok8FRxt-&-}JW1 z%p6-iO%j7p4Epf-T7>xxR|LNSt+PcKEDo{=lrMPk{dIBh0`2Ork!~{J}(ws&zhcLW4Tw^88j+;-6;F>GnW6B+qu65jWRRGB1r&- zvQn_lmQ**f+UjkW89KI0E=~oA&zGV9wkw3+hSr&(V{s5e_u?>hLL85w7p%{*O3=_1 zS+GNB)M?X(-eb-6cU&?24iLi(9gEjs=w5hc=m_sMbn{>m{S*^bxqjHt4TLsye3&Gp}*5YiQ#7EcQl4dpBWe+Z}^rdb*mX|X~s0S}Wxhx4e| zfgkXNSmd^Pm;BmtL!Cg4nqYFchd!)@sC)mz&@v@e!Tnv?Q6qo(Uu@rgVE_CzciQ*jOd!sYaiLX0??ra@@avhp&SMH zh^+uv9JAzZrK|@Pz;{NY;ll3vk7~i`uK%dr^;onPBJ|RyOi`TbsaIZbdOvvx!S6Br z;UGo}hu&wIPU5qNt!KmD&5Om<#KtnZ`Aw%vP&e^;AT5dhuTM8WqD7oUpJ#}6=W^W~ zn-k(*i|9Ir{ngz$kN2Sft&Hl7rgwmW>X4M&Js3gj{@M zTQDTET$zWuO{9YgE_!>ZKhSd2s`>}eJe@W%ghg8O_IoKW2I~|X!)U@DdbwFNLyHcM zmr^9b%X6cooBCy0=pB`vl0+|Jh_)EHCct1tDZm2^R#X`}@MD|T1vXfTrv-|Ja&+Ni zwk}|?$6z&>F5D#9?X3rYq@}3!;E!xQz#_db>(>J>2Gau@!|1^Stk^r=7_A1= zfLnw&03Lelz$df>wGMm&8fU%$i?p%k*8wjE(*Ya9=s=707*+}DfFdc0QlAcdTyu~_ zuV#q05V;PFPdCJwD1!|PW2`cC-zPV(3CtIWrv-|Jax~$SAP1%iSlp5?@C7bA#T%wI z#*ZDrd`b&atHP(Cb*2hfJVefzzN;`u1mgw2heC7&pXJ~zg7H4<5H@E$8;)SSSWH)u z4#G0J`tO-$VU?h+;!PkeiT;C6S3jvmoJ7wuM7x{0u1-uZrrk^GJ=3_a&l=~oLB&43 zd2I!C)6*>Rv_R2Nj<$Xpm}T0EMVc#aF^btIwNx?E+j;$|7N^$OKb6wwMe0ny^YUUa zg+NHcFbeUv#e1|+}~0gLVcHb(PpekQPpVuiPYqc{1>DwR&&&g4*SyQx3ZBGbM6XV4l; zgutSedZpix_I{!P_M7DO1^d$tz^Jz&I%NXxyOS;;R5Kyoy<>+}JD(OEp)bJs+c`|G z5!<0K%%0qNX>^2PKO1(9UMyw_HXX(izR&a)tI&Amg!Fh*WQ9CuEP-@liVo4E*^NAH zp#1d&=rnn8fqhZ|dhD~VYJ3)&WXr2qv^Vm?((qz2X&{zoV{U@&-C>pB600H&z7PP0 zCSQ9ZX~4&M;CLce5WX)sfhgqV1?$63AdJts!uTAJLkH5pef|Q4TKEpUjN!#%!ayuq zur;c&p9ur2&=l8E4MkcKRXxI(>cZ#M;gePND~@d9I|^ro%ePW&Px0rj1pXXoVCsNH zT5b0a4_*w$xs72spJSY3m7p3Zl9FiN!@2z4-BM#UYqMjB)fpV_x9~s{M1995{=yZ) zUjR95tsRSl+JqO23B$%R!g!bo1FHlVw-sqg^l~N)ed5aaJ@u9RY4sLwC=%M9*Kc>v zntrlTz;u2Djz8;cEG=c1@r;$B{|*CU9?y@($KvC78cT(+Pt3+AO`WYTQez9UCDojB z4ik{T4`LEUO0ba86O4&EO{#~3+?-$dOIIQO66j#V8WycEKYS3vkQa;fwvA;J;w?@U z%I$Uhf+8)6E;5BM64|O>_$yZee`QMmi}c>N-!FJE7+W@m;ry*ml_2MeB$y|7IG+@p z!!dSpGhM_`=J2RW2hOaPNA`&GHDyqR@yOE1ocZ>OIiL-%!9XLj-TvAY%wK~f*d8qw z>76?qGW^F#4S9i>(?K8_FM5wXUMwa?8_P)gy-t;&)4}J(j@tW-q|tJ5C=rHhRvIrb zM6_KpR({q7gxcnb|II=pJ0|8K{rEKdMn=f7!FH8A_?ZXKK;P##AK0_?2=TN)(NIoc z|9Rk(1@>5^L0tMMwvonZ+k9aEH(GEyu>Tt&WRp;j#p@E-dmCaN5F4_0Q$QK?EQ0e0 zLoP3Z4871SmPhDm9q;M%V7AoZeV)bh`20-idB2PDVzJTM#xjQUKbe|im0&!NH$^=E zzkG)CdEJ{y^oI=5)*x;Mm1*;xmA*zWYN~?Fzp!}|fXS&|(z~-KQ6e zX#rwUGKA5B=UAU%mEb_7NP~CMd|L1Y%?WJjF+^L4wicML)%4c_Qx#vRS31q;u0E^eE1%`U21?C!%@wZxbS_}Rb8f995#X+^ei^a46u{>IEkiH`aMV5xdp8mk|eIw8Xb#=k!>hH7+wKn`6G|aRCi9d(QDo71j;4FPj3s0-T*PvCV23RCd-rEm&v6vbl7WovT2LF+D8deFa zfg&x5e%+@AU)7u>(Z6GewiLMo`$7El@O+qYPgM zNib!=Vvo(R-pb(nj3?-Wy1d{p_6;patrFjWwwX#`u{56vtn_-Zm`WfPWs4b=_;0KO zu}V-S6lrj#zE35-t~p7fk1<4BmOhn`YvqHggscty_^oSF3GuW*(NK;`dFmH3wCB#HhH zL$qbdRRU7I=<}<6HDZiahF<*k<`sg)j^b&7qM;mx_%_IaDFha`94&Z0HVgWot}fVY zeMbvXtHXDoWu^{Tq=2vYpy9=0>VR0JT1FlAuq1e_5>y988cY>vETyT$w>2k_`Nt4# zNpf|lOm|nZ0e8$tO;zZ>?`~cdSnMF47AP9ZQHAe<445ilk@y{S8o@WriFkV#>|eCR zbl?9AG{q(kSftf%?0f%mk{5^dJK|7+v+4H-STA9f;G{v31(O1j1NHlNH5ZWS#}I9? z@qQnh?q*%J4&K)bz=xc4UFfdwZNBG$WF07orv-|Ja(e!IAO+U*SajD^S+d0S*b4r> z7M@mt??anxD;SG|P93~hObrmrGj(XOPQxn1u`_j0q`}m{r~z$)?GY#aw$f%^h;JIv z4!LCs_|+6~%eI8)TroTcgs?m^EZVOT`z^tX!$g2MBu--qPcsoLMf*i246G8| zAXj81(ZBTwqt^!cl-M9A!-m08Tw0(@Ach~hV)!8t!*;5$NQW%+9vQt@OcaPkTkS?K zew~Q|s|0td6lqEHevc@^pIz81j7EN$qqefKEKLK%A#SKob}X11Ae0}uLiv#(%k0Ep zk>-WHh2q6xLP0DFJ&aI(mk9-{>@-X6j=xZ(LH-;Q$|iFL;;SR^TXC~K+BO8fzfWF( zthD9C0QIoihFHV)EWNes*{lIS)g6bz^_7L)GIL}XHC2JS5%m9?bnP_jQ;$m=gJy^SSck{|vTSTh?I^RvFVE*pc%Lz!-5XGjWJIp;?e5M7&C~V#LAx2$+%aBgYx2FfTGE?iI$S zm$I}y;Ol=CstcApxdp!fM5r|Z^|-__XpUciCM>@o%EUQ##P9{?7eYG-+%85=toxk9 zl#!iU5QyLkUl5dKS{3qZK>&tnfq*3#qXq9`9VY6KA999RO;{4W+sJ~PLyx4`T_T0P zwq9hbjY4Km4LV+uM*(efaJN8HC>sOWl921Iwqj=W{<-ahYh&qPh*ija77uK~P<&5f3 z=m8dGT*liNsAFm9GQ?q}a0Jn4z9v)e;Y1+yeaB6G__5dVhS6R_k2XWNf@6`MXk!h& z-3Buvb}AAj_QJgN1~rX?&wM$r8dXl6JgvL{sCuByqfVRCX1Xof^nZ5b|Qg}cs| zpv74?wbdH3Imox5qnk?{!WDjIA=cn=lb-BaUxbb~;B- zeFa+9XMw+{`xPhfE&fJeuiV2h3^35)SN zs{kC$JzO~Bti~rD7N|=cXC(*{;ogMV1Ei77Ir!L4@!#Zkx1(E2(uOOTCSs&5%CrpE zN7?~A+EBz6`7WTw^GiDb$E5AR8EGG8(iU}safG-F1j0%9M%pZzB>PID|Hp;~$13=& zG~`{_h$g&C&3G5<>3}1qjUnm$XW7#)(6F?>q%Cm88kR(vvOu7BL&MUI!C`4^Zg&1S zjZ1+>*|;PcoiXANjb7(*saoP3u2|!eD3eK}UT z3cxW>>A)FJ`EQt~6m_UeoN-Cq730#+8c+E=jZ1fzqzzZBaY>X19+v`mY+Mp}<=*p; zO9410Z3oUs`-4o{q7E69BW-b4j7z_1q|L@9vacjsW1x;zSR+foyRdOdc$dJq6mZ0B zToR6$j>Mq0$Il*!+ItdtKw|aq^h}X<((ZJ#(>Yv?E0vj<>JuBQi)m5Km#Pno(-b?E zYW3i9k+tAtGdx|fQ?Jg=Lsht{jykKYH(IT1ZMj~BrHt5fqc#uE%m(fqgL|Rpj@PU6 z;yDfqYX!^MTDdWK-P@MB%wy$Zjo)mlvm0d5d8&!WH{ z7xV}*Nieuyq^lrK5Rrlhq0PJ3R_oPc?zMKkdR$%u;3uV65ynVZ0aj#i0Eq!;jd>2~PciZYNGWJlBHZHE`*;-dHw`hv;I~?`u$>Y#Dk_>iJe!j3?6?59s zUG)t%lp)3za37mGpI+`(&t=bm79qQAHyi{4=WqyFva7Yl4At$V=MHX?L*v#%nj~zI zpyX8vbQ(jdcO;N8F%ZrWbk@*uR?$dvBM{QWOG$*SbId<|s`G2>XIju!ioSU7! z&-^)%S_Z0ds5!6x1S-&s@_4Gz$~J_kW!8NSv+nCv$eA&QByZrg6VA1oO3CKtsbJ)t zf*Yy2BXcxC)n*TY41kP>@}iX%Ai0C`r9f;6O$B6R z#T{W1Pd1>3inWd?Jc>T)+?7rj{K{kba@GV=a962{F1V4cfx~X4OYp%rJb|METWfGn z_$%SOT3Khk-MCV(;$>`D+`d$xE5m>Bl6GD2VtVt)(~aT?`Maald#g3*hFSPu_;y@* z78-^zLNo~HhMLiK^;S?L-6(K%Q$7>>t(5Y5dq(W0r<-|GBLFqW3qPL|Zz7Vg8*JgvC zZC6f`#%lFTT!+5ef~Yp#R;_alt;vqntdUP(%vGx;_G&WJ*&2h6E)3jeTd|2gM}4|- zKoxm@d|#k*$$+_iZMs*%Gac{SugVs#sUc9GEjG1f-PvM$TUQ)v5S2%{0^vh(&@6ii zI`vx)ad1MqP&L=7;B~4C-G%V-sAoiX&WDzRam_snT0W&*m-n&KsloCQJVn-9Uyx~^ zF)N>thm86k;>VDdnbHS8dfN+~4JjLi^A1IeI(QN%2;xi!bYSw{wn z!WhH_b3+HP;uak{B;vD9jDrA#N;P><7d#|N5)5yugR2B>JVq(OW94eqhp(<;suINb zc)-sQIJf60J|Ko_b%e}SDEHxBg_cT%@YD$=GaV7AN;Pp?2^Zqa9yKxiRG9L;^*(hW zsFb)e7Us2elzmX$lJzhe?@>!c>l#wNCEBaD2zgRXu`Ct+A1EX(GH~xzUDc4)@vS0W zSvga2S=GSTPeheodIu9c2(0wG5A`a(<^U|a8Z#${X^%>Z%y;obAfyxN;i7`Av*x@h zu6&{%G#(_Yim^}*a}Q-+mK6o4mfDPZF2rF)Wyq@Q7@-ANH^Mt5AISZT6thU_;XR>M zO|21mT!Na8Vgo^Dz!z6kpo-}NrC?a~w^*}~0nos4eYGkg`&BEpS5oK|-S>;{(QV)# sjw1t*F4t4GM!P*PxxTcEw1WxAK2UibDvx3q7LjSeQkHZoL2~~810IUMlmGw# literal 43780 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 Orxh+O*%zN`SN -
-
- Text - Text - Text -
-
Text
- Text -
Text
-
Text
+
+
+
Text
+
Text
+
Text
Text
+
diff --git a/master.css b/master.css index f4f5670..35e9e1c 100644 --- a/master.css +++ b/master.css @@ -1,4 +1,65 @@ @import url(./reset.css); +:root { + --grid-gap: 10px; } + +.flex-grid { + display: flex; + flex-wrap: wrap; + margin: calc(var(--grid-gap) * -1) 0 0 calc(var(--grid-gap) * -1); } + +.col { + box-sizing: border-box; + background-clip: content-box; + flex-basis: 100%; } + +.col-1 { + flex-basis: 8.33%; + max-width: 8.33%; } + +.col-2 { + flex-basis: 16.66%; + max-width: 16.66%; } + +.col-3 { + flex-basis: 25%; + max-width: 25%; } + +.col-4 { + flex-basis: 33.33%; + max-width: 33.33%; } + +.col-5 { + flex-basis: 41.66%; + max-width: 41.66%; } + +.col-6 { + flex-basis: 50%; + max-width: 50%; } + +.col-7 { + flex-basis: 58.33%; + max-width: 58.33%; } + +.col-8 { + flex-basis: 66.66%; + max-width: 66.66%; } + +.col-9 { + flex-basis: 75%; + max-width: 75%; } + +.col-10 { + flex-basis: 83.33%; + max-width: 83.33%; } + +.col-11 { + flex-basis: 91.66%; + max-width: 91.66%; } + +.col-12 { + flex-basis: 100%; + max-width: 100%; } + html { font-size: 42px; } @media screen and (min-device-width: 768px) { @@ -32,7 +93,9 @@ html { .minibox { display: flex; - width: 100%; } + width: 100%; + flex-wrap: wrap; + margin: calc(var(--grid-gap) * -1) 0 0 calc(var(--grid-gap) * -1); } @media screen and (max-width: 640px) { .minibox { margin: auto; @@ -134,4 +197,101 @@ html { background: #242424; color: rgba 255, 255, 255, 1; } +@media only screen and (min-width: 768px) { + .col-m-1 { + flex-basis: 8.33%; + max-width: 8.33%; } + + .col-m-2 { + flex-basis: 16.66%; + max-width: 16.66%; } + + .col-m-3 { + flex-basis: 25%; + max-width: 25%; } + + .col-m-4 { + flex-basis: 33.33%; + max-width: 33.33%; } + + .col-m-5 { + flex-basis: 41.66%; + max-width: 41.66%; } + + .col-m-6 { + flex-basis: 50%; + max-width: 50%; } + + .col-m-7 { + flex-basis: 58.33%; + max-width: 58.33%; } + + .col-m-8 { + flex-basis: 66.66%; + max-width: 66.66%; } + + .col-m-9 { + flex-basis: 75%; + max-width: 75%; } + + .col-m-10 { + flex-basis: 83.33%; + max-width: 83.33%; } + + .col-m-11 { + flex-basis: 91.66%; + max-width: 91.66%; } + + .col-m-12 { + flex-basis: 100%; + max-width: 100%; } } +@media only screen and (min-width: 1024px) { + .col-l-1 { + flex-basis: 8.33%; + max-width: 8.33%; } + + .col-l-2 { + flex-basis: 16.66%; + max-width: 16.66%; } + + .col-l-3 { + flex-basis: 25%; + max-width: 25%; } + + .col-l-4 { + flex-basis: 33.33%; + max-width: 33.33%; } + + .col-l-5 { + flex-basis: 41.66%; + max-width: 41.66%; } + + .col-l-6 { + flex-basis: 50%; + max-width: 50%; } + + .col-l-7 { + flex-basis: 58.33%; + max-width: 58.33%; } + + .col-l-8 { + flex-basis: 66.66%; + max-width: 66.66%; } + + .col-l-9 { + flex-basis: 75%; + max-width: 75%; } + + .col-l-10 { + flex-basis: 83.33%; + max-width: 83.33%; } + + .col-l-11 { + flex-basis: 91.66%; + max-width: 91.66%; } + + .col-l-12 { + flex-basis: 100%; + max-width: 100%; } } + /*# sourceMappingURL=master.css.map */ diff --git a/master.css.map b/master.css.map index 87481f1..d85f32b 100644 --- a/master.css.map +++ b/master.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAAQ,wBAAc;AAuDtB,IAAI;EACF,SAAS,EArCK,IAAI;EAuClB,2CAAyD;IAH3D,IAAI;MAIA,SAAS,EArCG,IAAI;EAwClB,4CAA0D;IAP5D,IAAI;MAQA,SAAS,EAvCI,IAAI;;AA2CrB,IAAK;EACH,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,cAAc,EAAE,MAAM;EAEtB,2CAAwD;IAN1D,IAAK;MAOD,MAAM,EAAE,IAAI;MACZ,OAAO,EAnEC,MAAW;EAsErB,2CAAwD;IAX1D,IAAK;MAYD,MAAM,EAAE,IAAI;MACZ,OAAO,EAvEG,IAAa;EA0EzB,2CAAyD;IAhB3D,IAAK;MAiBC,MAAM,EAAE,IAAI;MACZ,OAAO,EA3EC,MAAa;EA8EzB,4CAA0D;IArB5D,IAAK;MAsBC,MAAM,EAAE,IAAI;MACZ,OAAO,EA/EC,IAAa;;AAmF3B,QAAS;EACP,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;EAEX,oCAAiD;IAJnD,QAAS;MAKL,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAa;EAGxB,oCAAiD;IATnD,QAAS;MAUL,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,OAAe;EAG1B,oCAAkD;IAdpD,QAAS;MAeH,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,QAAe;EAG5B,qCAAmD;IAnBrD,QAAS;MAoBH,MAAM,EAAE,IAAI;MACZ,OAAO,EAAE,MAAe;;AAI9B,OAAQ;EACN,cAAc,EAAE,iBAAiB;;AAGnC,IAAK;EACH,cAAc,EAAE,cAAe;;AAGjC,MAAO;EACL,eAAe,EAAE,qBAAqB;;AAGxC,OAAQ;EACN,eAAe,EAAE,iBAAiB;;AAGpC,IAAK;EACH,eAAe,EAAE,mBAAmB;;AAGtC,OAAQ;EACN,eAAe,EAAE,uBAAwB;;AAG3C,QAAS;EACP,eAAe,EAAE,wBAAwB;;AAG3C,IAAK;EACH,MAAM,EAAE,iBAA0B;EAClC,UAAU,EA7GO,qBAAqB;EA8GtC,KAAK,EAjHc,qBAAqB;EAkHxC,UAAU,EAAE,IAAI;EAChB,WAAW,EA1HG,OAAO;EA2HrB,UAAQ;IACN,UAAU,EArHO,qBAAqB;IAsHtC,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,UAAU;;AAIzB,OAAO;EACL,MAAM,EAAE,oBAA+B;;AAGzC,KAAM;EACJ,YAAY,EApHE,MAAM;;AAuHtB,KAAM;EACJ,YAAY,EAvHE,MAAM;;AA0HtB,OAAQ;EACN,YAAY,EA1HI,MAAM;;AA6HxB,OAAQ;EACN,aAAa,EAtIJ,MAAM;;AAyIjB,KAAM;EACJ,aAAa,EA3IC,MAAM;;AA8ItB,QAAS;EACP,aAAa,EA7II,IAAI;;AAgJvB,QAAS;EACP,aAAa,EAhJI,IAAI;;AAmJvB,OAAQ;EACN,aAAa,EAnJG,GAAG;;AAsJrB,KAAM;EACJ,YAAY,EAAE,IAAI;;AAGpB,MAAO;EACL,KAAK,EApKc,qBAAqB;EAqKxC,eAAe,EAAE,IAAI;EACrB,UAAU,EAAE,IAAI;EAChB,WAAW,EAhLE,UAAU;EAiLvB,SAAS,EAxLU,IAAI;EAyLvB,YAAQ;IACN,SAAS,EAAE,UAAW;IACtB,eAAe,EAAE,IAAI;IACrB,KAAK,EA5KY,qBAAqB;IA6KtC,UAAU,EAAE,IAAI;;AAIpB,KAAM;EACJ,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,YAAY;;AAG/B,MAAO;EACL,aAAa,EAAE,GAAG;EAClB,UAAU,EAxLQ,OAAgB;EAyLlC,KAAK,EA1Lc,qBAAqB", +"mappings": "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", "sources": ["master.scss"], "names": [], "file": "master.css" diff --git a/master.scss b/master.scss index 1ea521a..a4be752 100644 --- a/master.scss +++ b/master.scss @@ -1,5 +1,21 @@ @import './reset.css' ; +// Number of Columns + $grid-columns: 12; + + $content-padding: 5px; + $content-padding-2: 10px; + $content-padding-3: 15px; + $content-padding-4: 20px; + + $content-margin: 5px; + $content-margin-2: 10px; + $content-margin-3: 15px; + $content-margin-4: 20px; +//grid gap + :root { + --grid-gap: 10px; + } // Margins $margin: 1rem ; $margin-s: 2rem ; @@ -53,6 +69,37 @@ // Patterns + +// Grid System Logic +//flex container definition + +.flex-grid { + display: flex; + flex-wrap: wrap; + margin: calc(var(--grid-gap) * -1) 0 0 calc(var(--grid-gap) * -1); +} + +.col { + box-sizing: border-box; + background-clip: content-box; + flex-basis: 100%; +} + +//round flex items' width +@function round-width($i) { + $width: floor(100 * $i * 100 / $grid-columns) / 100; + @return $width#{"%"}; +} + +//utility classes + +@for $i from 1 through $grid-columns { + .col-#{$i} { + flex-basis: round-width($i); + max-width: round-width($i); + } +} + html{ font-size: $text-mobile; @@ -95,6 +142,8 @@ html{ .minibox { display: flex ; width: 100% ; + flex-wrap: wrap; + margin: calc(var(--grid-gap) * -1) 0 0 calc(var(--grid-gap) * -1); @media screen and (max-width: $breakpoint-phone) { margin: auto ; @@ -223,3 +272,24 @@ html{ background: $color-primary; color: $color-opposite ; } + + +@media only screen and (min-width: 768px) { + @for $i from 1 through $grid-columns { + .col-m-#{$i} { + flex-basis: round-width($i); + max-width: round-width($i); + } + } + +} + +@media only screen and (min-width: 1024px) { + @for $i from 1 through $grid-columns { + .col-l-#{$i} { + flex-basis: round-width($i); + max-width: round-width($i); + } + } + +} From d2638a24737f9b0069628a230ddf71c232b4667f Mon Sep 17 00:00:00 2001 From: HeflerDev Date: Wed, 3 Jun 2020 21:44:17 -0300 Subject: [PATCH 2/3] Create README --- README.md | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..760b1cd --- /dev/null +++ b/README.md @@ -0,0 +1,38 @@ +# BitBox Framework + +## Introduction + +This project is made to create a custom personal framework, which I use in my projects. +Heavily inspired in the Bootstrap framework, it's totally Flex based(even the grid), and +it's free, feel free to fork/clone/modify/etc. + +## Why create a Bootstrap related framework instead of only using Bootstrap? + +I love Bootstrap but there are some things that I didn't liked it, so I made +more 'speakable', more alike to the English language, so the classes in the tags +looks more like phrases, for example: + +``` +
+ Content +
+``` + +## Built With + +- **CSS** +- **SCSS** + +## Author + +**Henrique Hefler** + +- Github: [@Kasuhira](https://github.com/Kasuhira) + +## Contributing + +Contribution, issues and feature requests are widely welcome! + +## Suport + +Give a star if you liked this project, and, if you like, From dbe98d7fc77876d7291a2d596f8562f38d0d56e2 Mon Sep 17 00:00:00 2001 From: HeflerDev Date: Wed, 3 Jun 2020 21:47:59 -0300 Subject: [PATCH 3/3] Update README --- README.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 760b1cd..71b2857 100644 --- a/README.md +++ b/README.md @@ -18,6 +18,9 @@ looks more like phrases, for example:
``` +Another thing is that: I love Flex, so I tried to do as 'Flexier' as possible, +making more self-adjustable. + ## Built With - **CSS** @@ -35,4 +38,5 @@ Contribution, issues and feature requests are widely welcome! ## Suport -Give a star if you liked this project, and, if you like, +Give a star if you liked this project, and credit if you used it, would be very +supportive to me.