Skip to content

Commit 8cb5364

Browse files
UnderlineWordsUnderlineWords
committed
Updated docs and core files
1 parent 428b8e9 commit 8cb5364

File tree

24 files changed

+476
-416
lines changed

24 files changed

+476
-416
lines changed

‎dist/punica.css‎

Lines changed: 53 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4322,7 +4322,7 @@ a.button.active i, a.button.active [class^="material-icons"], .button.active i,
43224322

43234323
a.button[disabled], a.button:disabled, a.button.disabled, .button[disabled], .button:disabled, .button.disabled {
43244324
cursor: default;
4325-
opacity: .5;
4325+
opacity: .59;
43264326
pointer-events: none;
43274327
}
43284328

@@ -4779,7 +4779,7 @@ input[type='checkbox'], input[type='radio'] {
47794779
}
47804780

47814781
input:disabled {
4782-
opacity: .5;
4782+
opacity: .59;
47834783
}
47844784

47854785
.form {
@@ -4812,7 +4812,7 @@ input:disabled {
48124812
align-items: flex-start;
48134813
}
48144814

4815-
.form .item > label {
4815+
.form label, .form .item > label {
48164816
margin: 0 0 .15rem 0;
48174817
color: #000;
48184818
font-size: 1.138em;
@@ -4833,46 +4833,46 @@ input:disabled {
48334833
cursor: default;
48344834
}
48354835

4836-
.form .item .group {
4836+
.form .group, .form .item > .group {
48374837
display: -webkit-box;
48384838
display: -ms-flexbox;
48394839
display: flex;
48404840
width: 100%;
48414841
}
48424842

4843-
.form .item .group > * {
4843+
.form .group > *, .form .item > .group > * {
48444844
-webkit-box-flex: 1;
48454845
-ms-flex: 1 1 auto;
48464846
flex: 1 1 auto;
48474847
}
48484848

4849-
.form .item .group > *:last-child {
4849+
.form .group > *:last-child, .form .item > .group > *:last-child {
48504850
margin-left: -1px;
48514851
}
48524852

4853-
.form .item .group > *:not(:first-child):not(:last-child) {
4853+
.form .group > *:not(:first-child):not(:last-child), .form .item > .group > *:not(:first-child):not(:last-child) {
48544854
margin-left: -1px;
48554855
margin-right: 0;
48564856
}
48574857

4858-
.form .item .group > .buttons {
4858+
.form .group > .buttons, .form .item > .group > .buttons {
48594859
-webkit-box-shadow: none;
48604860
box-shadow: none;
48614861
}
48624862

4863-
.form .item .group > .button, .form .item .group > .buttons > .button, .form .item .group > .buttons > .dropdown > .button {
4863+
.form .group > .button, .form .group > .buttons > .button, .form .group > .buttons > .dropdown > .button, .form .item > .group > .button, .form .item > .group > .buttons > .button, .form .item > .group > .buttons > .dropdown > .button {
48644864
height: 2.5rem;
48654865
font-size: .9338em;
48664866
padding: 0.935rem 1.4rem;
48674867
font-weight: 700;
48684868
}
48694869

4870-
.form .item .group > .button:first-child, .form .item .group > .buttons > .button:first-child, .form .item .group > .buttons > .dropdown > .button:first-child {
4870+
.form .group > .button:first-child, .form .group > .buttons > .button:first-child, .form .group > .buttons > .dropdown > .button:first-child, .form .item > .group > .button:first-child, .form .item > .group > .buttons > .button:first-child, .form .item > .group > .buttons > .dropdown > .button:first-child {
48714871
border-bottom-right-radius: 0;
48724872
border-top-right-radius: 0;
48734873
}
48744874

4875-
.form .item .group > .button:last-child:not(:first-child), .form .item .group > .buttons > .button:last-child:not(:first-child), .form .item .group > .buttons > .dropdown > .button:last-child:not(:first-child) {
4875+
.form .group > .button:last-child:not(:first-child), .form .group > .buttons > .button:last-child:not(:first-child), .form .group > .buttons > .dropdown > .button:last-child:not(:first-child), .form .item > .group > .button:last-child:not(:first-child), .form .item > .group > .buttons > .button:last-child:not(:first-child), .form .item > .group > .buttons > .dropdown > .button:last-child:not(:first-child) {
48764876
border-bottom-left-radius: 0;
48774877
border-top-left-radius: 0;
48784878
}
@@ -4987,6 +4987,7 @@ input:disabled {
49874987
-ms-user-select: none;
49884988
user-select: none;
49894989
padding-top: 0;
4990+
font-weight: 400;
49904991
}
49914992

49924993
.radio input, .checkbox input {
@@ -5751,8 +5752,8 @@ a.label.error, .label.error {
57515752
margin: 0;
57525753
min-width: 200px;
57535754
padding: .9rem;
5754-
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
5755-
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
5755+
-webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
5756+
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
57565757
z-index: 300;
57575758
}
57585759

@@ -6592,6 +6593,7 @@ a.label.error, .label.error {
65926593
display: -webkit-box;
65936594
display: -ms-flexbox;
65946595
display: flex;
6596+
font-weight: bold;
65956597
}
65966598

65976599
.navbar input[type=checkbox]#burger, .navbar .burger {
@@ -6644,7 +6646,6 @@ a.label.error, .label.error {
66446646

66456647
.navbar section.links div.section input[type='text'] {
66466648
background-color: #fff;
6647-
border-color: #006cc7;
66486649
}
66496650

66506651
.navbar.fixed {
@@ -6686,6 +6687,29 @@ a.label.error, .label.error {
66866687
font-size: 1.1em;
66876688
}
66886689

6690+
.navbar.light {
6691+
background: #fff;
6692+
color: #3f4143;
6693+
}
6694+
6695+
.navbar.light .buttons .button {
6696+
color: #3f4143;
6697+
min-height: 100%;
6698+
}
6699+
6700+
.navbar.light .buttons .button i, .navbar.light .buttons .button span.material-icons {
6701+
color: #3f4143;
6702+
}
6703+
6704+
.navbar.light .brand a, .navbar.light .brand a:visited {
6705+
color: #3f4143;
6706+
}
6707+
6708+
.navbar.light section.links div.section input[type='text'] {
6709+
background-color: #fff;
6710+
border-color: #dedede;
6711+
}
6712+
66896713
.navbar-spacer {
66906714
margin-top: 110px;
66916715
}
@@ -7224,6 +7248,21 @@ a.label.error, .label.error {
72247248
background-color: #d62828 !important;
72257249
}
72267250

7251+
.bg-grid {
7252+
height: 100%;
7253+
background-color: #fff;
7254+
background-position: center center;
7255+
background-image: -webkit-gradient(linear, left top, right top, color-stop(16%, rgba(0, 0, 0, 0.075)), color-stop(16%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(16%, rgba(0, 0, 0, 0.075)), color-stop(16%, transparent));
7256+
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.075) 16%, transparent 16%), linear-gradient(rgba(0, 0, 0, 0.075) 16%, transparent 16%);
7257+
background-size: 10px 10px;
7258+
}
7259+
7260+
.bg-stripe {
7261+
height: 100%;
7262+
background-image: linear-gradient(#fff, #fff 7px, #dbdbdb 4px, #dbdbdb);
7263+
background-size: 100% 8px;
7264+
}
7265+
72277266
.centered {
72287267
margin: 0 auto;
72297268
}

‎dist/punica.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.

‎docs/components/alert.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -224,7 +224,7 @@ <h1>Alert</h1>
224224
</div>
225225

226226
<div class="panel shadowless borderless">
227-
<div class="content">
227+
<div class="content bg-grid">
228228
<div class="alert">Default</div>
229229
<div class="alert primary">Primary</div>
230230
<div class="alert success">Success</div>

‎docs/components/badge.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -190,7 +190,7 @@ <h1>Badge</h1>
190190
</div>
191191

192192
<div class="panel shadowless borderless">
193-
<div class="content">
193+
<div class="content bg-stripe">
194194
<div class="badge">12</div>
195195
<div class="badge">336</div>
196196
<div class="badge">89567</div>

‎docs/components/billboard.html‎

Lines changed: 52 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -197,7 +197,7 @@ <h1>Billboard</h1>
197197
</div>
198198

199199
<div class="panel shadowless borderless">
200-
<div class="content">
200+
<div class="content bg-grid">
201201
<div class="billboard">
202202
<div class="body">
203203
<h2>Billboard</h2>
@@ -298,7 +298,7 @@ <h4 class="bordered">Billboard Sizes</h4>
298298
<div class="header borderless">
299299
<div class="h4">Small Billboard</div>
300300
</div>
301-
<div class="content">
301+
<div class="content bg-grid">
302302
<div class="billboard small">
303303
<div class="media">
304304
<img src="https://source.unsplash.com/user/aahubs/800x600" width="400">
@@ -379,7 +379,7 @@ <h5>Small Billboard with Media</h5>
379379
<div class="header borderless">
380380
<div class="h4">Large Billboard</div>
381381
</div>
382-
<div class="content">
382+
<div class="content bg-grid">
383383
<div class="billboard large primary">
384384
<div class="body">
385385
<h2>Large Billboard</h2>
@@ -566,54 +566,58 @@ <h4>Billboard Styles</h4>
566566
</table>
567567
</div>
568568
<div class="content">
569-
<div class="billboard small primary">
570-
<div class="body">
571-
<h5>Primary Billboard</h5>
572-
<p>
573-
Lorem ipsum dolor sit amet, vel no mentitum delicatissimi, adhuc rebum sadipscing in ius, mea ad cibo
574-
laboramus. Est cu nisl regione assueverit. Pri in sale volumus, saepe phaedrum qui ad. Iisque hendrerit
575-
at duo, ludus utinam nonumes sit an, ne mandamus inimicus rationibus usu. Te mea tempor alterum. At quis
576-
magna tamquam mea, soleat comprehensam definitionem mel at, ex vis zril mnesarchum.
577-
</p>
569+
<div class="row">
570+
<div class="col-sm-16 col-xs-16 col-lg-8">
571+
<div class="billboard small primary">
572+
<div class="body">
573+
<h5>Primary Billboard</h5>
574+
<p>
575+
Lorem ipsum dolor sit amet, vel no mentitum delicatissimi, adhuc rebum sadipscing in ius, mea ad cibo
576+
laboramus. Est cu nisl regione assueverit. Pri in sale volumus, saepe phaedrum qui ad. Iisque hendrerit
577+
at duo, ludus utinam nonumes sit an, ne mandamus inimicus rationibus usu. Te mea tempor alterum. At quis
578+
magna tamquam mea, soleat comprehensam definitionem mel at, ex vis zril mnesarchum.
579+
</p>
580+
</div>
581+
</div>
578582
</div>
579-
</div>
580-
</div>
581-
<div class="content">
582-
<div class="billboard small success">
583-
<div class="body">
584-
<h5>Success Billboard</h5>
585-
<p>
586-
Lorem ipsum dolor sit amet, vel no mentitum delicatissimi, adhuc rebum sadipscing in ius, mea ad cibo
587-
laboramus. Est cu nisl regione assueverit. Pri in sale volumus, saepe phaedrum qui ad. Iisque hendrerit
588-
at duo, ludus utinam nonumes sit an, ne mandamus inimicus rationibus usu. Te mea tempor alterum. At quis
589-
magna tamquam mea, soleat comprehensam definitionem mel at, ex vis zril mnesarchum.
590-
</p>
583+
<div class="col-sm-16 col-xs-16 col-lg-8">
584+
<div class="billboard small success">
585+
<div class="body">
586+
<h5>Success Billboard</h5>
587+
<p>
588+
Lorem ipsum dolor sit amet, vel no mentitum delicatissimi, adhuc rebum sadipscing in ius, mea ad cibo
589+
laboramus. Est cu nisl regione assueverit. Pri in sale volumus, saepe phaedrum qui ad. Iisque hendrerit
590+
at duo, ludus utinam nonumes sit an, ne mandamus inimicus rationibus usu. Te mea tempor alterum. At quis
591+
magna tamquam mea, soleat comprehensam definitionem mel at, ex vis zril mnesarchum.
592+
</p>
593+
</div>
594+
</div>
591595
</div>
592-
</div>
593-
</div>
594-
<div class="content">
595-
<div class="billboard small warning">
596-
<div class="body">
597-
<h5>Warning Billboard</h5>
598-
<p>
599-
Lorem ipsum dolor sit amet, vel no mentitum delicatissimi, adhuc rebum sadipscing in ius, mea ad cibo
600-
laboramus. Est cu nisl regione assueverit. Pri in sale volumus, saepe phaedrum qui ad. Iisque hendrerit
601-
at duo, ludus utinam nonumes sit an, ne mandamus inimicus rationibus usu. Te mea tempor alterum. At quis
602-
magna tamquam mea, soleat comprehensam definitionem mel at, ex vis zril mnesarchum.
603-
</p>
596+
<div class="col-sm-16 col-xs-16 col-lg-8">
597+
<div class="billboard small warning">
598+
<div class="body">
599+
<h5>Warning Billboard</h5>
600+
<p>
601+
Lorem ipsum dolor sit amet, vel no mentitum delicatissimi, adhuc rebum sadipscing in ius, mea ad cibo
602+
laboramus. Est cu nisl regione assueverit. Pri in sale volumus, saepe phaedrum qui ad. Iisque hendrerit
603+
at duo, ludus utinam nonumes sit an, ne mandamus inimicus rationibus usu. Te mea tempor alterum. At quis
604+
magna tamquam mea, soleat comprehensam definitionem mel at, ex vis zril mnesarchum.
605+
</p>
606+
</div>
607+
</div>
604608
</div>
605-
</div>
606-
</div>
607-
<div class="content">
608-
<div class="billboard small error">
609-
<div class="body">
610-
<h5>Error Billboard</h5>
611-
<p>
612-
Lorem ipsum dolor sit amet, vel no mentitum delicatissimi, adhuc rebum sadipscing in ius, mea ad cibo
613-
laboramus. Est cu nisl regione assueverit. Pri in sale volumus, saepe phaedrum qui ad. Iisque hendrerit
614-
at duo, ludus utinam nonumes sit an, ne mandamus inimicus rationibus usu. Te mea tempor alterum. At quis
615-
magna tamquam mea, soleat comprehensam definitionem mel at, ex vis zril mnesarchum.
616-
</p>
609+
<div class="col-sm-16 col-xs-16 col-lg-8">
610+
<div class="billboard small error">
611+
<div class="body">
612+
<h5>Error Billboard</h5>
613+
<p>
614+
Lorem ipsum dolor sit amet, vel no mentitum delicatissimi, adhuc rebum sadipscing in ius, mea ad cibo
615+
laboramus. Est cu nisl regione assueverit. Pri in sale volumus, saepe phaedrum qui ad. Iisque hendrerit
616+
at duo, ludus utinam nonumes sit an, ne mandamus inimicus rationibus usu. Te mea tempor alterum. At quis
617+
magna tamquam mea, soleat comprehensam definitionem mel at, ex vis zril mnesarchum.
618+
</p>
619+
</div>
620+
</div>
617621
</div>
618622
</div>
619623
</div>

‎docs/components/card.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -809,7 +809,7 @@ <h4 class="bordered">
809809
<p>
810810
Just add the <code>.horizontal</code> class to <code>.card</code> container class.
811811
</p>
812-
<div class="alert">
812+
<div class="alert center align">
813813
<code>.title</code>, <code>.subtitle</code> and <code>.description</code> classes should be used in <code>.body</code> container class for horizontal cards.
814814
</div>
815815

‎docs/components/menu.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -211,8 +211,9 @@ <h1>Menu</h1>
211211
</div>
212212
</div>
213213
</div>
214+
214215
<div class="panel shadowless borderless">
215-
<div class="content">
216+
<div class="content bg-grid">
216217
<div class="row">
217218
<div class="col-sm-16 col-xs-16 col-lg-5">
218219
<div class="menu">

0 commit comments

Comments
 (0)