@rolster/styles-foundations 2.6.4 → 2.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/styles.css +6 -40
  2. package/dist/styles.css.map +1 -1
  3. package/dist/styles.min.css +1 -1
  4. package/dist/styles.rtl.css +6 -40
  5. package/dist/styles.rtl.min.css +1 -1
  6. package/package.json +1 -1
  7. package/scss/foundations/flex-boxs.scss +6 -0
  8. package/scss/utilities/layout.scss +0 -8
package/dist/styles.rtl.css CHANGED
@@ -59,21 +59,27 @@
59
59
  row-gap: 16rem;
60
60
  }
61
61
  .rls-flex-justify-content-start {
62
+ display: flex;
62
63
  justify-content: flex-start;
63
64
  }
64
65
  .rls-flex-justify-content-center {
66
+ display: flex;
65
67
  justify-content: center;
66
68
  }
67
69
  .rls-flex-justify-content-end {
70
+ display: flex;
68
71
  justify-content: flex-end;
69
72
  }
70
73
  .rls-flex-aligns-items-start {
74
+ display: flex;
71
75
  align-items: flex-start;
72
76
  }
73
77
  .rls-flex-aligns-items-center {
78
+ display: flex;
74
79
  align-items: center;
75
80
  }
76
81
  .rls-flex-aligns-items-end {
82
+ display: flex;
77
83
  align-items: flex-end;
78
84
  }
