Skip to content

Instantly share code, notes, and snippets.

@hyeonseok

hyeonseok/base.css

Last active Nov 15, 2018
Embed
What would you like to do?
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:checked[type='checkbox'] {
-webkit-appearance: checkbox;
}
textarea {
resize: none;
}
a img {
border: 0 none;
}
/* basic style */
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;
}
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