Skip to content

Commit b396109

Browse files
UnderlineWordsUnderlineWords
committed
Updated docs and core files
1 parent cd0518b commit b396109

File tree

7 files changed

+30
-37
lines changed

7 files changed

+30
-37
lines changed

‎dist/punica.css‎

Lines changed: 6 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5867,21 +5867,16 @@ a.label > i, a.label > .material-icons, .label > i, .label > .material-icons {
58675867
.breadcrumb a.item, .breadcrumb .item {
58685868
text-decoration: none;
58695869
font-size: inherit;
5870-
color: #0a8fff;
58715870
}
58725871

58735872
.breadcrumb a.item:focus, .breadcrumb a.item:hover, .breadcrumb a.item:active, .breadcrumb a.item.active, .breadcrumb .item:focus, .breadcrumb .item:hover, .breadcrumb .item:active, .breadcrumb .item.active {
58745873
color: #007ae0;
58755874
}
58765875

5877-
.breadcrumb a.item:visited, .breadcrumb .item:visited {
5878-
color: #0a8fff;
5879-
}
5880-
58815876
.breadcrumb a.item::after, .breadcrumb .item::after {
58825877
font-family: 'Material Icons';
58835878
content: "keyboard_arrow_right";
5884-
color: #000;
5879+
color: #007ae0;
58855880
padding: 0 0.25em;
58865881
vertical-align: middle;
58875882
font-size: 1.4rem;
@@ -5892,7 +5887,7 @@ a.label > i, a.label > .material-icons, .label > i, .label > .material-icons {
58925887
}
58935888

58945889
.breadcrumb a.item.active, .breadcrumb .item.active {
5895-
color: #3f4143;
5890+
color: #007ae0;
58965891
font-weight: bold;
58975892
}
58985893

@@ -5910,12 +5905,12 @@ a.label > i, a.label > .material-icons, .label > i, .label > .material-icons {
59105905
}
59115906

59125907
.breadcrumb.large .item {
5913-
font-size: 1.1rem;
5908+
font-size: 1.18em;
59145909
}
59155910

59165911
.breadcrumb.large .item::after {
5917-
padding: .45em;
5918-
font-size: 1.8rem;
5912+
padding: .18em;
5913+
font-size: 1.7rem;
59195914
}
59205915

59215916
@media only screen and (max-width: 768px) {
@@ -6077,7 +6072,7 @@ a.label > i, a.label > .material-icons, .label > i, .label > .material-icons {
60776072
-webkit-box-direction: normal;
60786073
-ms-flex-direction: column;
60796074
flex-direction: column;
6080-
width: calc(33% - (2 * 10px));
6075+
width: 240px;
60816076
height: 100%;
60826077
overflow: hidden;
60836078
}

‎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/tabnav.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -213,7 +213,7 @@
213213
<div class="content">
214214
<div class="tab">
215215
<div class="button">Item</div>
216-
<div class="button active">Active</div>
216+
<div class="button active">Active <span class="badge small primary ml-10">45</span></div>
217217
<div class="button disabled">Disabled</div>
218218
<div class="spacer"></div>
219219
<div class="button">
@@ -236,7 +236,7 @@
236236
<div class="content">
237237
<div class="tab success">
238238
<div class="button">Item</div>
239-
<div class="button active">Active</div>
239+
<div class="button active">Active <span class="badge small success ml-10">45</span></div>
240240
<div class="button disabled">Disabled</div>
241241
<div class="spacer"></div>
242242
<div class="button">

‎src/Components/Breadcrumb/Breadcrumb.scss‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*****************************************************
1+
/*****************************************************
22
PUNICA CSS > COMPONENTS : BREADCRUMB *****************/
33

44
// if breadcrumb is enable
@@ -10,15 +10,11 @@ PUNICA CSS > COMPONENTS : BREADCRUMB *****************/
1010
.#{$breadcrumb-item} {
1111
text-decoration: none;
1212
font-size: inherit;
13-
color: $primary-color;
1413
&:focus,
1514
&:hover,
1615
&:active,
1716
&.active {
18-
color: darken($primary-color, 8%);
19-
}
20-
&:visited {
21-
color: $primary-color;
17+
color: $breadcrumb-active-color;
2218
}
2319
&::after {
2420
font-family: 'Material Icons';
@@ -32,7 +28,7 @@ PUNICA CSS > COMPONENTS : BREADCRUMB *****************/
3228
margin-left: 0;
3329
}
3430
&.#{$breadcrumb-active} {
35-
color: $main-font-color;
31+
color: $breadcrumb-active-color;
3632
font-weight: bold;
3733
&::after {
3834
content: none;
@@ -63,4 +59,4 @@ PUNICA CSS > COMPONENTS : BREADCRUMB *****************/
6359
}
6460
}
6561
}
66-
}
62+
}

‎src/Components/Breadcrumb/variables.scss‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*****************************************************
1+
/*****************************************************
22
PUNICA CSS > COMPONENTS : BREADCRUMB > VARIABLES *****/
33

44
/*****************************************************
@@ -12,18 +12,19 @@ SIZES ************************************************/
1212
// name, font-size, seperator-padding, seperator-size
1313
$breadcrumb-sizes : (
1414
('small', .9589em, .15em, 1.25rem),
15-
('large', 1.1rem, .45em, 1.8rem)
15+
('large', 1.18em, .18em, 1.7rem)
1616
);
1717

18-
/*****************************************************
18+
/*****************************************************
1919
PREFERENCES ******************************************/
20+
$breadcrumb-active-color : darken($primary-color, 8%);
2021
/* Seperator */
2122
$breadcrumb-seperator : 'keyboard_arrow_right'; // [1]
22-
$breadcrumb-seperator-color : black;
23-
$breadcrumb-seperator-padding : 0 .25em;
23+
$breadcrumb-seperator-color : $breadcrumb-active-color;
24+
$breadcrumb-seperator-padding : 0 .25em; // default padding
2425
$breadcrumb-seperator-vertical : middle;
25-
$breadcrumb-seperator-size : 1.4rem;
26-
/*
26+
$breadcrumb-seperator-size : 1.4rem; // default size
27+
/*
2728
REFERENCES ******************************************
2829
[1] https://material.io/resources/icons/
2930
*****************************************************/

‎src/Components/Card/Card.scss‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*****************************************************
1+
/*****************************************************
22
PUNICA CSS > COMPONENTS : CARD ***********************/
33

44
// if card is enable
@@ -20,10 +20,10 @@ PUNICA CSS > COMPONENTS : CARD ***********************/
2020
background: $card-bg;
2121
border: $main-border-width $main-border-style $main-border-color;
2222
border-radius: $main-border-radius;
23-
@include shadow()
23+
@include shadow();
2424
display: flex;
2525
flex-direction: column;
26-
width: calc(33% - (2 * #{$card-margin}));
26+
width: $card-default-width; // for only a single card
2727
height: 100%;
2828
overflow: hidden;
2929
>.#{$card-body} .#{$card-title},
@@ -79,7 +79,7 @@ PUNICA CSS > COMPONENTS : CARD ***********************/
7979
.#{$card-name},
8080
.#{$cards-name} > .#{$card-name} {
8181
flex: 0 0 100% !important;
82-
width: 100%; // for single card
82+
width: 100%; // for only a single card
8383
}
8484
@if $components-card-horizontal {
8585
.#{$card-name}.#{$card-horizontal} {
@@ -90,4 +90,4 @@ PUNICA CSS > COMPONENTS : CARD ***********************/
9090
}
9191
}
9292
}
93-
}
93+
}

‎src/Components/Card/variables.scss‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*****************************************************
1+
/*****************************************************
22
PUNICA CSS > COMPONENTS : CARD > VARIABLES ***********/
33

44
/*****************************************************
@@ -13,8 +13,9 @@ $card-media : 'media';
1313
$card-horizontal : 'horizontal';
1414
$card-action : 'actions';
1515

16-
/*****************************************************
16+
/*****************************************************
1717
PREFERENCES ******************************************/
1818
$card-bg : #fff;
1919
$card-padding : 16px;
20-
$card-margin : 10px;
20+
$card-margin : 10px;
21+
$card-default-width : 240px; // for only a single card

0 commit comments

Comments
 (0)