Menu icon Foundation

My Posts







My Comments

James Van Waza commented on James Van Waza's post almost 4 years

@Rafi Benkual I am using equalizer because when I insert the form, the margins are not displaying properly event though I change them again.

I would like the image to be at the top instead of the topbar, so that when the logo is displayed first then the topbar.

See Image 2nd Image Above.

James Van Waza commented on James Van Waza's post almost 4 years

@Rafi Benkual Thanks. I was able to get the SCSS files as well

James Van Waza commented on Terry Potter's post about 4 years

@Terry Potter If everything is successful, please mark the issue as resolved.

James Van Waza commented on Terry Potter's post about 4 years

Hi @Terry Potter Check out the example below

Styling example of the header tags
```HTML

1rem = 16px
h1 {
font-size: 1rem;
}

h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.5rem;
}

h4 {
font-size: 1.75rem;
}

h5 {
font-size: 2rem;
}

h6 {
font-size: 2.25rem;
}

```

James Van Waza commented on James Van Waza's post about 4 years

Hi @Tim Hartwick Thanks.

James Van Waza commented on Terry Potter's post about 4 years

If it has to be HTML then an eaiser way would be to do this

<style>

</style>

Insert all the css in the style tags . The style will then be called by the HTML.

James Van Waza commented on Terry Potter's post about 4 years

Best Way would be to use css.

Example. If it is a h1 tag you want the color to be red, the code would be as follows
HTML
<h1>Foundation Forum</h1>

h1 {color:red;}

If it is a specific h1 tag, you would give it a class, the class name would be used on several other html tags.

Example

<h1 class="title">Foundation 5</h1>
h1.title {color: red;}

James Van Waza commented on James Van Waza's post about 4 years

Rafi,

My error was that File to import not found or unreadable compass/css3. I am able to do compass watch, but when I run grunt, I get the error.

My app.scss file

``'
@import "settings";
@import "foundation";
@import "compass/css3";

/** Proper way to include @fontface using SASS */
@include font-face(AvenirNextCondensed-Bold, fonts/AvenirNextCondensed-Bold);
@include font-face(Avenir-Book, fonts/Avenir-Book);

James Van Waza commented on James Van Waza's post about 4 years

@Tim,

I did the steps, but it looks like it is still a compass issue with grunt, because compass is recognizing the font face, but grunt doesn't. Will have to ask them why the file is not being found.

James Van Waza commented on James Van Waza's post about 4 years

Hi @TimHartwick, The Error is still the same .

Compass is installed as I am able to do compass watch but when I run grunt it says, the file to import not found.

 file to import not found or unreadable: compass/css3

Posts Followed

No Content

Following

    No Content

Followers

My Posts





My Comments

You commented on James Van Waza's post almost 4 years

@Rafi Benkual I am using equalizer because when I insert the form, the margins are not displaying properly event though I change them again.

I would like the image to be at the top instead of the topbar, so that when the logo is displayed first then the topbar.

See Image 2nd Image Above.

You commented on James Van Waza's post almost 4 years

@Rafi Benkual Thanks. I was able to get the SCSS files as well

You commented on Terry Potter's post about 4 years

@Terry Potter If everything is successful, please mark the issue as resolved.

You commented on Terry Potter's post about 4 years

Hi @Terry Potter Check out the example below

Styling example of the header tags
```HTML

1rem = 16px
h1 {
font-size: 1rem;
}

h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.5rem;
}

h4 {
font-size: 1.75rem;
}

h5 {
font-size: 2rem;
}

h6 {
font-size: 2.25rem;
}

```

You commented on James Van Waza's post about 4 years

Hi @Tim Hartwick Thanks.

You commented on Terry Potter's post about 4 years

If it has to be HTML then an eaiser way would be to do this

<style>

</style>

Insert all the css in the style tags . The style will then be called by the HTML.

You commented on Terry Potter's post about 4 years

Best Way would be to use css.

Example. If it is a h1 tag you want the color to be red, the code would be as follows
HTML
<h1>Foundation Forum</h1>

h1 {color:red;}

If it is a specific h1 tag, you would give it a class, the class name would be used on several other html tags.

Example

<h1 class="title">Foundation 5</h1>
h1.title {color: red;}

You commented on James Van Waza's post about 4 years

Rafi,

My error was that File to import not found or unreadable compass/css3. I am able to do compass watch, but when I run grunt, I get the error.

My app.scss file

``'
@import "settings";
@import "foundation";
@import "compass/css3";

/** Proper way to include @fontface using SASS */
@include font-face(AvenirNextCondensed-Bold, fonts/AvenirNextCondensed-Bold);
@include font-face(Avenir-Book, fonts/Avenir-Book);

You commented on James Van Waza's post about 4 years

@Tim,

I did the steps, but it looks like it is still a compass issue with grunt, because compass is recognizing the font face, but grunt doesn't. Will have to ask them why the file is not being found.

You commented on James Van Waza's post about 4 years

Hi @TimHartwick, The Error is still the same .

Compass is installed as I am able to do compass watch but when I run grunt it says, the file to import not found.

 file to import not found or unreadable: compass/css3

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content