mirror_css/destyle
1
0
Fork 0
mirror of https://github.com/nicolas-cusan/destyle.css.git synced 2025-08-30 08:20:18 +02:00
Code Issues Releases Wiki Activity

fix ios safari error

Browse Source
This commit is contained in:
Nicolas Cusan
2019-01-10 21:36:47 +01:00
parent e58d2e682b
commit 4c8e58cb18
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -38,13 +38,13 @@
</li> </li>
</ul> </ul>
<a class="btn" href="compare.html">See in action</a>
<a <a
class="btn" class="btn btn-outline"
href="https://github.com/nicolas-cusan/destyle.css/blob/master/Readme.md" href="https://github.com/nicolas-cusan/destyle.css/blob/master/Readme.md"
> >
Docs Docs
</a> </a>
<a class="btn" href="compare.html">Test & Compare</a>
<div class="social"> <div class="social">
<a href="https://github.com/nicolas-cusan/destyle.css/"> <a href="https://github.com/nicolas-cusan/destyle.css/">

16
style.css
View File

@@ -49,7 +49,7 @@ body {
padding-left: 30px; padding-left: 30px;
} }
.features li::before { .features li::before {
content: '️️☑️'; content: '☑️';
position: absolute; position: absolute;
top: 0.2em; top: 0.2em;
left: 0; left: 0;
@@ -63,15 +63,21 @@ body {
.btn { .btn {
background-color: dodgerblue; background-color: dodgerblue;
color: #fff; color: #fff;
padding: 0.8em 1.4em; padding: 0.7em 1.4em;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 3px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 2px solid dodgerblue;
}
.btn-outline {
background-color: transparent;
color: dodgerblue;
} }
.btn + .btn { .btn + .btn {
margin-left: 10px; margin-left: 15px;
} }
.social { .social {
@@ -83,14 +89,14 @@ body {
vertical-align: middle; vertical-align: middle;
} }
.social a:not(:last-child) { .social a:not(:last-child) {
margin-right: 10px; margin-right: 15px;
} }
@media (min-width: 500px) { @media (min-width: 500px) {
.social { .social {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-left: 50px; margin-left: 40px;
padding-top: 0; padding-top: 0;
} }
} }