Skip to content

Instantly share code, notes, and snippets.

@hyeonseok
Last active November 3, 2021 05:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hyeonseok/d3255bd2fb81b233c67220fc8319dbfd to your computer and use it in GitHub Desktop.
Save hyeonseok/d3255bd2fb81b233c67220fc8319dbfd to your computer and use it in GitHub Desktop.
Default style which removes brower specific designs. Suitable for most of RWD sites.
/* reset */
html {
-webkit-text-size-adjust: 100%;
}
button {
-webkit-tap-highlight-color: rgba(255,255,255,0);
-webkit-tap-highlight-color: transparent;
outline: 0 none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input,
textarea {
-webkit-appearance: none;
}
input[type=checkbox] {
-webkit-appearance: checkbox;
}
input[type=radio] {
-webkit-appearance: radio;
}
textarea {
resize: none;
}
a img {
border: 0 none;
}
/* base */
html,
body {
height: 100%;
}
body,
button,
th,
td,
textarea {
font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
}
body {
margin: 0;
color: #444;
line-height: 1.6;
}
/* shared */
a {
text-decoration: none;
color: #08c;
}
a:hover,
a:focus {
text-decoration: underline;
}
input[type=button],
input[type=submit],
.button {
display: inline-block;
padding: 0.2em 1.3em;
font-size: 1em;
text-decoration: none;
line-height: 1.6;
background-color: #08c;
color: #fff;
border: 0 none;
}
input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.button:hover,
.button:focus {
background-color: #2ae;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment