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

Update btn-default.svg, add example in docs

Browse Source
This commit is contained in:
yukseltron
2022-11-01 14:50:07 -04:00
parent d1aa8f232d
commit 93accf2487
3 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
docs/index.html.ejs
View File

@@ -97,8 +97,11 @@
`)%> `)%>
<p>Or even have a default choice.</p>
<%- example(` <%- example(`
<button class="btn-default">Buttons can be long!!</button> <button class="btn">Cancel</button>
<button class="btn btn-default">Find</button>
`)%> `)%>

4
icon/button-default.svg
View File

@@ -1,3 +1,3 @@
<svg width="141" height="141" viewBox="0 0 141 141" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="155" height="155" viewBox="0 0 155 155" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.011 0H108.989V9.60356H131.397L131.397 32.0114H141V108.99H131.397V131.397H108.989V141H32.011V131.397H9.60333V108.99H0V32.0114H9.60333V9.60356H32.011V0ZM5.67786 37.6893H15.281V37.6893H5.67786V37.6893ZM28.0856 125.719H28.0854V125.719H36.4884L28.0856 125.719ZM103.311 135.322L103.311 135.322V125.719H103.311V135.322ZM125.719 103.312V125.719H125.719V103.312H125.719ZM135.322 103.312L135.322 103.312V37.6893H125.719L125.719 15.2815H112.914H103.311V5.67793H37.6888V5.67786H103.311V15.2814H125.719L125.719 37.6893H135.322V103.312ZM15.2812 15.2814H37.6887V15.2815H28.0854H15.2812V15.2814ZM16.8815 39.2897H16.8817V101.711H28.0856V112.914H39.2894V124.119H101.711V124.119H39.2893V112.914H28.0854V101.711H16.8815V39.2897ZM112.914 112.914H101.711V112.914H112.914V112.914ZM124.118 101.711H112.915V101.711H124.118V101.711ZM39.2893 16.8818H39.2894V28.0858H39.2893V16.8818ZM28.0856 39.2896V28.0859H28.0854V39.2896H28.0856ZM22.5596 44.9675V96.0333H33.7634V107.237H44.9673V118.441H96.0329V107.237H107.237V96.0333H118.44V44.9675H107.237V33.7637H96.0329V22.5596H44.9673V33.7637H33.7634V44.9675H22.5596ZM50 30.0002H91V36.0002H97H105V44.0002V50.0002H111V91.0002H105V97.0002V105H97H91V111H50V105H44H36V97.0002V91.0002H30V50.0002H36V44.0002V36.0002H44H50V30.0002ZM97 51.0002H104V90.0002H97V97.0002H90V104H51V97.0002H44V90.0002H37V51.0002H44V44.0002H51V37.0002H90V44.0002H97V51.0002Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.1893 0H119.811V10.5571H144.443L144.443 35.1898H155V119.811H144.443V144.444H119.811V155H35.1893V144.444H10.5569V119.811H0V35.1898H10.5569V10.5571H35.1893V0ZM6.24161 113.57V113.57H16.7984V113.57H6.24161ZM30.8742 138.202L30.8741 138.202V138.201H41.4308L30.8742 138.202ZM113.569 138.201V148.759H41.431L113.569 148.759V138.201H124.126L113.569 138.201ZM148.758 41.4315V113.57H138.202L148.758 113.57V41.4314L148.758 41.4315ZM113.569 6.24161V16.7986H113.569V6.24161H113.569ZM18.5579 43.1907V111.81H18.5578V43.1906H30.8741V30.8744H43.1904V18.5578H111.81V18.5579H43.1905V30.8745H30.8742V43.1907H18.5579ZM30.8741 124.126V111.81H30.8742V124.126H30.8741ZM43.1904 136.442V124.126H43.1905V136.442L43.1904 136.442ZM124.126 30.8744V30.8745H111.81V30.8744H124.126ZM24.7995 49.4324V105.569H37.1158V117.884H49.4321V130.201H105.568V117.884H117.884V105.569H130.201V49.4324H117.884V37.1161H105.568V24.7995H49.4321V37.1161H37.1158V49.4324H24.7995ZM57 37.0002H98V43.0002H104H112V51.0002V57.0002H118V98.0002H112V104V112H104H98V118H57V112H51H43V104V98.0002H37V57.0002H43V51.0002V43.0002H51H57V37.0002ZM104 58.0002H111V97.0002H104V104H97V111H58V104H51V97.0002H44V58.0002H51V51.0002H58V44.0002H97V51.0002H104V58.0002Z" fill="black"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

14
style.css
View File

@@ -391,11 +391,6 @@ h2 {
cursor: pointer; cursor: pointer;
} }
.btn-default {
border-image: url("./icon/button-default.svg") 60 stretch;
border-width: 0.7em;
}
.btn:active { .btn:active {
background: var(--secondary); background: var(--secondary);
border-radius:6px; border-radius:6px;
@@ -418,6 +413,15 @@ h2 {
font-family: Chicago_12; font-family: Chicago_12;
} }
.btn-default {
border-image: url("./icon/button-default.svg") 60 stretch;
border-width: 0.5em;
}
.btn-default:active {
border-radius: 12px;
}
/* text input */ /* text input */
input { input {
border: 1.5px solid var(--secondary); border: 1.5px solid var(--secondary);