Commit 22a4aaade66546671a667337abbd4fb8e2c0ac40
1 parent
bc14f172bd
Exists in
develop
Creado footer
Showing
11 changed files
with
264 additions
and
23 deletions
Show diff stats
src/app/app.module.ts
1 | import { BrowserModule } from '@angular/platform-browser'; | 1 | import { BrowserModule } from '@angular/platform-browser'; |
2 | import { NgModule } from '@angular/core'; | 2 | import { NgModule } from '@angular/core'; |
3 | 3 | ||
4 | import { AppRoutingModule } from './app-routing.module'; | 4 | import { AppRoutingModule } from './app-routing.module'; |
5 | import { AppComponent } from './app.component'; | 5 | import { AppComponent } from './app.component'; |
6 | import { SplashScreenComponent } from './modules/splash-screen/splash-screen.component'; | 6 | import { SplashScreenComponent } from './modules/splash-screen/splash-screen.component'; |
7 | import { SplitPipe } from './pipes/split.pipe'; | 7 | import { SplitPipe } from './pipes/split.pipe'; |
8 | import { AdminComponent } from './modules/admin/admin.component'; | 8 | import { AdminComponent } from './modules/admin/admin.component'; |
9 | import { FooterComponent } from './modules/footer/footer.component'; | ||
9 | 10 | ||
10 | @NgModule({ | 11 | @NgModule({ |
11 | declarations: [ | 12 | declarations: [ |
12 | AppComponent, | 13 | AppComponent, |
13 | SplashScreenComponent, | 14 | SplashScreenComponent, |
14 | SplitPipe, | 15 | SplitPipe, |
15 | AdminComponent | 16 | AdminComponent, |
17 | FooterComponent | ||
16 | ], | 18 | ], |
17 | imports: [ | 19 | imports: [ |
18 | BrowserModule, | 20 | BrowserModule, |
19 | AppRoutingModule | 21 | AppRoutingModule |
20 | ], | 22 | ], |
21 | providers: [], | 23 | providers: [], |
22 | bootstrap: [AppComponent] | 24 | bootstrap: [AppComponent] |
23 | }) | 25 | }) |
24 | export class AppModule { } | 26 | export class AppModule { } |
25 | 27 |
src/app/modules/footer/footer.component.html
File was created | 1 | <p>footer works!</p> | |
2 |
src/app/modules/footer/footer.component.scss
src/app/modules/footer/footer.component.spec.ts
File was created | 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | |
2 | |||
3 | import { FooterComponent } from './footer.component'; | ||
4 | |||
5 | describe('FooterComponent', () => { | ||
6 | let component: FooterComponent; | ||
7 | let fixture: ComponentFixture<FooterComponent>; | ||
8 | |||
9 | beforeEach(async(() => { | ||
10 | TestBed.configureTestingModule({ | ||
11 | declarations: [ FooterComponent ] | ||
12 | }) | ||
13 | .compileComponents(); | ||
14 | })); | ||
15 | |||
16 | beforeEach(() => { | ||
17 | fixture = TestBed.createComponent(FooterComponent); | ||
18 | component = fixture.componentInstance; | ||
19 | fixture.detectChanges(); | ||
20 | }); | ||
21 | |||
22 | it('should create', () => { | ||
23 | expect(component).toBeTruthy(); | ||
24 | }); | ||
25 | }); | ||
26 |
src/app/modules/footer/footer.component.ts
File was created | 1 | import { Component, OnInit } from '@angular/core'; | |
2 | |||
3 | @Component({ | ||
4 | selector: 'app-footer', | ||
5 | templateUrl: './footer.component.html', | ||
6 | styleUrls: ['./footer.component.scss'] | ||
7 | }) | ||
8 | export class FooterComponent implements OnInit { | ||
9 | |||
10 | constructor() { } | ||
11 | |||
12 | ngOnInit() { | ||
13 | } | ||
14 | |||
15 | } | ||
16 |
src/app/modules/formas-pago/formas-pago.component.html
1 | <div class="h-92 bg-white"> | 1 | <div class="h-92 bg-white"> |
2 | <div class="row mx-0 h-15"> | 2 | <div class="row mx-0 h-15"> |
3 | <div class="col-12 px-0 h-80 my-auto"> | 3 | <div class="col-12 px-0 h-80 my-auto"> |
4 | <img class="d-block mx-auto h-100" src="assets/img/logo-spot.svg"> | 4 | <img class="d-block mx-auto h-100" src="assets/img/logo-spot.svg"> |
5 | </div> | 5 | </div> |
6 | </div> | 6 | </div> |
7 | </div> | ||
7 | <div class="h-85"> | ||
8 | <div class="row h-50 mx-0 justify-content-center text-center"> | ||
9 | <div class="col-7 pt-5 pb-3 h-auto align-self-center border border-secondary rounded"> | ||
10 | <img class="img-in-top px-4 bg-white" src="assets/img/logo-spot.svg"> | ||
11 | <p class="h6 m-0">ESTA TERMINAL OPERA CON</p> | ||
12 | <p class="h2 mb-3 text-secondary"> | ||
13 | tarjetas y | ||
14 | <img class="w-15" src="assets/img/icono-mercado-pago.svg"> | ||
15 | </p> | ||
16 | <button class="btn btn-sm btn-secondary badge-pill">CONTINUAR</button> | ||
17 | </div> | ||
18 | </div> | ||
19 | <div class="row h-50 mx-0 justify-content-center text-center"> | ||
20 | <div class="col-7 p-5 h-auto align-self-start border border-secondary rounded"> | ||
21 | <img class="img-in-top px-4 bg-white" src="assets/img/logo-spot.svg"> | ||
22 | <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p> | ||
23 | <p class="h2 m-0 text-primary">te esperamos en la caja</p> | ||
24 | </div> | ||
25 | </div> | ||
26 | </div> | ||
27 | </div> |
src/app/modules/formas-pago/formas-pago.component.scss
1 | .img-in-top { | ||
2 | position: absolute; | ||
3 | top: -35px; | ||
4 | left: 50%; | ||
5 | height: 70px; | ||
6 | -webkit-transform: translateX(-50%); | ||
7 | transform: translateX(-50%); | ||
8 | border-radius: 50%; | ||
9 | } | ||
10 |
src/assets/img/LogoSpot2.svg
1 | <?xml version="1.0" encoding="UTF-8"?> | File was deleted | |
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <!-- Creator: CorelDRAW X7 --> | ||
4 | <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="78.7688mm" height="78.7676mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" | ||
5 | viewBox="0 0 2581 2581" | ||
6 | xmlns:xlink="http://www.w3.org/1999/xlink"> | ||
7 | <defs> | ||
8 | <style type="text/css"> | ||
9 | <![CDATA[ | ||
10 | .fil0 {fill:#AD036F} | ||
11 | .fil1 {fill:white} | ||
12 | ]]> | ||
13 | </style> | ||
14 | </defs> | ||
15 | <g id="Capa_x0020_1"> | ||
16 | <metadata id="CorelCorpID_0Corel-Layer"/> | ||
17 | <path class="fil0" d="M2581 1291c0,713 -577,1290 -1290,1290 -713,0 -1291,-577 -1291,-1290 0,-713 578,-1291 1291,-1291 713,0 1290,578 1290,1291z"/> | ||
18 | <path class="fil1" d="M655 1065c-54,-47 -118,-118 -114,-140 10,-50 176,-64 221,-65 56,-2 80,-152 -3,-153 -71,-1 -264,19 -312,129 -56,130 22,248 140,351 55,49 150,126 143,211 -17,102 -208,152 -282,160 -103,13 -253,-6 -266,4 -13,7 10,44 112,84 220,78 387,27 482,-76 164,-214 -7,-411 -121,-505zm347 4c-30,-28 -64,5 -66,21 -1,10 -2,16 -4,44 -22,25 -54,80 -57,101 -2,21 22,59 48,55 -18,322 -5,396 -5,396 -2,0 27,278 30,266 19,112 44,183 49,0 6,-109 2,-172 12,-592 10,9 27,16 54,17 343,4 335,-588 -61,-308zm9 253c1,-30 3,-57 4,-83 0,0 0,0 0,0 91,-90 179,-107 179,-91 0,16 -68,114 -183,174zm520 -210c-69,0 -148,42 -154,68 -13,57 15,111 52,123 13,4 28,-23 69,-33 81,-21 153,31 155,104 3,73 -61,143 -145,156 -85,13 -163,-44 -163,-127 0,-25 2,-54 11,-88 13,-50 -33,-43 -71,66 -20,58 -7,146 38,212 40,59 105,94 177,94 136,0 254,-129 263,-288 8,-158 -95,-287 -232,-287zm684 -387c-134,-13 -205,-6 -221,-7 9,-68 27,-201 31,-231 6,-45 -102,-54 -109,-19 -7,37 -13,128 -28,252 -249,10 -563,41 -585,61 -39,37 -15,136 13,135 46,-2 330,-63 562,-85 -14,140 -56,576 -57,604 0,0 -7,229 -4,220 2,93 15,154 45,11 57,-298 100,-708 118,-849 41,-7 194,-23 235,-32 83,-16 134,-47 0,-60z"/> | ||
19 | <path class="fil1" d="M1828 1884c-55,-56 -105,-39 -135,13 -16,29 -10,79 6,102 15,26 33,41 52,51 37,19 78,22 113,-6 17,-13 32,-41 32,-63 10,-67 -34,-61 -68,-97z"/> | ||
20 | </g> | ||
21 | </svg> | ||
22 | 1 | <?xml version="1.0" encoding="UTF-8"?> |
src/assets/img/icono-mercado-pago.svg
File was created | 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?> | |
2 | <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | ||
3 | |||
4 | <svg | ||
5 | xmlns:dc="http://purl.org/dc/elements/1.1/" | ||
6 | xmlns:cc="http://creativecommons.org/ns#" | ||
7 | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | ||
8 | xmlns:svg="http://www.w3.org/2000/svg" | ||
9 | xmlns="http://www.w3.org/2000/svg" | ||
10 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | ||
11 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | ||
12 | version="1.1" | ||
13 | id="Layer_1" | ||
14 | x="0px" | ||
15 | y="0px" | ||
16 | viewBox="0 0 835.67041 218.64427" | ||
17 | xml:space="preserve" | ||
18 | sodipodi:docname="icono-mercado-pago.svg" | ||
19 | width="835.67041" | ||
20 | height="218.64427" | ||
21 | inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata | ||
22 | id="metadata45"><rdf:RDF><cc:Work | ||
23 | rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type | ||
24 | rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs | ||
25 | id="defs43" /><sodipodi:namedview | ||
26 | pagecolor="#ffffff" | ||
27 | bordercolor="#666666" | ||
28 | borderopacity="1" | ||
29 | objecttolerance="10" | ||
30 | gridtolerance="10" | ||
31 | guidetolerance="10" | ||
32 | inkscape:pageopacity="0" | ||
33 | inkscape:pageshadow="2" | ||
34 | inkscape:window-width="1920" | ||
35 | inkscape:window-height="1027" | ||
36 | id="namedview41" | ||
37 | showgrid="false" | ||
38 | fit-margin-top="0" | ||
39 | fit-margin-left="0" | ||
40 | fit-margin-right="0" | ||
41 | fit-margin-bottom="0" | ||
42 | inkscape:zoom="0.21851852" | ||
43 | inkscape:cx="581.30232" | ||
44 | inkscape:cy="387.13856" | ||
45 | inkscape:window-x="-8" | ||
46 | inkscape:window-y="-8" | ||
47 | inkscape:window-maximized="1" | ||
48 | inkscape:current-layer="Layer_1" /> | ||
49 | <style | ||
50 | type="text/css" | ||
51 | id="style2"> | ||
52 | .st0{fill:#26316C;} | ||
53 | .st1{fill:#04A6DF;} | ||
54 | .st2{fill:#FFFFFF;} | ||
55 | </style> | ||
56 | <g | ||
57 | id="g38" | ||
58 | transform="translate(-128.01972,-420.18919)"> | ||
59 | <path | ||
60 | class="st0" | ||
61 | d="m 434.01,520.65 c 0.14,-55.12 -68.24,-100.24 -152.73,-100.46 -84.49,-0.22 -153.09,44.55 -153.23,99.67 0,1.43 -0.03,5.36 -0.03,5.86 -0.15,58.47 59.59,106 152.71,106.24 93.69,0.24 153.12,-46.97 153.27,-105.45 z" | ||
62 | id="path4" | ||
63 | inkscape:connector-curvature="0" | ||
64 | style="fill:#26316c" /> | ||
65 | <path | ||
66 | class="st1" | ||
67 | d="m 428.15,520.59 c -0.13,51.97 -66.1,93.93 -147.34,93.73 -81.24,-0.21 -146.99,-42.51 -146.85,-94.48 0.13,-51.98 66.1,-93.94 147.34,-93.73 81.24,0.2 146.99,42.5 146.85,94.48" | ||
68 | id="path6" | ||
69 | inkscape:connector-curvature="0" | ||
70 | style="fill:#04a6df" /> | ||
71 | <path | ||
72 | class="st2" | ||
73 | d="m 232.29,490.4 c -0.08,0.14 -1.55,1.67 -0.6,2.89 2.31,2.97 9.48,4.69 16.74,3.08 4.32,-0.95 9.86,-5.34 15.23,-9.58 5.82,-4.6 11.6,-9.21 17.4,-11.03 6.14,-1.93 10.07,-1.09 12.66,-0.3 2.85,0.86 6.2,2.74 11.53,6.77 10.04,7.59 50.43,43.03 57.4,49.14 5.64,-2.53 30.7,-13.24 64.73,-20.64 -2.91,-18.15 -13.9,-34.76 -30.59,-48.39 -23.34,9.73 -51.84,14.78 -79.67,1.09 -0.14,-0.05 -15.21,-7.23 -30.08,-6.92 -22.11,0.46 -31.7,10 -41.87,20.11 z" | ||
74 | id="path8" | ||
75 | inkscape:connector-curvature="0" | ||
76 | style="fill:#ffffff" /> | ||
77 | <path | ||
78 | class="st2" | ||
79 | d="m 360.99,535.21 c -0.47,-0.42 -47.48,-41.78 -58.13,-49.82 -6.17,-4.65 -9.59,-5.84 -13.2,-6.31 -1.88,-0.25 -4.47,0.09 -6.29,0.59 -4.97,1.33 -11.47,5.66 -17.24,10.21 -5.98,4.74 -11.62,9.2 -16.84,10.36 -6.68,1.48 -14.82,-0.31 -18.53,-2.83 -1.51,-1.02 -2.56,-2.19 -3.07,-3.38 -1.36,-3.19 1.18,-5.73 1.59,-6.15 l 13.04,-14.03 c 1.51,-1.5 3.04,-3.01 4.61,-4.5 -4.2,0.54 -8.08,1.6 -11.86,2.64 -4.72,1.31 -9.25,2.56 -13.84,2.55 -1.91,0 -12.16,-1.71 -14.1,-2.24 -11.76,-3.25 -22.08,-6.41 -37.48,-13.65 -18.52,13.71 -30.92,30.89 -34.54,49.83 2.65,0.71 6.93,1.99 8.73,2.39 41.8,9.41 54.8,19.02 57.17,21.03 2.56,-2.84 6.26,-4.63 10.38,-4.62 4.63,0.02 8.8,2.36 11.32,5.95 2.4,-1.89 5.71,-3.49 9.98,-3.48 1.94,0 3.95,0.36 5.98,1.07 4.72,1.62 7.14,4.77 8.4,7.62 1.59,-0.72 3.53,-1.24 5.83,-1.23 2.25,0.01 4.59,0.53 6.95,1.55 7.7,3.33 8.89,10.91 8.17,16.62 0.55,-0.06 1.1,-0.09 1.67,-0.08 9.14,0.03 16.56,7.47 16.53,16.63 -0.01,2.83 -0.74,5.49 -2,7.82 2.48,1.4 8.82,4.58 14.38,3.89 4.46,-0.55 6.15,-2.07 6.75,-2.92 0.42,-0.58 0.86,-1.27 0.45,-1.77 L 294,565.81 c 0,0 -1.94,-1.84 -1.3,-2.55 0.67,-0.73 1.87,0.31 2.72,1.04 5.99,5.03 13.31,12.61 13.31,12.61 0.12,0.09 0.61,1.04 3.31,1.54 2.33,0.42 6.47,0.19 9.34,-2.15 0.73,-0.59 1.45,-1.33 2.05,-2.09 -0.04,0.04 -0.09,0.09 -0.13,0.11 3.03,-3.85 -0.31,-7.77 -0.31,-7.77 l -13.73,-15.51 c 0,0 -1.97,-1.83 -1.3,-2.56 0.6,-0.64 1.87,0.33 2.73,1.05 4.36,3.66 10.5,9.86 16.4,15.66 1.15,0.84 6.34,4.07 13.22,-0.43 4.18,-2.72 5.03,-6.08 4.92,-8.62 -0.29,-3.36 -2.9,-5.76 -2.9,-5.76 l -18.77,-18.97 c 0,0 -1.98,-1.7 -1.28,-2.56 0.58,-0.72 1.87,0.33 2.71,1.04 5.99,5.03 22.18,19.95 22.18,19.95 0.23,0.17 5.83,4.17 12.77,-0.23 2.48,-1.58 4.07,-3.96 4.21,-6.73 0.23,-4.81 -3.16,-7.67 -3.16,-7.67" | ||
80 | id="path10" | ||
81 | inkscape:connector-curvature="0" | ||
82 | style="fill:#ffffff" /> | ||
83 | <path | ||
84 | class="st2" | ||
85 | d="m 269.64,558.96 c -2.91,-0.05 -6.11,1.68 -6.53,1.43 -0.23,-0.15 0.19,-1.32 0.46,-2 0.28,-0.67 4.15,-12.22 -5.2,-16.27 -7.17,-3.1 -11.55,0.36 -13.07,1.92 -0.4,0.4 -0.58,0.37 -0.62,-0.15 -0.14,-2.08 -1.05,-7.72 -7.24,-9.62 -8.84,-2.73 -14.54,3.43 -15.99,5.65 -0.63,-5.04 -4.88,-8.97 -10.1,-8.99 -5.67,-0.02 -10.28,4.57 -10.3,10.23 -0.01,5.67 4.57,10.28 10.24,10.29 2.76,0.01 5.26,-1.08 7.11,-2.85 0.06,0.06 0.08,0.15 0.05,0.35 -0.44,2.53 -1.26,11.76 8.4,15.54 3.87,1.52 7.17,0.4 9.9,-1.51 0.82,-0.57 0.95,-0.33 0.83,0.44 -0.35,2.37 0.08,7.45 7.19,10.36 5.41,2.22 8.62,-0.03 10.73,-1.97 0.92,-0.83 1.16,-0.69 1.21,0.6 0.24,6.86 5.93,12.33 12.86,12.36 7.14,0.02 12.93,-5.73 12.95,-12.86 0.01,-7.13 -5.75,-12.86 -12.88,-12.95" | ||
86 | id="path12" | ||
87 | inkscape:connector-curvature="0" | ||
88 | style="fill:#ffffff" /> | ||
89 | <path | ||
90 | class="st0" | ||
91 | d="m 362.82,530.28 c -14.48,-12.71 -47.94,-41.95 -57.01,-48.79 -5.18,-3.92 -8.72,-6 -11.82,-6.93 -1.4,-0.42 -3.33,-0.91 -5.81,-0.92 -2.31,-0.01 -4.79,0.4 -7.39,1.22 -5.88,1.84 -11.74,6.47 -17.41,10.96 l -0.28,0.23 c -5.29,4.18 -10.74,8.5 -14.86,9.41 -1.8,0.4 -3.65,0.6 -5.5,0.6 -4.62,-0.02 -8.76,-1.36 -10.31,-3.35 -0.26,-0.32 -0.09,-0.85 0.51,-1.61 l 0.08,-0.1 12.8,-13.73 c 10.03,-9.97 19.5,-19.39 41.24,-19.83 0.36,-0.01 0.73,-0.02 1.09,-0.02 13.53,0.05 27.05,6.14 28.56,6.84 12.67,6.23 25.76,9.4 38.93,9.45 13.72,0.04 27.89,-3.32 42.79,-10.14 -1.66,-1.41 -3.39,-2.77 -5.16,-4.11 -13.09,5.64 -25.56,8.47 -37.57,8.44 -12.28,-0.04 -24.54,-3.03 -36.43,-8.87 -0.62,-0.3 -15.55,-7.38 -31.09,-7.43 -0.4,0 -0.82,0 -1.22,0.01 -18.26,0.39 -28.57,6.84 -35.5,12.5 -6.73,0.15 -12.54,1.76 -17.71,3.19 -4.61,1.27 -8.59,2.37 -12.47,2.36 -1.6,0 -4.47,-0.16 -4.73,-0.16 -4.47,-0.15 -26.94,-5.72 -44.81,-12.54 -1.83,1.29 -3.58,2.62 -5.3,3.98 18.67,7.71 41.39,13.69 48.57,14.17 1.99,0.14 4.13,0.37 6.25,0.38 4.74,0.01 9.49,-1.31 14.08,-2.58 2.72,-0.76 5.7,-1.58 8.85,-2.17 -0.85,0.82 -1.68,1.65 -2.52,2.5 l -13.01,13.99 c -1.02,1.03 -3.25,3.78 -1.8,7.17 0.58,1.37 1.75,2.68 3.4,3.79 3.09,2.09 8.62,3.5 13.76,3.52 1.95,0.01 3.8,-0.18 5.5,-0.56 5.44,-1.2 11.15,-5.73 17.21,-10.52 4.82,-3.82 11.68,-8.65 16.92,-10.07 1.46,-0.39 3.26,-0.63 4.71,-0.63 0.44,0.01 0.84,0.01 1.22,0.07 3.46,0.45 6.8,1.63 12.76,6.13 10.62,8.03 57.64,49.37 58.1,49.77 0.03,0.03 3.03,2.63 2.81,6.93 -0.12,2.4 -1.46,4.53 -3.78,6 -2.02,1.28 -4.09,1.92 -6.19,1.91 -3.15,-0.01 -5.31,-1.5 -5.45,-1.6 -0.18,-0.15 -16.28,-14.98 -22.21,-19.97 -0.94,-0.79 -1.86,-1.5 -2.79,-1.5 -0.5,-0.01 -0.94,0.21 -1.24,0.58 -0.94,1.15 0.11,2.75 1.33,3.81 l 18.81,19 c 0.03,0.02 2.35,2.21 2.59,5.12 0.14,3.14 -1.37,5.76 -4.5,7.8 -2.22,1.46 -4.48,2.2 -6.69,2.2 -2.9,-0.01 -4.92,-1.33 -5.38,-1.65 l -2.69,-2.67 c -4.93,-4.88 -10.03,-9.92 -13.75,-13.05 -0.91,-0.76 -1.88,-1.47 -2.81,-1.47 -0.45,0 -0.87,0.17 -1.19,0.5 -0.42,0.48 -0.73,1.32 0.33,2.74 0.43,0.59 0.94,1.07 0.94,1.07 l 13.73,15.49 c 0.11,0.15 2.82,3.38 0.29,6.59 l -0.49,0.62 c -0.42,0.45 -0.86,0.86 -1.28,1.23 -2.35,1.92 -5.49,2.12 -6.73,2.12 -0.66,0 -1.31,-0.06 -1.86,-0.17 -1.36,-0.24 -2.27,-0.62 -2.7,-1.14 l -0.17,-0.18 c -0.75,-0.78 -7.66,-7.87 -13.39,-12.67 -0.76,-0.64 -1.69,-1.44 -2.67,-1.45 -0.49,0 -0.92,0.19 -1.24,0.55 -1.14,1.24 0.56,3.11 1.28,3.79 l 11.7,12.97 c -0.01,0.12 -0.16,0.38 -0.45,0.79 -0.42,0.59 -1.85,2.01 -6.1,2.53 -0.51,0.06 -1.04,0.09 -1.56,0.08 -4.39,-0.01 -9.07,-2.16 -11.48,-3.44 1.1,-2.31 1.68,-4.87 1.68,-7.43 0.03,-9.67 -7.79,-17.54 -17.46,-17.57 -0.2,0 -0.42,0.01 -0.63,0.01 0.33,-4.41 -0.27,-12.76 -8.83,-16.46 -2.46,-1.07 -4.92,-1.63 -7.31,-1.63 -1.87,0 -3.67,0.31 -5.37,0.96 -1.76,-3.46 -4.7,-5.97 -8.55,-7.3 -2.12,-0.74 -4.24,-1.12 -6.28,-1.13 -3.57,-0.01 -6.86,1.03 -9.79,3.11 -2.8,-3.5 -7.04,-5.58 -11.51,-5.59 -3.91,-0.01 -7.67,1.55 -10.47,4.3 -3.64,-2.8 -18.11,-12.05 -56.88,-20.95 -1.88,-0.43 -6.19,-1.68 -8.83,-2.46 -0.44,2.09 -0.78,4.22 -1.01,6.36 0,0 7.15,1.73 8.56,2.05 39.6,8.9 52.67,18.08 54.88,19.82 -0.76,1.8 -1.15,3.74 -1.16,5.7 -0.02,8.19 6.62,14.87 14.81,14.9 0.92,0 1.83,-0.08 2.73,-0.24 1.22,6.03 5.15,10.61 11.17,12.96 1.75,0.68 3.54,1.03 5.28,1.04 1.13,0.01 2.27,-0.13 3.38,-0.41 1.1,2.82 3.6,6.35 9.19,8.64 1.96,0.79 3.92,1.21 5.83,1.21 1.56,0 3.09,-0.26 4.54,-0.8 2.66,6.54 9.04,10.89 16.15,10.91 4.72,0.02 9.25,-1.89 12.56,-5.29 2.82,1.58 8.78,4.44 14.81,4.46 0.78,0 1.51,-0.05 2.25,-0.13 5.99,-0.74 8.78,-3.08 10.06,-4.89 0.23,-0.32 0.44,-0.66 0.62,-1.01 1.41,0.41 2.96,0.75 4.74,0.76 3.27,0.01 6.41,-1.1 9.59,-3.4 3.12,-2.24 5.35,-5.46 5.67,-8.21 0.01,-0.04 0.02,-0.08 0.02,-0.12 1.05,0.22 2.13,0.33 3.2,0.34 3.37,0.01 6.68,-1.03 9.85,-3.1 6.11,-3.98 7.18,-9.21 7.1,-12.63 1.07,0.22 2.16,0.35 3.24,0.35 3.17,0.01 6.27,-0.94 9.23,-2.81 3.79,-2.41 6.08,-6.11 6.43,-10.42 0.25,-2.93 -0.47,-5.88 -2.01,-8.43 10.24,-4.38 33.63,-12.84 61.17,-18.98 -0.16,-2.13 -0.47,-4.24 -0.84,-6.34 -33.34,7.32 -58.21,18.01 -64.45,20.77 m -93.25,53.58 c -6.47,-0.02 -11.71,-5.06 -11.93,-11.46 -0.02,-0.55 -0.07,-2.01 -1.31,-2.02 -0.51,0 -0.95,0.3 -1.45,0.76 -1.43,1.32 -3.24,2.65 -5.89,2.64 -1.2,0 -2.5,-0.28 -3.87,-0.85 -6.82,-2.78 -6.9,-7.48 -6.62,-9.36 0.08,-0.5 0.1,-1.02 -0.24,-1.43 l -0.42,-0.37 h -0.42 c -0.35,0 -0.71,0.14 -1.19,0.48 -1.98,1.38 -3.88,2.05 -5.8,2.04 -1.06,0 -2.15,-0.21 -3.23,-0.64 -8.98,-3.52 -8.25,-12.01 -7.81,-14.56 0.06,-0.52 -0.06,-0.92 -0.39,-1.19 l -0.64,-0.53 -0.59,0.57 c -1.76,1.69 -4.05,2.6 -6.46,2.6 -5.15,-0.02 -9.33,-4.21 -9.31,-9.36 0.02,-5.15 4.23,-9.33 9.37,-9.31 4.66,0.01 8.61,3.52 9.18,8.18 l 0.32,2.51 1.38,-2.12 c 0.15,-0.25 3.94,-5.95 10.88,-5.92 1.32,0 2.68,0.23 4.05,0.65 5.53,1.7 6.45,6.71 6.59,8.81 0.1,1.22 0.96,1.28 1.13,1.28 0.47,0 0.83,-0.3 1.08,-0.56 1.04,-1.09 3.32,-2.89 6.88,-2.88 1.63,0.01 3.36,0.39 5.15,1.17 8.78,3.8 4.76,14.96 4.72,15.07 -0.76,1.85 -0.8,2.67 -0.08,3.14 l 0.35,0.17 h 0.25 c 0.4,0 0.89,-0.17 1.7,-0.45 1.2,-0.41 3.01,-1.03 4.69,-1.02 h 0.01 c 6.61,0.09 11.98,5.49 11.96,12.03 -0.03,6.58 -5.42,11.94 -12.04,11.93" | ||
92 | id="path14" | ||
93 | inkscape:connector-curvature="0" | ||
94 | style="fill:#26316c" /> | ||
95 | <path | ||
96 | class="st0" | ||
97 | d="m 955.46,458.23 c -5.5,-6.94 -13.87,-10.41 -25.12,-10.44 -11.24,-0.03 -19.63,3.41 -25.17,10.31 -5.54,6.9 -8.33,15.07 -8.35,24.5 -0.02,9.6 2.72,17.81 8.23,24.65 5.5,6.82 13.88,10.26 25.12,10.29 11.25,0.03 19.64,-3.36 25.17,-10.16 5.54,-6.81 8.32,-15.01 8.35,-24.6 0.02,-9.44 -2.72,-17.62 -8.23,-24.55 m -13.78,39.66 c -2.69,3.55 -6.52,5.32 -11.54,5.31 -5,-0.01 -8.85,-1.81 -11.54,-5.37 -2.69,-3.56 -4.02,-8.62 -4.01,-15.18 0.02,-6.55 1.37,-11.59 4.08,-15.13 2.71,-3.53 6.57,-5.29 11.57,-5.28 5.02,0.01 8.84,1.8 11.51,5.34 2.67,3.55 4,8.6 3.98,15.15 -0.01,6.55 -1.36,11.61 -4.05,15.16" | ||
98 | id="path16" | ||
99 | inkscape:connector-curvature="0" | ||
100 | style="fill:#26316c" /> | ||
101 | <path | ||
102 | class="st0" | ||
103 | d="m 814.36,452.08 c -5.59,-2.85 -12,-4.3 -19.21,-4.31 -11.09,-0.03 -18.92,2.84 -23.49,8.6 -2.87,3.69 -4.49,8.41 -4.88,14.15 l 16.57,0.04 c 0.41,-2.54 1.23,-4.54 2.46,-6.02 1.71,-2 4.62,-3 8.73,-2.99 3.67,0.01 6.44,0.52 8.34,1.56 1.88,1.02 2.83,2.88 2.82,5.57 -0.01,2.21 -1.24,3.82 -3.71,4.87 -1.38,0.6 -3.67,1.09 -6.87,1.49 l -5.88,0.7 c -6.67,0.83 -11.74,2.22 -15.17,4.18 -6.28,3.6 -9.43,9.43 -9.45,17.5 -0.02,6.21 1.91,11.03 5.81,14.43 3.88,3.4 8.82,4.84 14.8,5.13 37.45,1.77 37.09,-19.64 37.44,-24.09 l 0.06,-24.64 c 0,-7.91 -2.79,-13.3 -8.37,-16.17 m -8.8,37.38 c -0.13,5.73 -1.78,9.69 -4.95,11.85 -3.17,2.16 -6.62,3.24 -10.36,3.23 -2.37,-0.01 -4.38,-0.67 -6.03,-1.98 -1.65,-1.31 -2.46,-3.43 -2.46,-6.37 0.01,-3.28 1.36,-5.71 4.07,-7.27 1.61,-0.92 4.23,-1.7 7.9,-2.31 l 3.91,-0.72 c 1.94,-0.37 3.48,-0.76 4.6,-1.18 1.13,-0.4 2.22,-0.95 3.32,-1.64 z" | ||
104 | id="path18" | ||
105 | inkscape:connector-curvature="0" | ||
106 | style="fill:#26316c" /> | ||
107 | <path | ||
108 | class="st0" | ||
109 | d="m 728.92,462.27 c 4.28,0.01 7.42,1.34 9.45,3.99 1.38,1.95 2.25,4.16 2.58,6.61 l 18.47,0.05 c -0.99,-9.33 -4.23,-15.84 -9.73,-19.54 -5.52,-3.69 -12.59,-5.55 -21.24,-5.57 -10.18,-0.03 -18.17,3.08 -23.97,9.3 -5.8,6.24 -8.72,14.96 -8.75,26.18 -0.03,9.94 2.57,18.05 7.79,24.3 5.22,6.25 13.38,9.4 24.48,9.43 11.12,0.03 19.51,-3.69 25.18,-11.17 3.56,-4.63 5.56,-9.54 5.99,-14.75 l -18.41,-0.05 c -0.39,3.44 -1.47,6.24 -3.26,8.4 -1.78,2.14 -4.78,3.22 -9.01,3.21 -5.96,-0.02 -10.02,-2.75 -12.16,-8.2 -1.18,-2.91 -1.77,-6.76 -1.76,-11.56 0.01,-5.02 0.62,-9.05 1.82,-12.1 2.27,-5.68 6.45,-8.54 12.53,-8.53" | ||
110 | id="path20" | ||
111 | inkscape:connector-curvature="0" | ||
112 | style="fill:#26316c" /> | ||
113 | <path | ||
114 | class="st0" | ||
115 | d="m 690.88,447.71 c -37.96,-0.1 -35.8,33.51 -35.8,33.51 l -0.09,34.13 17.22,0.04 0.08,-32.01 c 0.01,-5.25 0.69,-9.13 2,-11.65 2.38,-4.47 7,-6.71 13.89,-6.69 0.52,0 1.2,0.03 2.04,0.07 0.84,0.05 1.79,0.12 2.89,0.25 l 0.04,-17.52 c -0.76,-0.06 -1.26,-0.08 -1.48,-0.1 -0.2,-0.01 -0.47,-0.03 -0.79,-0.03" | ||
116 | id="path22" | ||
117 | inkscape:connector-curvature="0" | ||
118 | style="fill:#26316c" /> | ||
119 | <path | ||
120 | class="st0" | ||
121 | d="m 627.48,497.45 c -0.72,1.03 -1.5,1.91 -2.36,2.6 -2.44,1.99 -5.74,2.6 -9.63,2.59 -3.68,-0.01 -6.56,-0.57 -9.16,-2.22 -4.29,-2.65 -6.7,-7.13 -6.94,-13.69 l 47.66,0.12 c 0.08,-5.65 -0.09,-9.98 -0.54,-12.99 -0.78,-5.13 -2.51,-9.65 -5.17,-13.54 -2.97,-4.42 -6.74,-7.65 -11.29,-9.71 -4.56,-2.04 -9.68,-3.08 -15.37,-3.09 -9.6,-0.02 -17.4,2.98 -23.42,9 -6.02,6.04 -9.06,14.72 -9.09,26.05 -0.03,12.1 3.28,20.84 9.93,26.22 6.64,5.38 14.32,8.09 23.02,8.12 10.55,0.03 18.77,-3.14 24.64,-9.49 3.18,-3.34 5.16,-6.64 6.01,-9.92 z m -23.07,-32.13 c 2.43,-2.48 5.83,-3.72 10.22,-3.71 4.04,0.01 7.42,1.19 10.14,3.56 2.71,2.35 4.22,5.81 4.52,10.34 l -29.47,-0.08 c 0.63,-4.25 2.18,-7.61 4.59,-10.11" | ||
122 | id="path24" | ||
123 | inkscape:connector-curvature="0" | ||
124 | style="fill:#26316c" /> | ||
125 | <path | ||
126 | class="st0" | ||
127 | d="m 575.16,515.15 -15.73,-0.04 0.1,-39.62 c 0.01,-3.62 -1.17,-12.23 -11.55,-12.26 -6.92,-0.02 -11.94,4.96 -11.96,12.2 l -0.1,39.62 -15.74,-0.04 0.1,-39.62 c 0.01,-3.62 -1.05,-12.23 -11.42,-12.26 -7.04,-0.02 -11.94,4.96 -11.96,12.2 l -0.1,39.62 -15.74,-0.04 0.1,-39.24 c 0.04,-16.36 10.93,-28.69 27.75,-28.65 8.35,0.02 15.14,3.54 19.54,9.17 4.66,-5.6 11.58,-9.09 19.58,-9.07 17.18,0.04 27.28,11.92 27.23,28.79 z" | ||
128 | id="path26" | ||
129 | inkscape:connector-curvature="0" | ||
130 | style="fill:#26316c" /> | ||
131 | <path | ||
132 | class="st0" | ||
133 | d="m 891.83,427.54 c 0,0 -17.34,-1.9 -17.38,12.04 l -0.07,18.45 c -1.91,-3.1 -4.4,-5.51 -7.48,-7.26 -3.07,-1.74 -6.59,-2.63 -10.56,-2.64 -8.61,-0.02 -15.47,3.17 -20.63,9.54 -5.16,6.4 -7.76,15.62 -7.78,26.78 -0.02,9.69 2.57,17.63 7.78,23.83 5.21,6.18 15.44,8.92 24.53,8.95 31.72,0.08 31.41,-27.11 31.41,-27.11 z M 871,497.85 c -2.52,3.6 -6.22,5.38 -11.05,5.37 -4.85,-0.01 -8.45,-1.84 -10.82,-5.46 -2.37,-3.63 -3.54,-8.91 -3.53,-14.95 0.01,-5.61 1.19,-10.29 3.54,-14.07 2.35,-3.77 6.02,-5.66 11.02,-5.65 3.29,0.01 6.16,1.06 8.64,3.14 4.03,3.46 6.04,9.64 6.02,17.64 -0.02,5.71 -1.3,10.38 -3.82,13.98" | ||
134 | id="path28" | ||
135 | inkscape:connector-curvature="0" | ||
136 | style="fill:#26316c" /> | ||
137 | <path | ||
138 | class="st1" | ||
139 | d="m 497.98,624.27 c -0.01,2.43 -0.93,4.5 -2.78,6.19 -1.65,1.52 -3.88,2.28 -6.12,2.27 l -8.34,-0.02 0.15,-59.85 c 0.03,-11.64 3.97,-18.92 10.44,-23.82 4.68,-3.55 11.85,-6.92 26.04,-6.21 7.31,0.35 14.35,3.56 18.98,9.22 5.72,7.01 8.1,14.8 8.08,24.98 -0.03,10.5 -2.58,18.97 -7.66,25.46 -5.08,6.32 -11.6,9.47 -19.53,9.45 -4.22,-0.01 -7.93,-0.77 -11.13,-2.27 -3.38,-1.67 -6.06,-4.26 -8.08,-7.77 z m 28.98,-46.53 c 0.02,-6.5 -1.23,-11.49 -3.77,-15 -2.52,-3.5 -6.14,-5.26 -10.87,-5.28 -4.56,-0.01 -8.11,1.74 -10.66,5.22 -2.36,3.16 -3.55,8.17 -3.57,14.98 -0.02,6.35 1.23,11.08 3.76,14.25 2.51,3.51 6.14,5.27 10.87,5.28 4.39,0.01 7.85,-1.72 10.39,-5.22 2.56,-3.48 3.84,-8.21 3.85,-14.23" | ||
140 | id="path30" | ||
141 | inkscape:connector-curvature="0" | ||
142 | style="fill:#04a6df" /> | ||
143 | <path | ||
144 | class="st1" | ||
145 | d="m 658.48,606.79 0.01,-4.23 c -3,4.66 -7.03,7.54 -12.09,8.7 -5.06,1.14 -10.08,0.72 -15.03,-1.3 -4.98,-2 -9.24,-5.71 -12.79,-11.12 -3.54,-5.44 -5.31,-12.56 -5.28,-21.38 0.03,-10.3 2.41,-18.67 7.14,-25.06 4.74,-6.39 12.35,-9.29 22.79,-9.55 10.29,-0.25 16.27,2.09 22.11,6.54 6.39,4.88 10.16,12.35 10.13,23.99 l -0.09,35.21 c 0,11.21 -7.87,31.96 -32.4,30.13 -15.2,-1.14 -23.63,-7.4 -28.29,-21.54 l 18.15,0.05 c 1.32,2.33 3.34,4.12 6.08,5.37 2.72,1.27 5.47,1.59 8.19,1.02 2.74,-0.58 5.23,-2.2 7.49,-4.85 2.23,-2.66 3.52,-6.65 3.88,-11.98 m -28.29,-28.78 c -0.03,11.48 3.27,17.85 9.91,19.12 6.62,1.25 11.52,-0.27 14.67,-4.59 1.5,-1.81 2.58,-4.69 3.26,-8.59 0.67,-3.91 0.73,-7.78 0.16,-11.61 -0.56,-3.84 -1.93,-7.25 -4.08,-10.26 -2.14,-3 -5.29,-4.51 -9.44,-4.52 -5.63,-0.01 -9.44,2.06 -11.45,6.2 -2.02,4.18 -3.01,8.92 -3.03,14.25" | ||
146 | id="path32" | ||
147 | inkscape:connector-curvature="0" | ||
148 | style="fill:#04a6df" /> | ||
149 | <path | ||
150 | class="st1" | ||
151 | d="m 598.64,547.48 c -5.6,-2.84 -12,-4.3 -19.21,-4.31 -11.09,-0.03 -18.92,2.84 -23.49,8.61 -2.87,3.68 -4.49,8.4 -4.88,14.14 l 16.57,0.04 c 0.41,-2.54 1.23,-4.54 2.45,-6.01 1.71,-2 4.63,-3 8.73,-2.99 3.68,0.01 6.45,0.52 8.34,1.56 1.88,1.03 2.83,2.88 2.82,5.58 -0.01,2.21 -1.24,3.83 -3.71,4.87 -1.38,0.6 -3.66,1.09 -6.87,1.49 l -5.87,0.7 c -6.67,0.83 -11.75,2.23 -15.17,4.18 -6.29,3.6 -9.43,9.43 -9.45,17.49 -0.02,6.22 1.91,11.03 5.81,14.43 3.88,3.41 8.82,4.84 14.8,5.14 37.44,1.77 37.07,-19.65 37.42,-24.09 l 0.06,-24.65 c 0.02,-7.92 -2.76,-13.31 -8.35,-16.18 m -8.81,37.37 c -0.12,5.75 -1.78,9.69 -4.94,11.85 -3.16,2.16 -6.62,3.24 -10.36,3.23 -2.37,-0.01 -4.38,-0.67 -6.03,-1.98 -1.65,-1.3 -2.47,-3.43 -2.46,-6.37 0.01,-3.28 1.37,-5.71 4.08,-7.27 1.61,-0.92 4.23,-1.7 7.89,-2.31 l 3.92,-0.72 c 1.95,-0.37 3.48,-0.75 4.59,-1.17 1.14,-0.41 2.24,-0.95 3.33,-1.64 z" | ||
152 | id="path34" | ||
153 | inkscape:connector-curvature="0" | ||
154 | style="fill:#04a6df" /> | ||
155 | <path | ||
156 | class="st1" | ||
157 | d="m 740.67,553.28 c -5.52,-6.94 -13.89,-10.42 -25.13,-10.45 -11.23,-0.03 -19.62,3.41 -25.16,10.32 -5.54,6.9 -8.33,15.06 -8.35,24.5 -0.02,9.6 2.72,17.81 8.23,24.65 5.5,6.82 13.88,10.25 25.11,10.28 11.25,0.03 19.64,-3.36 25.19,-10.15 5.53,-6.81 8.31,-15.01 8.33,-24.6 0.01,-9.45 -2.72,-17.63 -8.22,-24.55 m -13.79,39.63 c -2.68,3.55 -6.52,5.33 -11.53,5.31 -5,-0.01 -8.85,-1.81 -11.54,-5.37 -2.7,-3.55 -4.03,-8.61 -4.02,-15.17 0.02,-6.55 1.37,-11.59 4.1,-15.12 2.7,-3.53 6.56,-5.29 11.57,-5.28 5,0.01 8.83,1.79 11.5,5.34 2.67,3.54 4,8.59 3.98,15.14 -0.02,6.56 -1.37,11.61 -4.06,15.15" | ||
158 | id="path36" | ||
159 | inkscape:connector-curvature="0" | ||
160 | style="fill:#04a6df" /> | ||
161 | </g> | ||
162 | </svg> |
src/assets/img/logo-spot-2.svg
File was created | 1 | <?xml version="1.0" encoding="UTF-8"?> | |
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <!-- Creator: CorelDRAW X7 --> | ||
4 | <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="78.7688mm" height="78.7676mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" | ||
5 | viewBox="0 0 2581 2581" | ||
6 | xmlns:xlink="http://www.w3.org/1999/xlink"> | ||
7 | <defs> | ||
8 | <style type="text/css"> | ||
9 | <![CDATA[ | ||
10 | .fil0 {fill:#AD036F} | ||
11 | .fil1 {fill:white} | ||
12 | ]]> | ||
13 | </style> | ||
14 | </defs> | ||
15 | <g id="Capa_x0020_1"> | ||
16 | <metadata id="CorelCorpID_0Corel-Layer"/> | ||
17 | <path class="fil0" d="M2581 1291c0,713 -577,1290 -1290,1290 -713,0 -1291,-577 -1291,-1290 0,-713 578,-1291 1291,-1291 713,0 1290,578 1290,1291z"/> | ||
18 | <path class="fil1" d="M655 1065c-54,-47 -118,-118 -114,-140 10,-50 176,-64 221,-65 56,-2 80,-152 -3,-153 -71,-1 -264,19 -312,129 -56,130 22,248 140,351 55,49 150,126 143,211 -17,102 -208,152 -282,160 -103,13 -253,-6 -266,4 -13,7 10,44 112,84 220,78 387,27 482,-76 164,-214 -7,-411 -121,-505zm347 4c-30,-28 -64,5 -66,21 -1,10 -2,16 -4,44 -22,25 -54,80 -57,101 -2,21 22,59 48,55 -18,322 -5,396 -5,396 -2,0 27,278 30,266 19,112 44,183 49,0 6,-109 2,-172 12,-592 10,9 27,16 54,17 343,4 335,-588 -61,-308zm9 253c1,-30 3,-57 4,-83 0,0 0,0 0,0 91,-90 179,-107 179,-91 0,16 -68,114 -183,174zm520 -210c-69,0 -148,42 -154,68 -13,57 15,111 52,123 13,4 28,-23 69,-33 81,-21 153,31 155,104 3,73 -61,143 -145,156 -85,13 -163,-44 -163,-127 0,-25 2,-54 11,-88 13,-50 -33,-43 -71,66 -20,58 -7,146 38,212 40,59 105,94 177,94 136,0 254,-129 263,-288 8,-158 -95,-287 -232,-287zm684 -387c-134,-13 -205,-6 -221,-7 9,-68 27,-201 31,-231 6,-45 -102,-54 -109,-19 -7,37 -13,128 -28,252 -249,10 -563,41 -585,61 -39,37 -15,136 13,135 46,-2 330,-63 562,-85 -14,140 -56,576 -57,604 0,0 -7,229 -4,220 2,93 15,154 45,11 57,-298 100,-708 118,-849 41,-7 194,-23 235,-32 83,-16 134,-47 0,-60z"/> | ||
19 | <path class="fil1" d="M1828 1884c-55,-56 -105,-39 -135,13 -16,29 -10,79 6,102 15,26 33,41 52,51 37,19 78,22 113,-6 17,-13 32,-41 32,-63 10,-67 -34,-61 -68,-97z"/> | ||
20 | </g> | ||
21 | </svg> | ||
22 |
src/scss/height-width.scss
1 | @for $i from 1 through 100 { | 1 | @for $i from 1 through 100 { |
2 | $heightValue: 1% * $i; | 2 | $heightValue: 1% * $i; |
3 | .h-#{$i} { | 3 | .h-#{$i} { |
4 | height: $heightValue !important; | 4 | height: $heightValue !important; |
5 | } | 5 | } |
6 | } | 6 | } |
7 | |||
8 | @for $i from 1 through 100 { | ||
9 | $widthValue: 1% * $i; | ||
10 | .w-#{$i} { | ||
11 | width: $widthValue !important; | ||
12 | } | ||
13 | } | ||
7 | 14 |