davejansen/system.css
1
0
Fork 0
mirror of https://github.com/sakofchit/system.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

address safari issues with border image

Browse Source
This commit is contained in:
sakofchit
2022-08-13 17:23:07 -04:00
parent f333a996d6
commit d6078180dc
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@@ -1,5 +1,5 @@
![system.css](https://i.imgur.com/0RbDEWz.png)
![system.css](https://i.imgur.com/goRcNZK.png)
[Documentation](https://sakofchit.github.io/system.css/)
@@ -15,7 +15,7 @@ There's a couple ways you can get started with System.css!
Add the following to your head tag:
```html
<link rel="stylesheet" href="https://unpkg.com/@sakun/system.css@0.1.0/dist/system.css" />
<link rel="stylesheet" href="https://unpkg.com/@sakun/system.css" />
```
Here's some starter code to help you get started:
@@ -25,7 +25,7 @@ Here's some starter code to help you get started:
<head>
<title>System.css Starter</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="https://unpkg.com/@sakun/system.css@0.1.0/dist/system.css" />
<link rel="stylesheet" href="https://unpkg.com/@sakun/system.css" />
</head>
<body>
<div class="window" style="width:30rem;">
@@ -87,5 +87,6 @@ If you find a bug, consider opening an issue. If there's something that you'd li
If you'd like to see what else I'm up to, consider following me on [Twitter](https://twitter.com/sakofchit) or checking out my [personal site](https://sakun.co) :)
## Sponsors
[![CSS Scan](https://d33wubrfki0l68.cloudfront.net/6da92d1f39c939204d13f67ec76e725362b41e70/55cb0/img/logo.png)](https://getcssscan.com/?ref=systemcss)
[CSS Scan](https://getcssscan.com/?ref=systemcss): The fastest and easiest way to check, copy and edit CSS

6
style.css
View File

@@ -364,8 +364,9 @@ h2 {
padding: 0 20px;
text-align:center;
background: white;
border-style: solid;
border-width: 5.5px;
border-image: url("./icon/button.png") 30 stretch;
border: 5.5px solid transparent;
color: black;
text-align: center;
text-decoration: none;
@@ -386,8 +387,9 @@ h2 {
min-width: 59px;
text-align:center;
background: white;
border-style: solid;
border-width: 5.5px;
border-image: url("./icon/button.png") 30 stretch;
border: 5.5px solid transparent;
color: #B6B7B8;
text-align: center;
text-decoration: none;