

As their friendship develops, Ana realizes that it’s tricky juggling two different identities on one slippery sheet of ice. And when Hayden mistakes Ana for a boy, Ana doesn’t correct him and finds comfort in this boyish identity when he’s around. Once Ana meets Hayden, a transgender boy new to the rink, thoughts about the princess program and gender identity begin to take center stage. Still, Ana tries to focus on training and putting together a stellar routine worthy of national success.

So, when Ana learns that next season’s program will be princess themed, doubt forms fast. Twelve-year-old Ana-Marie Jin, the reigning US Juvenile figure skating champion, is not a frilly dress kind of kid. Here’s a little more about the book:įor fans of George and Ivy Aberdeen’s Letter to the World, a heartfelt coming of age story about a nonbinary character navigating a binary world. Sass, author of the groundbreaking middle grade contemporary Ana on the Edge, which releases today from Little, Brown Young Readers. The app.css is not mandatory for a Phoenix application.Today on the site I am so excited to be welcoming A.J.

You can even add subdirectories, like “/static/css/homepage/home.sass”, and all files will be included.Īt this point you still have the app.css file. sass files in the “/web/static/css/” directory and they will be included in your application styles, no CSS “import” statements needed. sass files, no extra configuration needed! Brunch will read the package.json file and knows to use sass-brunch. This command uses Node Package Manager (npm) to install (i) and save (-S) sass-brunch to your Phoenix application’s package.json file. Open the terminal, navigate to your project’s root directory and run the following command: npm i -S sass-brunch sass file support to our Phoenix application.Īdding SASS support to a Phoenix application is easy.

Therefore, we will be using Brunch to add. This means all JavaScript, stylesheets and other files in your project’s “/web/static/” directory are managed by Brunch. If you have questions, please reach out to me on twitter, Phoenix Framework supports CSS and SCSS out of the box, but getting Phoenix setup with SASS (.sass) can be tricky to figure out, especially with little knowledge of the Phoenix ecosystem.īy default, Phoenix uses Brunch.io for asset management. From my experience, Webpack works better with React and is easier to work with. In this project we have replace Brunch with Webpack and I highly recommend you do the same. If you are starting a new Elixir project or are just trying to get Sass to work, take a look at our Phoenix Base project. Edit: Since the writing of this article, we at, have developed new best practices.