79
85
  body {
@@ -3945,8 +3951,6 @@ body {
3945
3951
  gap: var(--rls-sizing-x8);
3946
3952
  }
3947
3953
  .xs-flex-grid-col-4 > * {
3948
- display: flex;
3949
- align-items: flex-start;
3950
3954
  width: calc(25% - var(--flex-grid-4-gap));
3951
3955
  }
3952
3956
  .xs-flex-grid-col-4 > *.xs-flex-col-1 {
@@ -3965,8 +3969,6 @@ body {
3965
3969
  width: 100%;
3966
3970
  }
3967
3971
  .xs-flex-grid-col-6 > * {
3968
- display: flex;
3969
- align-items: flex-start;
3970
3972
  width: calc(16.66% - var(--flex-grid-6-gap));
3971
3973
  }
3972
3974
  .xs-flex-grid-col-6 > *.xs-flex-col-1 {
@@ -3987,8 +3989,6 @@ body {
3987
3989
  width: 100%;
3988
3990
  }
3989
3991
  .xs-flex-grid-col-8 > * {
3990
- display: flex;
3991
- align-items: flex-start;
3992
3992
  width: calc(12.5% - var(--flex-grid-8-gap));
3993
3993
  }
3994
3994
  .xs-flex-grid-col-8 > *.xs-flex-col-1 {
@@ -4011,8 +4011,6 @@ body {
4011
4011
  width: 100%;
4012
4012
  }
4013
4013
  .xs-flex-grid-col-12 > * {
4014
- display: flex;
4015
- align-items: flex-start;
4016
4014
  width: calc(8.33% - var(--flex-grid-12-gap));
4017
4015
  }
4018
4016
  .xs-flex-grid-col-12 > *.xs-flex-col-1 {
@@ -4107,8 +4105,6 @@ body {
4107
4105
  gap: var(--rls-sizing-x8);
4108
4106
  }
4109
4107
  .sm-flex-grid-col-4 > * {
4110
- display: flex;
4111
- align-items: flex-start;
4112
4108
  width: calc(25% - var(--flex-grid-4-gap));
4113
4109
  }
4114
4110
  .sm-flex-grid-col-4 > *.sm-flex-col-1 {
@@ -4127,8 +4123,6 @@ body {
4127
4123
  width: 100%;
4128
4124
  }
4129
4125
  .sm-flex-grid-col-6 > * {
4130
- display: flex;
4131
- align-items: flex-start;
4132
4126
  width: calc(16.66% - var(--flex-grid-6-gap));
4133
4127
  }
4134
4128
  .sm-flex-grid-col-6 > *.sm-flex-col-1 {
@@ -4149,8 +4143,6 @@ body {
4149
4143
  width: 100%;
4150
4144
  }
4151
4145
  .sm-flex-grid-col-8 > * {
4152
- display: flex;
4153
- align-items: flex-start;
4154
4146
  width: calc(12.5% - var(--flex-grid-8-gap));
4155
4147
  }
4156
4148
  .sm-flex-grid-col-8 > *.sm-flex-col-1 {
@@ -4173,8 +4165,6 @@ body {
4173
4165
  width: 100%;
4174
4166
  }
4175
4167
  .sm-flex-grid-col-12 > * {
4176
- display: flex;
4177
- align-items: flex-start;
4178
4168
  width: calc(8.33% - var(--flex-grid-12-gap));
4179
4169
  }
4180
4170
  .sm-flex-grid-col-12 > *.sm-flex-col-1 {
@@ -4270,8 +4260,6 @@ body {
4270
4260
  gap: var(--rls-sizing-x8);
4271
4261
  }
4272
4262
  .md-flex-grid-col-4 > * {
4273
- display: flex;
4274
- align-items: flex-start;
4275
4263
  width: calc(25% - var(--flex-grid-4-gap));
4276
4264
  }
4277
4265
  .md-flex-grid-col-4 > *.md-flex-col-1 {
@@ -4290,8 +4278,6 @@ body {
4290
4278
  width: 100%;
4291
4279
  }
4292
4280
  .md-flex-grid-col-6 > * {
4293
- display: flex;
4294
- align-items: flex-start;
4295
4281
  width: calc(16.66% - var(--flex-grid-6-gap));
4296
4282
  }
4297
4283
  .md-flex-grid-col-6 > *.md-flex-col-1 {
@@ -4312,8 +4298,6 @@ body {
4312
4298
  width: 100%;
4313
4299
  }
4314
4300
  .md-flex-grid-col-8 > * {
4315
- display: flex;
4316
- align-items: flex-start;
4317
4301
  width: calc(12.5% - var(--flex-grid-8-gap));
4318
4302
  }
4319
4303
  .md-flex-grid-col-8 > *.md-flex-col-1 {
@@ -4336,8 +4320,6 @@ body {
4336
4320
  width: 100%;
4337
4321
  }
4338
4322
  .md-flex-grid-col-12 > * {
4339
- display: flex;
4340
- align-items: flex-start;
4341
4323
  width: calc(8.33% - var(--flex-grid-12-gap));
4342
4324
  }
4343
4325
  .md-flex-grid-col-12 > *.md-flex-col-1 {
@@ -4433,8 +4415,6 @@ body {
4433
4415
  gap: var(--rls-sizing-x8);
4434
4416
  }
4435
4417
  .lg-flex-grid-col-4 > * {
4436
- display: flex;
4437
- align-items: flex-start;
4438
4418
  width: calc(25% - var(--flex-grid-4-gap));
4439
4419
  }
4440
4420
  .lg-flex-grid-col-4 > *.lg-flex-col-1 {
@@ -4453,8 +4433,6 @@ body {
4453
4433
  width: 100%;
4454
4434
  }
4455
4435
  .lg-flex-grid-col-6 > * {
4456
- display: flex;
4457
- align-items: flex-start;
4458
4436
  width: calc(16.66% - var(--flex-grid-6-gap));
4459
4437
  }
4460
4438
  .lg-flex-grid-col-6 > *.lg-flex-col-1 {
@@ -4475,8 +4453,6 @@ body {
4475
4453
  width: 100%;
4476
4454
  }
4477
4455
  .lg-flex-grid-col-8 > * {
4478
- display: flex;
4479
- align-items: flex-start;
4480
4456
  width: calc(12.5% - var(--flex-grid-8-gap));
4481
4457
  }
4482
4458
  .lg-flex-grid-col-8 > *.lg-flex-col-1 {
@@ -4499,8 +4475,6 @@ body {
4499
4475
  width: 100%;
4500
4476
  }
4501
4477
  .lg-flex-grid-col-12 > * {
4502
- display: flex;
4503
- align-items: flex-start;
4504
4478
  width: calc(8.33% - var(--flex-grid-12-gap));
4505
4479
  }
4506
4480
  .lg-flex-grid-col-12 > *.lg-flex-col-1 {
@@ -4596,8 +4570,6 @@ body {
4596
4570
  gap: var(--rls-sizing-x8);
4597
4571
  }
4598
4572
  .xl-flex-grid-col-4 > * {
4599
- display: flex;
4600
- align-items: flex-start;
4601
4573
  width: calc(25% - var(--flex-grid-4-gap));
4602
4574
  }
4603
4575
  .xl-flex-grid-col-4 > *.xl-flex-col-1 {
@@ -4616,8 +4588,6 @@ body {
4616
4588
  width: 100%;
4617
4589
  }
4618
4590
  .xl-flex-grid-col-6 > * {
4619
- display: flex;
4620
- align-items: flex-start;
4621
4591
  width: calc(16.66% - var(--flex-grid-6-gap));
4622
4592
  }
4623
4593
  .xl-flex-grid-col-6 > *.xl-flex-col-1 {
@@ -4638,8 +4608,6 @@ body {
4638
4608
  width: 100%;
4639
4609
  }
4640
4610
  .xl-flex-grid-col-8 > * {
4641
- display: flex;
4642
- align-items: flex-start;
4643
4611
  width: calc(12.5% - var(--flex-grid-8-gap));
4644
4612
  }
4645
4613
  .xl-flex-grid-col-8 > *.xl-flex-col-1 {
@@ -4662,8 +4630,6 @@ body {
4662
4630
  width: 100%;
4663
4631
  }
4664
4632
  .xl-flex-grid-col-12 > * {
4665
- display: flex;
4666
- align-items: flex-start;
4667
4633
  width: calc(8.33% - var(--flex-grid-12-gap));
4668
4634
  }
4669
4635
  .xl-flex-grid-col-12 > *.xl-flex-col-1 {