Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@credbone
credbone committed Jan 13, 2025
1 parent 58154a1 commit 7fff6ee
Show file tree
Hide file tree
Showing 10 changed files with 44 additions and 11 deletions.
7 changes: 4 additions & 3 deletions asset-manifest.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"files": {
"main.css": "/static/css/main.c0d1ba34.css",
"main.js": "/static/js/main.49d78151.js",
"main.js": "/static/js/main.7d9d35b1.js",
"static/js/453.2382196e.chunk.js": "/static/js/453.2382196e.chunk.js",
"static/media/wide_res_01.jpg": "/static/media/wide_res_01.ccfcc2a7019abba47791.jpg",
"static/media/res-29.jpg": "/static/media/res-29.a10d212c413765c6db50.jpg",
Expand All @@ -24,14 +24,15 @@
"static/media/res-28.jpg": "/static/media/res-28.1adec83afea2c31735e0.jpg",
"static/media/wide_res_61.jpg": "/static/media/wide_res_61.ebad01af1eb86a24c2a0.jpg",
"static/media/wide_res_64.webp": "/static/media/wide_res_64.e9bda87e5896dbb97791.webp",
"static/media/wide_res_70.webp": "/static/media/wide_res_70.27f9f153d036d6545da1.webp",
"static/media/wide_res_74.jpg": "/static/media/wide_res_74.306a29620ae553428f7c.jpg",
"index.html": "/index.html",
"main.c0d1ba34.css.map": "/static/css/main.c0d1ba34.css.map",
"main.49d78151.js.map": "/static/js/main.49d78151.js.map",
"main.7d9d35b1.js.map": "/static/js/main.7d9d35b1.js.map",
"453.2382196e.chunk.js.map": "/static/js/453.2382196e.chunk.js.map"
},
"entrypoints": [
"static/css/main.c0d1ba34.css",
"static/js/main.49d78151.js"
"static/js/main.7d9d35b1.js"
]
}
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,interactive-widget=resizes-content"/><meta name="theme-color" content="#fbfbfb"/><meta property="og:title" content="Credbone"><meta property="og:type" content="Website"/><meta property="og:description" content="This platform demos a collection of carefully crafted UI components."><meta property="og:image" content="https://credbone.com/thumbnail.jpg"><meta property="og:url" content="https://credbone.com"><script type="text/javascript">!function(n){if("/"===n.search[1]){var a=n.search.slice(1).split("&").map((function(n){return n.replace(/~and~/g,"&")})).join("?");window.history.replaceState(null,null,n.pathname.slice(0,-1)+a+n.hash)}}(window.location)</script><meta name="description" content="This platform demos a collection of carefully crafted UI components."/><link rel="apple-touch-icon" href="/192.png"/><link rel="manifest" href="/manifest.json"/><title>Credbone</title><link rel="stylesheet" href="/styles/base.css?ver=3.0.2"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><script defer="defer" src="/static/js/main.49d78151.js"></script><link href="/static/css/main.c0d1ba34.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><view id="root"></view></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,interactive-widget=resizes-content"/><meta name="theme-color" content="#fbfbfb"/><meta property="og:title" content="Credbone"><meta property="og:type" content="Website"/><meta property="og:description" content="This platform demos a collection of carefully crafted UI components."><meta property="og:image" content="https://credbone.com/thumbnail.jpg"><meta property="og:url" content="https://credbone.com"><script type="text/javascript">!function(n){if("/"===n.search[1]){var a=n.search.slice(1).split("&").map((function(n){return n.replace(/~and~/g,"&")})).join("?");window.history.replaceState(null,null,n.pathname.slice(0,-1)+a+n.hash)}}(window.location)</script><meta name="description" content="This platform demos a collection of carefully crafted UI components."/><link rel="apple-touch-icon" href="/192.png"/><link rel="manifest" href="/manifest.json"/><title>Credbone</title><link rel="stylesheet" href="/styles/base.css?ver=3.0.2"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><script defer="defer" src="/static/js/main.7d9d35b1.js"></script><link href="/static/css/main.c0d1ba34.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><view id="root"></view></body></html>
1 change: 0 additions & 1 deletion static/js/main.49d78151.js.map
View file

This file was deleted.

6 changes: 3 additions & 3 deletions static/js/main.49d78151.js → static/js/main.7d9d35b1.js
View file

Large diffs are not rendered by default.

0 static/js/main.49d78151.js.LICENSE.txt → static/js/main.7d9d35b1.js.LICENSE.txt
View file
File renamed without changes.
1 change: 1 addition & 0 deletions static/js/main.7d9d35b1.js.map
View file

Large diffs are not rendered by default.

Binary file added static/media/wide_res_70.27f9f153d036d6545da1.webp
View file
Binary file not shown.
14 changes: 14 additions & 0 deletions styles/control.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -316,7 +316,9 @@ text[data-width="auto"]{width: initial;}

