Skip to content

Commit c29c85b

Browse files
UnderlineWordsUnderlineWords
committed
Fixed font-weight of buttons
1 parent 5fb090b commit c29c85b

File tree

4 files changed

+31
-31
lines changed

4 files changed

+31
-31
lines changed

‎dist/punica.css

+15-15
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700;900&display=swap);*, *:after, *:before {
1+
@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;900&display=swap);*, *:after, *:before {
22
-webkit-box-sizing: inherit;
33
box-sizing: inherit;
44
}
@@ -4252,7 +4252,7 @@ a.button, .button {
42524252
display: inline-flex;
42534253
font-family: "Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
42544254
font-size: 1em;
4255-
font-weight: 400;
4255+
font-weight: 600;
42564256
text-decoration: none;
42574257
white-space: nowrap;
42584258
outline: none;
@@ -4500,25 +4500,25 @@ a.button.link.invert .button, a.button.link.invert i, a.button.link.invert [clas
45004500
a.button.mini, .button.mini {
45014501
font-size: .909em;
45024502
padding: 0.445rem 0.9rem;
4503-
font-weight: 400;
4503+
font-weight: 600;
45044504
}
45054505

45064506
a.button.small, .button.small {
45074507
font-size: .979em;
45084508
padding: 0.645rem 1.4rem;
4509-
font-weight: 400;
4509+
font-weight: 600;
45104510
}
45114511

45124512
a.button.large, .button.large {
45134513
font-size: 1.25em;
45144514
padding: 1.15rem 2.1rem;
4515-
font-weight: 400;
4515+
font-weight: 600;
45164516
}
45174517

45184518
a.button.huge, .button.huge {
45194519
font-size: 1.45em;
45204520
padding: 1.3rem 2.4rem;
4521-
font-weight: 400;
4521+
font-weight: 600;
45224522
}
45234523

45244524
a.button.block, .button.block {
@@ -4640,25 +4640,25 @@ a.button.secondary:focus i, a.button.secondary:focus [class^="material-icons"],
46404640
.buttons.mini > .button, .buttons.mini > .dropdown > .button {
46414641
font-size: .909em;
46424642
padding: 0.445rem 0.9rem;
4643-
font-weight: 400;
4643+
font-weight: 600;
46444644
}
46454645

46464646
.buttons.small > .button, .buttons.small > .dropdown > .button {
46474647
font-size: .979em;
46484648
padding: 0.645rem 1.4rem;
4649-
font-weight: 400;
4649+
font-weight: 600;
46504650
}
46514651

46524652
.buttons.large > .button, .buttons.large > .dropdown > .button {
46534653
font-size: 1.25em;
46544654
padding: 1.15rem 2.1rem;
4655-
font-weight: 400;
4655+
font-weight: 600;
46564656
}
46574657

46584658
.buttons.huge > .button, .buttons.huge > .dropdown > .button {
46594659
font-size: 1.45em;
46604660
padding: 1.3rem 2.4rem;
4661-
font-weight: 400;
4661+
font-weight: 600;
46624662
}
46634663

46644664
.buttons.primary > .button, .buttons.primary > .dropdown > .button {
@@ -4906,25 +4906,25 @@ a.button.secondary:focus i, a.button.secondary:focus [class^="material-icons"],
49064906
.dropdown.mini > .button, .dropdown.mini > .dropdown > .button {
49074907
font-size: .909em;
49084908
padding: 0.445rem 0.9rem;
4909-
font-weight: 400;
4909+
font-weight: 600;
49104910
}
49114911

49124912
.dropdown.small > .button, .dropdown.small > .dropdown > .button {
49134913
font-size: .979em;
49144914
padding: 0.645rem 1.4rem;
4915-
font-weight: 400;
4915+
font-weight: 600;
49164916
}
49174917

49184918
.dropdown.large > .button, .dropdown.large > .dropdown > .button {
49194919
font-size: 1.25em;
49204920
padding: 1.15rem 2.1rem;
4921-
font-weight: 400;
4921+
font-weight: 600;
49224922
}
49234923

49244924
.dropdown.huge > .button, .dropdown.huge > .dropdown > .button {
49254925
font-size: 1.45em;
49264926
padding: 1.3rem 2.4rem;
4927-
font-weight: 400;
4927+
font-weight: 600;
49284928
}
49294929

49304930
input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], input[type='week'], input[type='file'], input:not([type]), textarea, select {
@@ -5073,7 +5073,7 @@ input:disabled {
50735073
height: 2.5rem;
50745074
font-size: 1em;
50755075
padding: 0.935rem 1.6rem;
5076-
font-weight: 400;
5076+
font-weight: 600;
50775077
}
50785078

50795079
.form .group > .button:first-child, .form .item > .group > .button:first-child {

‎dist/punica.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/Elements/Button/variables.scss

+5-5
Original file line numberDiff line numberDiff line change
@@ -26,10 +26,10 @@ $menu-secondary : 'secondary';
2626
SIZES ************************************************/
2727
// name, font-size, padding, font-weight
2828
$button-sizes: (
29-
("mini", .909em, .445rem .9rem, 400),
30-
("small", .979em, .645rem 1.4rem, 400),
31-
("large", 1.25em, 1.15rem 2.1rem, 400),
32-
("huge", 1.45em, 1.3rem 2.4rem, 400)
29+
("mini", .909em, .445rem .9rem, 600),
30+
("small", .979em, .645rem 1.4rem, 600),
31+
("large", 1.25em, 1.15rem 2.1rem, 600),
32+
("huge", 1.45em, 1.3rem 2.4rem, 600)
3333
);
3434
/*****************************************************
3535
STYLES ***********************************************/
@@ -64,7 +64,7 @@ $button-icon-color : $button-text-color;
6464
$button-icon-shadow : none;
6565
/* Line Height & Weight */
6666
$button-line-height : 1;
67-
$button-font-weight : 400; // default button
67+
$button-font-weight : 600; // default button
6868
/* Border */
6969
$button-border-width : 1px;
7070
$button-border-color : #ccc;

‎src/_global/variables.scss

+10-10
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
/*****************************************************
22
*** GLOBAL DEFINITIONS ******************************/
33

4-
/*****************************************************
4+
/*****************************************************
55
FONT *************************************************/
6-
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700;900&display=swap');
7-
/*****************************************************
6+
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;900&display=swap');
7+
/*****************************************************
88
TYPOGRAPHY *******************************************/
99
$main-font-family : 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
1010
$main-font-weight : 400;
1111
$main-font-size : 13px;
1212
$main-line-height : 1.7;
1313
$main-title-weight : 900;
1414

15-
/*****************************************************
15+
/*****************************************************
1616
BASE COLORS ******************************************/
1717
$main-bg : white;
1818
$main-secondary-bg : #e6e6e6; // Platinum
@@ -23,28 +23,28 @@ $main-dark-color : #414552; // Charcoal
2323
$main-striped-bg : #f0f0f0; // Cultured
2424
$main-hovered-bg : $main-striped-bg;
2525

26-
/*****************************************************
26+
/*****************************************************
2727
THEME COLORS *****************************************/
2828
$primary-color : #0a8fff; // Dodger Blue
2929
$success-color : #2ec4b6; // Tiffany Blue
3030
$warning-color : #de9e36; // Marigold
3131
$error-color : #d62828; // Maximum Red
3232

33-
/*****************************************************
33+
/*****************************************************
3434
BORDER ***********************************************/
3535
$main-border-width : 1px;
3636
$main-border-style : solid;
3737
$main-border-color : #c6c6c6; // Silver Sand
3838
$main-border-radius : 4px;
3939

40-
/*****************************************************
40+
/*****************************************************
4141
SCROLLBAR ********************************************/
4242
$scrollbar-width : 4px;
4343
$scrollbar-bg : $main-secondary-bg;
4444
$scrollbar-color : $main-dark-color;
4545

46-
/*****************************************************
47-
MAIN GRID NAMING
46+
/*****************************************************
47+
MAIN GRID NAMING
4848
It is used in card and form.
4949
******************************************************/
5050
$grids: (
@@ -64,4 +64,4 @@ $grids: (
6464
"fourteen": "14",
6565
"fifteen": "15",
6666
"sixteen": "16"
67-
);
67+
);

0 commit comments

Comments
 (0)