Menu icon Foundation

Designer

My Posts



My Comments

idecchi commented on idecchi's post about 1 year

Hi Rafi,
That's more simple and easier.Thank you for your advice!

idecchi commented on Robocop's post about 1 year

Same problem here.
My SCSS version of foundation 6.4 for sites installed with npm is also missing source map file. I'm using chrome and it shows the source map for the webpage that I created without your framework. But the one that I'm creating with Foundation does not show it.
I'm new to gulp and npm stuffs but am I supposed to install it via gulp or something?

idecchi commented on idecchi's post about 1 year

I think getting this.So this can be done by including SCSS mixins to a custom class I made.
HTML
<section class="myComponent">
<div class="myComponent-section">
<div class="image">
<img src="assets/img/1x/user-ss-01.jpg" alt="">
</div>
</div>
<div class="myComponent-section">
<h3 class="company">Company A</h3>
<p class="information">Some cool texts about this company.</p>
</div>
</section>
SCSS
.myComponent{
// Media object layout.
@include breakpoint(small only) {
@include media-object-container;
}
// Card layout.
@include breakpoint(medium) {
@include card-container;
}
}

.myComponent-section {
// Media object layout.
@include breakpoint(small only) {
@include media-object-section();
}
// Card layout
@include breakpoint(medium) {
@include card-section;
@include xy-cell(); // I haven't tested this yet tho.
}
}
If anyone knows better method than this, I would love to learn.

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on idecchi's post about 1 year

Hi Rafi,
That's more simple and easier.Thank you for your advice!

You commented on Robocop's post about 1 year

Same problem here.
My SCSS version of foundation 6.4 for sites installed with npm is also missing source map file. I'm using chrome and it shows the source map for the webpage that I created without your framework. But the one that I'm creating with Foundation does not show it.
I'm new to gulp and npm stuffs but am I supposed to install it via gulp or something?

You commented on idecchi's post about 1 year

I think getting this.So this can be done by including SCSS mixins to a custom class I made.
HTML
<section class="myComponent">
<div class="myComponent-section">
<div class="image">
<img src="assets/img/1x/user-ss-01.jpg" alt="">
</div>
</div>
<div class="myComponent-section">
<h3 class="company">Company A</h3>
<p class="information">Some cool texts about this company.</p>
</div>
</section>
SCSS
.myComponent{
// Media object layout.
@include breakpoint(small only) {
@include media-object-container;
}
// Card layout.
@include breakpoint(medium) {
@include card-container;
}
}

.myComponent-section {
// Media object layout.
@include breakpoint(small only) {
@include media-object-section();
}
// Card layout
@include breakpoint(medium) {
@include card-section;
@include xy-cell(); // I haven't tested this yet tho.
}
}
If anyone knows better method than this, I would love to learn.

Posts Followed


Following

  • No Content

Followers

  • No Content