[data-length='25'] { width: 25px; }
[data-length='30'] { width: 30px; }
[data-length='35'] { width: 35px; }
[data-length='40'] { width: 40px; }
[data-length='45'] { width: 45px; }
[data-length='50'] { width: 50px; }
[data-length='60'] { width: 60px; }
[data-length='70'] { width: 70px; }
Expand Down Expand Up @@ -498,6 +500,14 @@ space { display: flex; height: 30px; width: 100%; flex-shrink: 0; }
[data-direction='row'] { flex-direction: row; }


@media (max-width: 1200px)

{
[data-direction='column-1200'] { flex-direction: column;}
}



picture {height: 100%;width: 100%;position: relative;display: flex;overflow: hidden;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
picture img{ pointer-events: none; transform-origin: bottom center; object-fit: cover; width: 100%; height: 100%;transition: .125s; }
/* picture[data-mask] { -webkit-mask-image: linear-gradient(black 50%, transparent); mask-image: linear-gradient(black 50%, transparent); } */
Expand Down Expand Up @@ -677,8 +687,11 @@ picture[data-object-position="left"] img{object-position: right;}
[data-space-horizontal='10'] {padding-left: 10px; padding-right: 10px;}
[data-space-horizontal='15'] {padding-left: 15px; padding-right: 15px;}
[data-space-horizontal='20'] {padding-left: 20px; padding-right: 20px;}
[data-space-horizontal='25'] {padding-left: 25px; padding-right: 25px;}
[data-space-horizontal='30'] {padding-left: 30px; padding-right: 30px;}
[data-space-horizontal='35'] {padding-left: 35px; padding-right: 35px;}
[data-space-horizontal='40'] {padding-left: 40px; padding-right: 40px;}
[data-space-horizontal='45'] {padding-left: 45px; padding-right: 45px;}
[data-space-horizontal='50'] {padding-left: 50px; padding-right: 50px;}


Expand Down Expand Up @@ -791,6 +804,7 @@ picture[data-object-position="left"] img{object-position: right;}
[data-radius-top="5"]{border-top-left-radius:5px;border-top-right-radius: 5px;}
[data-radius-top="10"]{border-top-left-radius:10px;border-top-right-radius: 10px;}
[data-radius-top="15"]{border-top-left-radius:15px;border-top-right-radius: 15px;}
[data-radius-top="30"]{border-top-left-radius:30px;border-top-right-radius: 30px;}

[data-radius-bottom="10"]{border-bottom-left-radius:10px;border-bottom-right-radius: 10px;}
[data-radius-bottom="15"]{border-bottom-left-radius:15px;border-bottom-right-radius: 15px;}
Expand Down
1 change: 1 addition & 0 deletions styles/controls/color.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -433,6 +433,7 @@
[data-opacity="70"]{opacity:70%;}
[data-opacity="80"]{opacity:80%;}
[data-opacity="90"]{opacity:90%;}
[data-opacity="100"]{opacity:100%;}



Expand Down
23 changes: 20 additions & 3 deletions styles/controls/separator.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,11 @@ separator[data-vertical] { min-width: 1px; width: 1px; z-index: 2; display: f
separator[data-vertical]:not([data-height]){height:30px}

separator[data-vertical="fit"]{height: 100%;}
separator[data-vertical="dotted"]{box-shadow: none; opacity: 0.2; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCAxIDIiPgogIDxyZWN0IGZpbGw9IiNmZmYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4KICA8cmVjdCAgZmlsbD0iIzAwMCIgIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4KPC9zdmc+Cg==")}
separator[data-vertical="dotted"]{box-shadow: none;

background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="4" viewBox="0 0 1 4"><rect fill="%23fff" width="1" height="1"/><rect fill="%23000" y="1" width="1" height="1"/></svg>')

}


separator[data-horizontal] { min-height: 1px; height: 1px; margin-top: var(--interval); margin-bottom:var(--interval); position: relative; z-index: 2; display: flex; flex: 1 1 100%; max-height: 1px; width: 100%; }
Expand All @@ -29,13 +33,26 @@ separator[data-interval='20'] { --interval:20px }
separator[data-interval='30'] { --interval:30px }
separator[data-interval='40'] { --interval:40px }

separator[data-horizontal="dotted"] { box-shadow: none; opacity: 0.5; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHZpZXdCb3g9IjAgMCA0IDEiPjxyZWN0IHg9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCBmaWxsPSIjZmZmIiB4PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PC9zdmc+'); }
separator[data-horizontal="dotted"] { box-shadow: none;
background-image:
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="1" viewBox="0 0 4 1"><rect x="0" width="1" height="1"/><rect fill="%23fff" x="1" width="1" height="1"/></svg>')

}



@media (max-width: 1200px)

{
separator[data-vertical="adaptive-1200"] {min-height: 1px; height: 1px; flex: 1 1 100%; max-height: 1px; width: 100%;}
}



@media (max-width: 1000px)

{
[data-vertical="adaptive"] {min-height: 1px; height: 1px; flex: 1 1 100%; max-height: 1px; width: 100%;}
separator[data-vertical="adaptive"] {min-height: 1px; height: 1px; flex: 1 1 100%; max-height: 1px; width: 100%;}
}


Expand Down

0 comments on commit 7fff6ee

Please sign in to comment.