0
Welcome Guest! Login
0 items Join Now

SOLVED custom.scss does not compile

  • Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months ago
  • Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months ago
  • Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months 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
  • Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months ago
    • Hi
      sorry, it is not blank and only one custom.scss, is active, or is it named wrong?
      regards
      Werner
  • Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months ago
    • Still showing blank for me (nothing in the file).
    • Kind regards,
      Reggie

      Learn to code for free.
      www.freecodecamp.org
  • Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months 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;
      }
  • Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months 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
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months 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
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months ago
  • Re: SOLVED custom.scss does not compile

    Posted 6 years 10 months 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: 6 years 10 months ago by Werner Gerber.

Time to create page: 0.065 seconds