Skip to content

Commit 04293ec

Browse files
committed
updating files
1 parent 8fdb076 commit 04293ec

File tree

7 files changed

+31
-29
lines changed

7 files changed

+31
-29
lines changed

sass/buttons.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020

2121
.btn-outlined {
2222

23-
border-width: 4.43px;
23+
border-width: 3px;
2424
border-style: solid;
2525
transition: all 0.5s;
2626
padding: 0.8rem 3rem;

sass/forms.scss

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ textarea[type=text] {
2727
border-width: 1px;
2828
border-color: $black;
2929
border-style: solid;
30-
border-radius: 5px;
30+
border-radius: 2px;
3131
font-family: 'roboto';
3232
&:focus {
3333

@@ -104,8 +104,8 @@ label {
104104
font-family: 'fontawesome';
105105
border: 1px solid $black;
106106
padding: .4rem .4rem;
107-
border-radius: .2rem;
108-
transition: .5s;
107+
border-radius: 2px;
108+
transition: .2s;
109109
color: #fff;
110110
font-size: 16px;
111111
}
@@ -117,8 +117,8 @@ label {
117117
font-family: 'fontawesome';
118118
border: 1px solid $black;
119119
padding: .4rem .4rem;
120-
border-radius: .2rem;
121-
transition: .5s;
120+
border-radius: 2px;
121+
transition: .2s;
122122
color: $black;
123123
font-size: 16px;
124124
}
@@ -131,11 +131,11 @@ label {
131131
content: '';
132132
font-family: 'fontawesome';
133133
border: 1px solid $black;
134-
padding: .4rem .5rem;
134+
padding: .3rem .4rem;
135135
border-radius: 100%;
136-
transition: .5s;
136+
transition: .2s;
137137
color: #fff;
138-
font-size: 16px;
138+
font-size: 14px;
139139
}
140140
}
141141

@@ -144,11 +144,11 @@ label {
144144
content: '';
145145
font-family: 'fontawesome';
146146
border: 1px solid $black;
147-
padding: .4rem .5rem;
147+
padding: .3rem .4rem;
148148
border-radius: 100%;
149-
transition: .5s;
149+
transition: .2s;
150150
color: $black;
151-
font-size: 16px;
151+
font-size: 14px;
152152
}
153153
}
154154

unnamed.css

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -409,7 +409,7 @@ textarea[type=text] {
409409
border-width: 1px;
410410
border-color: #212121;
411411
border-style: solid;
412-
border-radius: 5px;
412+
border-radius: 2px;
413413
font-family: 'roboto';
414414
}
415415

@@ -483,8 +483,8 @@ label input[type="checkbox"] + span:before {
483483
font-family: 'fontawesome';
484484
border: 1px solid #212121;
485485
padding: .4rem .4rem;
486-
border-radius: .2rem;
487-
transition: .5s;
486+
border-radius: 2px;
487+
transition: .2s;
488488
color: #fff;
489489
font-size: 16px;
490490
}
@@ -494,8 +494,8 @@ label input[type="checkbox"]:checked + span:before {
494494
font-family: 'fontawesome';
495495
border: 1px solid #212121;
496496
padding: .4rem .4rem;
497-
border-radius: .2rem;
498-
transition: .5s;
497+
border-radius: 2px;
498+
transition: .2s;
499499
color: #212121;
500500
font-size: 16px;
501501
}
@@ -508,22 +508,22 @@ label input[type="radio"] + span:before {
508508
content: '';
509509
font-family: 'fontawesome';
510510
border: 1px solid #212121;
511-
padding: .4rem .5rem;
511+
padding: .3rem .4rem;
512512
border-radius: 100%;
513-
transition: .5s;
513+
transition: .2s;
514514
color: #fff;
515-
font-size: 16px;
515+
font-size: 14px;
516516
}
517517

518518
label input[type="radio"]:checked + span:before {
519519
content: '';
520520
font-family: 'fontawesome';
521521
border: 1px solid #212121;
522-
padding: .4rem .5rem;
522+
padding: .3rem .4rem;
523523
border-radius: 100%;
524-
transition: .5s;
524+
transition: .2s;
525525
color: #212121;
526-
font-size: 16px;
526+
font-size: 14px;
527527
}
528528

529529
.green-input input[type="text"],
@@ -824,7 +824,7 @@ button {
824824
}
825825

826826
.btn-outlined {
827-
border-width: 4.43px;
827+
border-width: 3px;
828828
border-style: solid;
829829
transition: all 0.5s;
830830
padding: 0.8rem 3rem;

unnamed.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

unnamed/index.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!doctype html><html class="no-js"><head><meta charset="utf-8"><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><title>unnamed css framework</title><link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="stylesheet" href="styles/main.css"><script src="scripts/vendor/modernizr.js"></script></head><body><!--[if IE]><p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]--><div class="container header" id="top"><div class="brand"><a href="#" class="logo"></a><h2>Unnamed</h2><p>A colorful css framework made by a human not an Ai</p><a href="https://github.com/smakosh/unnamed-css-framework" class="github">Github</a><br><br><iframe class="iframe" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe><iframe class="iframe forkit" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=fork&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe><div class="flexed-links"><a href="#installation">installation</a> <a href="#doc">Documentation</a> <a href="soon.html">Templates</a></div></div><div class="row"><div class="column column-first xlarge-4 small-12"><h3>Easy to use</h3><p>Choose what to use, either use the prepared classes on your html file or Clone the repository and import only the Sass or Css elements you want.</p></div><div class="column xlarge-4 small-12"><h3>Easy to edit</h3><p>Feel free to check the code to understand how easily you can add your favorite color !</p></div><div class="column column-last xlarge-4 small-12"><h3>Easy to contribute</h3><p>Yep, feel free to contribute !</p></div></div></div><div class="container instalation" id="installation"><h3 class="title">Installation</h3><div class="divider"></div><h4>Include one of these links:</h4><pre>&lt;link rel="stylesheet" href="http://smakosh.com/unnamed.css"&gt;</pre><h4>Minimized</h4><pre>&lt;link rel="stylesheet" href="http://smakosh.com/unnamed.min.css"&gt;</pre><h4 class="download">Or download both:</h4><a href="http://smakosh.com/unnamed-css.zip" class="btn btn-rounded btn-outlined purple-btn push-up" download>Download</a><h4>Or use this starter repository:</h4><pre>git clone https://github.com/smakosh/Unnamed-getting-started.git</pre></div><div class="container buttons" id="doc"><h3 class="title">Buttons</h3><div class="divider"></div><div class="type-buttons"><button href="#" class="btn btn-primary gradient-black">btn-primary</button> <button href="#" class="btn btn-rounded gradient-black">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined black-btn">btn-outlined</button></div><div class="type-buttons"><button href="#" class="btn btn-primary gradient-green">btn-primary</button> <button href="#" class="btn btn-rounded gradient-green">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined green-btn">btn-outlined</button></div><div class="type-buttons"><button href="#" class="btn btn-primary gradient-orange">btn-primary</button> <button href="#" class="btn btn-rounded gradient-orange">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined orange-btn">btn-outlined</button></div><div class="type-buttons"><button href="#" class="btn btn-primary gradient-purple">btn-primary</button> <button href="#" class="btn btn-rounded gradient-purple">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined purple-btn">btn-outlined</button></div><h3 class="title">Disabled buttons</h3><div class="divider"></div><div class="type-buttons"><button href="#" class="btn btn-primary" disabled="disabled">btn-primary</button> <button href="#" class="btn btn-rounded" disabled="disabled">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined" disabled="disabled">btn-outlined</button></div><h4 class="description">There are 3 types of buttons and you can change the colors just by changing the color name, something like this</h4><p>for black use<pre class="little">.gradient-black</pre></p><p>for purple use<pre class="little">.gradient-purple</pre></p><p>for orange use<pre class="little">.gradient-orange</pre></p><p>for green use<pre class="little">.gradient-green</pre></p><h4 class="description">For the outlined button use these classes</h4><p>for black use<pre class="little">.black-btn</pre></p><p>for purple use<pre class="little">.purple-btn</pre></p><p>for orange use<pre class="little">.orange-btn</pre></p><p>for green use<pre class="little">.green-btn</pre></p><p>These are the available for now, feel free to visit <a class="link" href="https://www.grabient.com" target="_blank">Grabient</a> to pick up more colors & add your own classes !</p><div class="code"><h4 class="pad">Buttons</h4><pre><span class="class-name">.btn btn-hover btn-primary gradient-black</span><br><br><span class="class-name">.btn btn-hover btn-primary gradient-purple</span><br><br><span class="class-name">.btn btn-hover btn-rounded gradient-purple</span><br><br><span class="class-name">.btn btn-rounded btn-outlined purple-btn</span></pre>
1+
<!doctype html><html class="no-js"><head><meta charset="utf-8"><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><title>unnamed css framework</title><link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="stylesheet" href="styles/main.css"><script src="scripts/vendor/modernizr.js"></script></head><body><!--[if IE]><p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]--><div class="container header" id="top"><div class="brand"><a href="#" class="logo"></a><h2>Unnamed</h2><p>A colorful css framework made by a human not an Ai</p><a href="https://github.com/smakosh/unnamed-css-framework" class="github">Github</a><br><br><iframe class="iframe" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe><iframe class="iframe forkit" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=fork&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe><div class="flexed-links"><a href="#installation">installation</a> <a href="#doc">Documentation</a> <a href="soon.html">Templates</a></div></div><div class="row"><div class="column column-first xlarge-4 small-12"><h3>Easy to use</h3><p>Choose what to use, either use the prepared classes on your html file or Clone the repository and import only the Sass or Css elements you want.</p></div><div class="column xlarge-4 small-12"><h3>Easy to edit</h3><p>Feel free to check the code to understand how easily you can add your favorite color !</p></div><div class="column column-last xlarge-4 small-12"><h3>Easy to contribute</h3><p>Yep, feel free to contribute !</p></div></div></div><div class="container instalation" id="installation"><h3 class="title">Installation</h3><div class="divider"></div><h4>Include one of these links:</h4><pre>&lt;link rel="stylesheet" href="http://smakosh.com/unnamed.css"&gt;</pre><h4>Minimized</h4><pre>&lt;link rel="stylesheet" href="http://smakosh.com/unnamed.min.css"&gt;</pre><h4>CDN</h4><pre>&lt;link rel="stylesheet" href="https://unnamedcss-9a1f.kxcdn.com/unnamed.css"&gt;</pre><h4>Minimized</h4><pre>&lt;link rel="stylesheet" href="https://unnamedcss-9a1f.kxcdn.com/unnamed.min.css"&gt;</pre><h4 class="download">Or download both:</h4><a href="http://smakosh.com/unnamed-css.zip" class="btn btn-rounded btn-outlined purple-btn push-up" download>Download</a><h4>Or use this starter repository:</h4><pre>git clone https://github.com/smakosh/Unnamed-getting-started.git</pre></div><div class="container buttons" id="doc"><h3 class="title">Buttons</h3><div class="divider"></div><div class="type-buttons"><button href="#" class="btn btn-primary gradient-black">btn-primary</button> <button href="#" class="btn btn-rounded gradient-black">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined black-btn">btn-outlined</button></div><div class="type-buttons"><button href="#" class="btn btn-primary gradient-green">btn-primary</button> <button href="#" class="btn btn-rounded gradient-green">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined green-btn">btn-outlined</button></div><div class="type-buttons"><button href="#" class="btn btn-primary gradient-orange">btn-primary</button> <button href="#" class="btn btn-rounded gradient-orange">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined orange-btn">btn-outlined</button></div><div class="type-buttons"><button href="#" class="btn btn-primary gradient-purple">btn-primary</button> <button href="#" class="btn btn-rounded gradient-purple">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined purple-btn">btn-outlined</button></div><h3 class="title">Disabled buttons</h3><div class="divider"></div><div class="type-buttons"><button href="#" class="btn btn-primary" disabled="disabled">btn-primary</button> <button href="#" class="btn btn-rounded" disabled="disabled">btn-rounded</button> <button href="#" class="btn btn-rounded btn-outlined" disabled="disabled">btn-outlined</button></div><h4 class="description">There are 3 types of buttons and you can change the colors just by changing the color name, something like this</h4><p>for black use<pre class="little">.gradient-black</pre></p><p>for purple use<pre class="little">.gradient-purple</pre></p><p>for orange use<pre class="little">.gradient-orange</pre></p><p>for green use<pre class="little">.gradient-green</pre></p><h4 class="description">For the outlined button use these classes</h4><p>for black use<pre class="little">.black-btn</pre></p><p>for purple use<pre class="little">.purple-btn</pre></p><p>for orange use<pre class="little">.orange-btn</pre></p><p>for green use<pre class="little">.green-btn</pre></p><p>These are the available for now, feel free to visit <a class="link" href="https://www.grabient.com" target="_blank">Grabient</a> to pick up more colors & add your own classes !</p><div class="code"><h4 class="pad">Buttons</h4><pre><span class="class-name">.btn btn-hover btn-primary gradient-black</span><br><br><span class="class-name">.btn btn-hover btn-primary gradient-purple</span><br><br><span class="class-name">.btn btn-hover btn-rounded gradient-purple</span><br><br><span class="class-name">.btn btn-rounded btn-outlined purple-btn</span></pre>
22
</div>
33
</div>
44

