Commit 123fe7c

committed

Perfect the try it Button Code

1 parent f9780d6 commit 123fe7cCopy full SHA for 123fe7c

File tree

+22

-20

lines changed

+22

-20

lines changed

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,9 @@`
`1`	`1`	`// Extend Button Design`
`2`	`2`	`.try{`
`3`		`- padding: 14px 62px 14px 62px;`
	`3`	`+ padding: 14px 65px 14px 65px;`
`4`	`4`	`background: white;`
`5`	`5`	`color: black;`
`6`		`- text-align: center;`
	`6`	`+ /text-align: center;/`
`7`	`7`	`font-weight: 600;`
`8`	`8`	`font-size: 16px;`
`9`	`9`	`font-family: $header-font-family;`

Lines changed: 10 additions & 10 deletions

Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Lines changed: 1 addition & 1 deletion

Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Lines changed: 9 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -22,17 +22,19 @@ body {`
`22`	`22`
`23`	`23`	`.head{`
`24`	`24`	`width: 100%;`
`25`		`- padding: 50px 80px 20px 80px;`
	`25`	`+ padding: 50px 40px 20px 80px;`
`26`	`26`	`@include flex-box(row, space-between, center);`
`27`	`27`	`h1{`
`28`		`- width: 85%;`
	`28`	`+ img{`
	`29`	`+ width: 85%;`
	`30`	`+ }`
`29`	`31`	`}`
`30`	`32`	`a{`
`31`	`33`	`button{`
`32`	`34`	`@extend .try;`
`33`	`35`
`34`	`36`	`&:hover{`
`35`		`- opacity: 0.5;`
	`37`	`+ opacity: 0.6;`
`36`	`38`	`}`
`37`	`39`	`}`
`38`	`40`	`}`
`@@ -253,7 +255,7 @@ body {`
`253`	`255`
`254`	`256`	`&:hover{`
`255`	`257`	`opacity: 0.5;`
`256`		`- filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);`
	`258`	`+ filter: #999;`
`257`	`259`	`}`
`258`	`260`	`}`
`259`	`261`	`}`
`@@ -272,7 +274,7 @@ body {`
`272`	`274`	`}`
`273`	`275`	`}`
`274`	`276`	`// Responsive SASS Code 1270px`
`275`		`-@media all and (max-width: 1270px) {`
	`277`	`+@media all and (max-width: 1275px) {`
`276`	`278`	`body {`
`277`	`279`	`header{`
`278`	`280`	`.head{`
`@@ -478,8 +480,8 @@ body {`
`478`	`480`	`.head{`
`479`	`481`	`a{`
`480`	`482`	`button{`
`481`		`- padding: 8px15px8px15px;`
`482`		`- font-size: 3vw;`
	`483`	`+ padding: 6px12px6px12px;`
	`484`	`+ font-size: 2.5vw;`
`483`	`485`	`}`
`484`	`486`	`}`
`485`	`487`	`}`

Comments

(0)