0
Welcome Guest! Login
0 items Join Now

SOLVED custom.scss does not compile

Last Post
Search Topic

  • Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    #1348153

  • Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    #1348220

  • Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    • You can only have one `custom.scss` (has to be named exactly that).
    • Kind regards,
      Reggie

      Learn to code for free.
      www.freecodecamp.org
    #1348221

  • Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    • Hi
      sorry, it is not blank and only one custom.scss, is active, or is it named wrong?
      regards
      Werner
    #1348246

  • Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    • Still showing blank for me (nothing in the file).
    • Kind regards,
      Reggie

      Learn to code for free.
      www.freecodecamp.org
    #1348264

  • Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    • Hi
      I think this is the problem, that the system thinks the file is empty.
      Here is the actuel content. I can give yu ftp access...
      /* Custom.scss für alsacegolflinks.com haydrogen 5 template */

/* grosse Fonts in Navbar */
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    line-height: normal;
    font-size: 1.5rem;
}
/* Menu stay in front (wegen slideshow ) */
#g-navigation { z-index: 999;
            line-height: 1.0;  }

h3.g-title { font-size: 1.0rem;  }

/* Link color  blau */
a {  color: #3a87ad;  }
 /* to wrap article title correctly   */
body {
    font-size: 1rem;
  /* to wrap article title correctly   */
    line-height: normal;
}
 /*table scrollable  wenn generell, ersetzt durch .table-fix als class in individuellen Tabellen
table {
  overflow: auto;
  display: block;
}                     */

/* table scrollable in mobile: class in article / module hinzufügen  */
.table-fix {
overflow: auto;
display: block;
}

 /* Hamburger Icon stay in front  */
.g-offcanvas-toggle { z-index: 1000;   }

 /* fontsize h2 title in article reduziert */
#g-main h2 {
font-size: 1.5rem;
}
    #1348280

  • Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    • I'll have to speak with our main Joomla moderator when he returns next week, perhaps he has an idea.
    • Kind regards,
      Reggie

      Learn to code for free.
      www.freecodecamp.org
    #1348321
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    • Hi Werner,

      I see the same as Reggie when I check the custom.scss file via the Admin > Extensions > Templates > Templates

      Looking at your text files in the thread I see they do not include the important dependencies call as first item...

      @import "dependencies";

      Can you try adding that and if it doesn't work then please use the secure tab to provide ftp details.

      Many thanks

    • The following users have thanked you: Mark Williams


    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #1348329
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    #1348334

  • Re: SOLVED custom.scss does not compile

    Posted 8 years 1 week ago
    • Hi
      thanks a lot for all your help.
      What do you (Damir) mean is fixed? In my first post I added two custom.scss files, one which works (now active on my site) and one which is nok, and I only would like to know why. And because I can not send scss files I changed them to *.txt.
      To David: Adding @import "dependencies"; ends up with a huge mess see attached screen shot.
      And to create my custom.scss I use phase 5.6 editor.
      Here the code which works

      /*f215df813bca1e0a0ffe4f0fb2b8c9bc*/
/*@import "custom.scss"*/
/*@media only all and (max-width: 47.938rem)
  @media only all and (max-width: 47.938rem)       */
/* .g-block {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
}

 .hidden {
    display: inline-block;
    visibility: hidden;
}       */
/* grosse Fonts in Navbar */
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    line-height: normal;
    font-size: 1.5rem;
}
#g-navigation { z-index: 999;
            line-height: 1.0;  }

h3.g-title {
    font-size: 1.0rem;

}

a {
    color: #3a87ad;
}
body {
    font-size: 1rem;
  /* to wrap article title correctly   */
    line-height: normal;
}
 /*table scrollable */
table {
  overflow: auto;
  display: block;
}
 /* Hamburger Icon stay in front  */
.g-offcanvas-toggle {
    z-index: 1000;
}
 /* fontsize h2 title in article */
#g-main h2 {
font-size: 1.5rem;
}

      And here the code which does not work, i mean does not compile:

      /* Custom.scss für alsacegolflinks.com haydrogen 5 template */

/* grosse Fonts in Navbar */
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    line-height: normal;
    font-size: 1.5rem;
}
/* Menu stay in front (wegen slideshow ) */
#g-navigation { z-index: 999;
            line-height: 1.0;  }

h3.g-title { font-size: 1.0rem;  }

/* Link color  blau */
a {  color: #3a87ad;  }
 /* to wrap article title correctly   */
body {
    font-size: 1rem;
  /* to wrap article title correctly   */
    line-height: normal;
}
 /*table scrollable  wenn generell, ersetzt durch .table-fix als class in individuellen Tabellen
table {
  overflow: auto;
  display: block;
}                     */

/* table scrollable in mobile: class in article / module hinzufügen  */
.table-fix {
overflow: auto;
display: block;
}

 /* Hamburger Icon stay in front  */
.g-offcanvas-toggle { z-index: 1000;   }

 /* fontsize h2 title in article reduziert */
#g-main h2 {
font-size: 1.5rem;
}


      kind regards
      Werner
    • Last Edit: 8 years 1 week ago by Werner Gerber.
    #1348341

Time to create page: 0.068 seconds