Skip to content

Commit 3941276

Browse files
UnderlineWordsUnderlineWords
committed
upgraded fully core and optimized
1 parent 94b3412 commit 3941276

73 files changed

Lines changed: 671 additions & 444 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎src/Components/Alert/Alert.scss‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,14 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENTS : ALERT
3-
/////////////////////////////////////////////////////////
41
///
5-
/// if alert is enable
2+
/// Punica CSS Framework
3+
/// Components : Alert
64
///
5+
6+
@use "../../_global/_getters" as *;
7+
@use "../../_themes/_getters" as *;
8+
@use "../../_themes/_setters" as *;
9+
@use "variables";
10+
11+
/// if alert is enable
712
@if options('alert', 'enable') {
813
.#{class('alert', 'name')} {
914
@include set-style(theme('color', 'background'), theme('color', 'text')) {
@@ -35,7 +40,7 @@
3540
/// STYLES
3641
///
3742
@if options('alert', 'features', 'styles') {
38-
@each $style-name, $bg-color in $alert-styles {
43+
@each $style-name, $bg-color in variables.$styles {
3944
@include set-style($bg-color, theme('color', 'negative'), $style-name) {
4045
border-color: darken($bg-color, 5%);
4146
};
@@ -45,7 +50,7 @@
4550
/// SIZES
4651
///
4752
@if options('alert', 'features', 'sizes') {
48-
@each $size-name, $font-size, $padding in $alert-sizes {
53+
@each $size-name, $font-size, $padding in variables.$sizes {
4954
@include set-size($font-size, $padding, $size-name);
5055
}
5156
}

‎src/Components/Alert/variables.scss‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENT : ALERT > VARIABLES
3-
/////////////////////////////////////////////////////////
1+
///
2+
/// Punica CSS Framework
3+
/// Components : Alert -> Variables
4+
///
5+
6+
@use "../../_themes/_getters" as *;
47

58
/// STYLES ==============================================
6-
$alert-styles: (
9+
$styles: (
710
// style name (class), theme variable
811
"primary" : theme('color', 'primary'),
912
"success" : theme('color', 'success'),
@@ -13,7 +16,7 @@ $alert-styles: (
1316
);
1417

1518
/// SIZES ===============================================
16-
$alert-sizes: (
19+
$sizes: (
1720
(
1821
"small", // size name (class)
1922
.749rem, // font-size

‎src/Components/Badge/Badge.scss‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,14 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENTS : BADGE
3-
/////////////////////////////////////////////////////////
41
///
5-
/// if badge is enable
2+
/// Punica CSS Framework
3+
/// Components : Badge
64
///
5+
6+
@use "../../_global/_getters" as *;
7+
@use "../../_themes/_getters" as *;
8+
@use "../../_themes/_setters" as *;
9+
@use "variables";
10+
11+
/// if badge is enable
712
@if options('badge', 'enable') {
813
.#{class('badge', 'name')} {
914
@include set-style(theme('color', 'secondary'), theme('color', 'text')) {
@@ -21,7 +26,7 @@
2126
/// STYLES
2227
///
2328
@if options('badge', 'features', 'styles') {
24-
@each $name, $bg-color in $badge-styles {
29+
@each $name, $bg-color in variables.$styles {
2530
@include set-style($bg-color, theme('color', 'negative'), $name) {
2631
border-color: darken($bg-color, 6.5%);
2732
};
@@ -31,7 +36,7 @@
3136
/// SIZES
3237
///
3338
@if options('badge', 'features', 'sizes') {
34-
@each $size-name, $font-size, $padding in $badge-sizes {
39+
@each $size-name, $font-size, $padding in variables.$sizes {
3540
@include set-size($font-size, $padding, $size-name);
3641
}
3742
}

‎src/Components/Badge/variables.scss‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENTS : BADGE > VARIABLES
3-
/////////////////////////////////////////////////////////
1+
///
2+
/// Punica CSS Framework
3+
/// Components : Badge -> Variables
4+
///
5+
6+
@use "../../_themes/_getters" as *;
47

58
/// STYLES ==============================================
6-
$badge-styles: (
9+
$styles: (
710
// style name (class), theme variable
811
"primary" : theme('color', 'primary'),
912
"success" : theme('color', 'success'),
@@ -13,7 +16,7 @@ $badge-styles: (
1316
);
1417

1518
/// SIZES ===============================================
16-
$badge-sizes: (
19+
$sizes: (
1720
(
1821
"tiny", // size name (class)
1922
.659rem!important, // font-size

‎src/Components/Billboard/Billboard.scss‎

Lines changed: 27 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,15 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENTS : BILLBOARD
3-
/////////////////////////////////////////////////////////
41
///
5-
/// if billboard is enable
2+
/// Punica CSS Framework
3+
/// Components : Billboard
64
///
5+
6+
@use "../../_global/_getters" as *;
7+
@use "../../_global/mixins" as *;
8+
@use "../../_themes/_getters" as *;
9+
@use "../../_themes/_setters" as *;
10+
@use "variables";
11+
12+
/// if billboard is enable
713
@if options('billboard', 'enable') {
814
.#{class('billboard', 'name')} {
915
@include set-style(theme('color', 'background'), theme('color', 'text')) {
@@ -19,7 +25,7 @@
1925
/// STYLES
2026
///
2127
@if options('billboard', 'features', 'styles') {
22-
@each $style-name, $bg-color in $billboard-styles {
28+
@each $style-name, $bg-color in variables.$styles {
2329
@include set-style($bg-color, theme('color', 'negative'), $style-name) {
2430
border-color: darken($bg-color, 4.5%);
2531
};
@@ -29,7 +35,7 @@
2935
/// SIZES
3036
///
3137
@if options('billboard', 'features', 'sizes') {
32-
@each $size-name, $padding, $font-size in $billboard-sizes {
38+
@each $size-name, $padding, $font-size in variables.$sizes {
3339
@include set-size($font-size, $padding, $size-name) {
3440
.#{class('billboard', 'body')} {
3541
padding: $padding;
@@ -50,21 +56,21 @@
5056
justify-content: center;
5157
flex-direction: column;
5258
}
53-
}
54-
///
55-
/// COVER
56-
///
57-
@if options('billboard', 'features', 'cover') {
58-
&.#{class('billboard', 'cover')} {
59-
min-height: 100vh;
60-
max-height: 100%;
61-
min-width: 100%;
62-
border: 0;
63-
background-size: cover;
64-
background-position: center center;
65-
background-repeat: no-repeat;
59+
///
60+
/// COVER
61+
///
62+
@if options('billboard', 'features', 'cover') {
63+
&.#{class('billboard', 'cover')} {
64+
min-height: 100vh;
65+
max-height: 100%;
66+
min-width: 100%;
67+
border: 0;
68+
background-size: cover;
69+
background-position: center center;
70+
background-repeat: no-repeat;
71+
}
6672
}
67-
}
73+
}
6874
///
6975
///
7076
///
@@ -84,7 +90,7 @@
8490
/// SIZES
8591
///
8692
@if options('billboard', 'features', 'sizes') {
87-
@each $size, $padding, $font-size in $billboard-responsive-sizes {
93+
@each $size, $padding, $font-size in variables.$responsive-sizes {
8894
&.#{$size} {
8995
padding: $padding;
9096
.#{class('billboard', 'body')} {

‎src/Components/Billboard/variables.scss‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > ELEMENTS : BILLBOARD > VARIABLES
3-
/////////////////////////////////////////////////////////
1+
///
2+
/// Punica CSS Framework
3+
/// Components : Billboard -> Variables
4+
///
5+
6+
@use "../../_themes/_getters" as *;
47

58
/// STYLES ==============================================
6-
$billboard-styles: (
9+
$styles: (
710
// style name (class), theme variable
811
"primary" : theme('color', 'primary'),
912
"success" : theme('color', 'success'),
@@ -13,7 +16,7 @@ $billboard-styles: (
1316
);
1417

1518
/// SIZES ===============================================
16-
$billboard-sizes: (
19+
$sizes: (
1720
(
1821
"small", // size name (class)
1922
2.5rem 1.5rem, // padding
@@ -25,7 +28,7 @@ $billboard-sizes: (
2528
1.6em // font-size
2629
)
2730
);
28-
$billboard-responsive-sizes : (
31+
$responsive-sizes: (
2932
(
3033
"small", // size name (class)
3134
1rem, // padding

‎src/Components/Breadcrumb/Breadcrumb.scss‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,15 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENTS : BREADCRUMB
3-
/////////////////////////////////////////////////////////
41
///
5-
/// if breadcrumb is enable
2+
/// Punica CSS Framework
3+
/// Components : Breadcrumb
64
///
5+
6+
@use "../../_global/_getters" as *;
7+
@use "../../_global/mixins" as *;
8+
@use "../../_themes/_getters" as *;
9+
@use "../../_themes/_setters" as *;
10+
@use "variables";
11+
12+
/// if breadcrumb is enable
713
@if options('breadcrumb', 'enable') {
814
.#{class('breadcrumb', 'name')} {
915
display: inline-block;
@@ -41,7 +47,7 @@
4147
///
4248
@if options('breadcrumb', 'features', 'sizes') {
4349
// size, font-size, seperator-padding, seperator-size
44-
@each $size, $font-size, $seperator-padding, $seperator-size in $breadcrumb-sizes {
50+
@each $size, $font-size, $seperator-padding, $seperator-size in variables.$sizes {
4551
&.#{$size} {
4652
.#{class('breadcrumb', 'item')} {
4753
font-size: $font-size;

‎src/Components/Breadcrumb/variables.scss‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENTS : BREADCRUMB > VARIABLES
3-
/////////////////////////////////////////////////////////
1+
///
2+
/// Punica CSS Framework
3+
/// Components : Breadcrumb -> Variables
4+
///
45

56
/// SIZES ===============================================
6-
$breadcrumb-sizes: (
7+
$sizes: (
78
(
89
'small', // size name (class)
910
.9589em, // font-size

‎src/Components/Card/Card.scss‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,17 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENTS : CARD
3-
/////////////////////////////////////////////////////////
41
///
5-
/// if card is enable
2+
/// Punica CSS Framework
3+
/// Components : Card
64
///
5+
6+
@use "../../_global/_getters" as *;
7+
@use "../../_global/mixins" as *;
8+
@use "../../_global/variables" as *;
9+
@use "../../_themes/_getters" as *;
10+
@use "../../_themes/_setters" as *;
11+
@use "../../Elements/Typography/variables" as *;
12+
@use "variables";
13+
14+
/// if card is enable
715
@if options('card', 'enable') {
816
.#{class('card', 'cards')} {
917
display: flex;

‎src/Components/Card/variables.scss‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1-
/////////////////////////////////////////////////////////
2-
/// PUNICA CSS > COMPONENTS : CARD > VARIABLES
3-
/////////////////////////////////////////////////////////
1+
///
2+
/// Punica CSS Framework
3+
/// Components : Card -> Variables
4+
///
5+

0 commit comments

Comments
 (0)