Menu icon Foundation

My Posts


My Comments

Denes Dosa commented on Denes Dosa's post about 5 years

breaking news!
With the new version 5.2.2 works properly.
:)

Denes Dosa commented on Denes Dosa's post about 5 years

I added a new screenhot with normal grid.

Denes Dosa commented on Denes Dosa's post about 5 years

Hi Alexander!
Thank you for uploading these images.
I see that the borders are correct on your version, but in RTL mode the order of the items also should change. I mean that the first 'fds' item (top left) should be on the top right in RTL mode, as on my screenshot (ITEM1).
With Foundation column grid works properly that way.

i think your declaration ($text-direction: rtl !default;) get override somewhere later in SCSS, thatswhy you have correct margins.

Denes Dosa commented on Denes Dosa's post about 5 years

I thought you tried it.

Denes Dosa commented on Denes Dosa's post about 5 years

Can you please attach a screenshot with a 2 column block grid in small view with coloured backgrounds? Otherwise I cant really understand it.
Putting this into the settings is simply not enough
$text-direction: rtl !default;

Denes Dosa commented on Denes Dosa's post about 5 years

I can't really believe it, sorry.
block grid does not use $opposite-direction and $default-float variables

Thatswhy both rendered CSS is the same.

LTR
.small-block-grid-2 > li:nth-child(2n+1) {
padding-left: 0rem;
padding-right: 0.75rem; }
.small-block-grid-2 > li:nth-child(2n) {
padding-left: 0.75rem;
padding-right: 0rem; }

RTL
.small-block-grid-2 > li:nth-child(2n+1) {
padding-left: 0rem;
padding-right: 0.75rem; }
.small-block-grid-2 > li:nth-child(2n) {
padding-left: 0.75rem;
padding-right: 0rem; }

I think it should be like this in SCSS, to get it work properly >

.small-block-grid-2 > li:nth-child(2n+1) {
  padding-#{$default-float}: 0rem;
  padding-#{$opposite-direction}: 0.9375rem; }
.small-block-grid-2 > li:nth-child(2n) {
  padding-#{$default-float}: 0.9375rem;
  padding-#{$opposite-direction}: 0rem; }

Denes Dosa commented on Denes Dosa's post about 5 years

Yes of course.
I tried 2 ways.
Once using SCSS which you mentioned, second is by downloading the normal CSS version from the download page with RTL option selected.
None of them works properly by default.
I think this feature (block-grid) is simply missing from Foundation RTL.

Denes Dosa commented on Denes Dosa's post about 5 years

I have to use RTL, because it is a multilanguage site with some RTL languages and RTL requirements.
I thought that the elements works properly with RTL too in Foundation, I mean out of the box.

Posts Followed

No Content

Following

    No Content

Followers

My Posts


My Comments

You commented on Denes Dosa's post about 5 years

breaking news!
With the new version 5.2.2 works properly.
:)

You commented on Denes Dosa's post about 5 years

I added a new screenhot with normal grid.

You commented on Denes Dosa's post about 5 years

Hi Alexander!
Thank you for uploading these images.
I see that the borders are correct on your version, but in RTL mode the order of the items also should change. I mean that the first 'fds' item (top left) should be on the top right in RTL mode, as on my screenshot (ITEM1).
With Foundation column grid works properly that way.

i think your declaration ($text-direction: rtl !default;) get override somewhere later in SCSS, thatswhy you have correct margins.

You commented on Denes Dosa's post about 5 years

I thought you tried it.

You commented on Denes Dosa's post about 5 years

Can you please attach a screenshot with a 2 column block grid in small view with coloured backgrounds? Otherwise I cant really understand it.
Putting this into the settings is simply not enough
$text-direction: rtl !default;

You commented on Denes Dosa's post about 5 years

I can't really believe it, sorry.
block grid does not use $opposite-direction and $default-float variables

Thatswhy both rendered CSS is the same.

LTR
.small-block-grid-2 > li:nth-child(2n+1) {
padding-left: 0rem;
padding-right: 0.75rem; }
.small-block-grid-2 > li:nth-child(2n) {
padding-left: 0.75rem;
padding-right: 0rem; }

RTL
.small-block-grid-2 > li:nth-child(2n+1) {
padding-left: 0rem;
padding-right: 0.75rem; }
.small-block-grid-2 > li:nth-child(2n) {
padding-left: 0.75rem;
padding-right: 0rem; }

I think it should be like this in SCSS, to get it work properly >

.small-block-grid-2 > li:nth-child(2n+1) {
  padding-#{$default-float}: 0rem;
  padding-#{$opposite-direction}: 0.9375rem; }
.small-block-grid-2 > li:nth-child(2n) {
  padding-#{$default-float}: 0.9375rem;
  padding-#{$opposite-direction}: 0rem; }

You commented on Denes Dosa's post about 5 years

Yes of course.
I tried 2 ways.
Once using SCSS which you mentioned, second is by downloading the normal CSS version from the download page with RTL option selected.
None of them works properly by default.
I think this feature (block-grid) is simply missing from Foundation RTL.

You commented on Denes Dosa's post about 5 years

I have to use RTL, because it is a multilanguage site with some RTL languages and RTL requirements.
I thought that the elements works properly with RTL too in Foundation, I mean out of the box.

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content