@@ -279,7 +279,7 @@ <h4>Card footer</h4>
279279
</div>
280280
</div>
281281

282-
<h4 class="description">Drone picture was taken by <a href="https://luca-steeb.com/?ref=Unnamed">Luca Steeb</a> !</h4>
282+
<h4 class="description">Drone picture was taken by <a class="link" href="https://luca-steeb.com/?ref=Unnamed">Luca Steeb</a> !</h4>
283283
<h4 class="description">You can remove the hover effect by removing this class</h4>
284284
<p><pre class="little">.card-hoverable</pre></p><br>
285285
</div>
@@ -720,9 +720,11 @@ <h4 class="description">To hide elements: </h4>
720720

721721
<div class="container footer">
722722
<a href="#top">To the top</a>
723+
<a target="_blank" href="https://www.keycdn.com/?ref=unnamed">Accelerated by KeyCDN</a>
723724
<a href="http://smakosh.com/unnamed/index.html">© Unnamed | All rights reserved 2017</a>
724725
<a href="http://smakosh.com"><span></span> Made by Smakosh</a>
725726
</div>
727+
726728
<script src="scripts/vendor.js"></script>
727729

728730
<script src="scripts/main.js"></script>

unnamed/soon.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html class="no-js"><head><meta charset="utf-8"><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><title>unnamed css framework</title><link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="stylesheet" href="styles/main.css"><script src="scripts/vendor/modernizr.js"></script></head><body><!--[if IE]><p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]--><div class="container header" id="top"><div class="brand"><a href="#" class="logo"></a><h2>Unnamed</h2><p>A colorful css framework made by a human not an Ai</p><a href="https://github.com/smakosh/unnamed-css-framework" class="github">Github</a><br><br><iframe class="iframe" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=star&count=true" frameborder="0" scrolling="0" width="80px" height="20px"></iframe><iframe class="iframe forkit" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=fork&count=true" frameborder="0" scrolling="0" width="80px" height="20px"></iframe></div><div class="center-text back-home"><h1 class="d-text">Soon...</h1><a href="index.html">Go back home !</a></div></div><div class="container footer"><a href="http://smakosh.com/unnamed/index.html">© Unnamed | All rights reserved 2017</a> <a href="http://smakosh.com"><span></span> Made by Smakosh</a></div><script src="scripts/vendor.js"></script><script src="scripts/main.js"></script><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga"),ga("create","UA-106122837-1","auto"),ga("send","pageview")</script></body></html>
1+
<!doctype html><html class="no-js"><head><meta charset="utf-8"><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><title>unnamed css framework</title><link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="stylesheet" href="styles/main.css"><script src="scripts/vendor/modernizr.js"></script></head><body><!--[if IE]><p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]--><div class="container header" id="top"><div class="brand"><a href="#" class="logo"></a><h2>Unnamed</h2><p>A colorful css framework made by a human not an Ai</p><a href="https://github.com/smakosh/unnamed-css-framework" class="github">Github</a><br><br><iframe class="iframe" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe><iframe class="iframe forkit" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=fork&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe></div><div class="center-text back-home"><h1 class="d-text">Soon...</h1><a href="index.html">Go back home !</a></div></div><div class="container footer"><a target="_blank" href="https://www.keycdn.com/?ref=unnamed">Accelerated by KeyCDN</a> <a href="http://smakosh.com/unnamed/index.html">© Unnamed | All rights reserved 2017</a> <a href="http://smakosh.com"><span></span> Made by Smakosh</a></div><script src="scripts/vendor.js"></script><script src="scripts/main.js"></script><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga"),ga("create","UA-106122837-1","auto"),ga("send","pageview")</script></body></html>

0 commit comments

Comments
 (0)