rodude123/my-portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated form input type submit

Browse Source
This commit is contained in:
Rohit Pai 2021-07-17 19:08:13 +01:00
parent d257d734bb
commit 447cc814e9
2 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/css/main.css vendored
View File

@ -1 +1 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--primaryDefault:hsla(79, 62%, 51%, 1);--primaryHover:hsla(79, 75%, 41%, 1);--errorDefault:hsla(0, 62%, 51%, 1);--grey:hsla(0, 0%, 39%, 1);--mutedGrey:hsla(0, 0%, 67%, 0.58);--titleFS:2.25rem;--generalFS:1.125rem;--headingFS:1.5rem}a:visited{color:inherit}h1,nav{font-family:Share Tech Mono,monospace;font-style:normal;font-weight:400;font-size:2.25rem;line-height:2.5625rem;text-transform:lowercase}h2{font-family:Noto Sans KR,sans-serif;font-style:normal;font-weight:500;font-size:1.5rem;line-height:2.1875rem}a.btn,form input[type=submit]{text-decoration:none;display:inline-block;padding:1rem 2rem;border-radius:10px}a.btnPrimary{background:var(--primaryDefault);color:#fff;border:5px solid var(--primaryDefault)}a.btnOutline{background:#fff;color:var(--primaryDefault);border:5px solid var(--primaryDefault)}form input[type=submit]{border:none;cursor:pointer}a.btnPrimary:hover,form input[type=submit]:hover{background:var(--primaryHover);box-shadow:0 6px 4px 0 hsla(0,0%,0%,.25);border:5px solid var(--primaryHover)}a.btnOutline:hover{box-shadow:0 6px 4px 0 hsla(0,0%,0%,.25);border:5px solid var(--primaryHover)}body{font-family:Noto Sans KR,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:1.625rem}header{background:url(../imgs/hero.jpg) bottom left;background-position-y:700px;background-size:cover;height:40%;color:#fff;backdrop-filter:grayscale(100%)}nav{display:flex;flex-direction:row;justify-content:space-between;padding:.25em}nav h1{margin:0}nav a{text-decoration:none}nav ul{display:flex;flex-direction:row;gap:1em;margin:0;justify-content:right;align-items:flex-end}nav ul li{list-style:none}nav ul li a.active,nav ul li:hover a::before{content:'<'}nav ul li a.active,nav ul li:hover a::after{content:'>'}header div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10em}header div .btn{margin:2em 0}header div button{background:0 0;border:none;display:inline-block;text-align:center;text-decoration:none;font-size:2rem;cursor:pointer}i.fa-chevron-down{color:var(--mutedGrey);font-size:3.75em;margin:1.5rem 0}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--primaryDefault:hsla(79, 62%, 51%, 1);--primaryHover:hsla(79, 75%, 41%, 1);--errorDefault:hsla(0, 62%, 51%, 1);--grey:hsla(0, 0%, 39%, 1);--mutedGrey:hsla(0, 0%, 67%, 0.58);--titleFS:2.25rem;--generalFS:1.125rem;--headingFS:1.5rem}a:visited{color:inherit}h1,nav{font-family:Share Tech Mono,monospace;font-style:normal;font-weight:400;font-size:2.25rem;line-height:2.5625rem;text-transform:lowercase}h2{font-family:Noto Sans KR,sans-serif;font-style:normal;font-weight:500;font-size:1.5rem;line-height:2.1875rem}a.btn,form input[type=submit]{text-decoration:none;display:inline-block;padding:1rem 2rem;border-radius:10px}a.btnPrimary,form input[type=submit]{background:var(--primaryDefault);color:#fff;border:5px solid var(--primaryDefault);cursor:pointer}a.btnOutline{background:#fff;color:var(--primaryDefault);border:5px solid var(--primaryDefault)}a.btnPrimary:hover,form input[type=submit]:hover{background:var(--primaryHover);box-shadow:0 6px 4px 0 hsla(0,0%,0%,.25);border:5px solid var(--primaryHover)}a.btnOutline:hover{box-shadow:0 6px 4px 0 hsla(0,0%,0%,.25);border:5px solid var(--primaryHover)}a.btn:active,form input[type=submit]:active{box-shadow:inset 0 6px 4px 0 hsla(0,0%,0%,.25);padding:.8rem 1.8rem}body{font-family:Noto Sans KR,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:1.625rem}header{background:url(../imgs/hero.jpg) bottom left;background-position-y:700px;background-size:cover;height:40%;color:#fff;backdrop-filter:grayscale(100%)}nav{display:flex;flex-direction:row;justify-content:space-between;padding:.25em}nav h1{margin:0}nav a{text-decoration:none}nav ul{display:flex;flex-direction:row;gap:1em;margin:0;justify-content:right;align-items:flex-end}nav ul li{list-style:none}nav ul li a.active,nav ul li:hover a::before{content:'<'}nav ul li a.active,nav ul li:hover a::after{content:'>'}header div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10em}header div .btn{margin:2em 0}header div button{background:0 0;border:none;display:inline-block;text-align:center;text-decoration:none;font-size:2rem;cursor:pointer}i.fa-chevron-down{color:var(--mutedGrey);font-size:3.75em;margin:1.5rem 0}

17
src/css/main.css
View File

@ -46,10 +46,11 @@ a.btn, form input[type="submit"]{
padding: 1rem 2rem;
border-radius: 10px;
}
a.btnPrimary{
a.btnPrimary, form input[type="submit"]{
background: var(--primaryDefault);
color: #FFFFFF;
border: 5px solid var(--primaryDefault)
border: 5px solid var(--primaryDefault);
cursor: pointer;
}
a.btnOutline{
@ -58,11 +59,6 @@ a.btnOutline{
border: 5px solid var(--primaryDefault)
}
form input[type="submit"]{
border: none;
cursor: pointer;
}
a.btnPrimary:hover, form input[type="submit"]:hover{
background: var(--primaryHover);
box-shadow: 0 6px 4px 0 hsla(0, 0%, 0%, 0.25);
@ -75,7 +71,8 @@ a.btnOutline:hover{
}
a.btn:active, form input[type="submit"]:active{
box-shadow: inset 0 6px 4px 0 hsla(0, 0%, 0%, 0.25);
padding: 0.8rem 1.8rem;
}
body{
@ -158,7 +155,3 @@ i.fa-chevron-down{
font-size: 3.75em;
margin: 1.5rem 0;
}