Giter Club home page Giter Club logo

Comments (6)

scottkellum avatar scottkellum commented on May 12, 2024

Thanks @zurbchris, at what point did you import modular-scale into your stylesheets? It needs to be imported at a higher point in the cascade than the instance you call your ratio. Also, if you can paste your console output here it would be a big help.

from modularscale-sass.

hatefulcrawdad avatar hatefulcrawdad commented on May 12, 2024

The importing of the stylesheet worked fine! It was when I tried to use the gem install implementation method that things got tripped up. Here's the output: error scss/typography.scss (Line 5: Undefined variable: "$golden".)

I had the variables at the top of typography.scss

from modularscale-sass.

scottkellum avatar scottkellum commented on May 12, 2024

Ah, you still need to @import modular scale in your style sheets after including it in your compass project.

@import 'modular-scale';

I will add this to the readme.

from modularscale-sass.

hatefulcrawdad avatar hatefulcrawdad commented on May 12, 2024

Doh!

from modularscale-sass.

scottkellum avatar scottkellum commented on May 12, 2024

No worries. the version here has some pretty cool new list features that haven’t been pushed to the gem just yet: scottkellum/modular-scale@6d00b12

from modularscale-sass.

stoplion avatar stoplion commented on May 12, 2024

Having the same problem
Added gem, added require 'modular-scale' to compass.rb,

Within the same file tried both: @import "modular-scale" followed by a $ratio: $golden, and switching it up setting $ratio: $golden followed by @import "modular-scale". Both times got a Undefined variable: "$golden".

from modularscale-sass.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.