Introduce a simple and beautiful CSS framework samantic-ui into Rails.

Framework features

As the title says, it looks simple and beautiful. Another feature is that it uses a class name that is easy for humans to understand. Official site: https://semantic-ui.com/

background

Most people use Bootstrap when creating a portfolio with rails, so I decided to incorporate it because I thought that using a different framework would make it visually different and easy to catch the eyes of the employer. I did.

procedure

gemfile.


gem 'semantic-ui-sass', github: 'doabit/semantic-ui-sass'

As always, $ bundle install

application.css.scss


@import "semantic-ui";

Rename application.css to application.scss.css.

application.js


//= require semantic-ui

Make changes to application.js as well.

The framework is now working.

reference https://stackoverflow.com/questions/37283642/how-do-i-set-up-a-rails-application-with-semantic-ui

Click here for detailed usage https://qiita.com/sandabu/items/336fe312acbec98d21e3 https://qiita.com/Yuta_Fujiwara/items/8abeda1b92dcaf505149 https://segakuin.com/css/semantic/

Recommended Posts

Introduce a simple and beautiful CSS framework samantic-ui into Rails.
[Rails] Introduce a simple calendar and insert a "confirmation screen" in additional events
[Rails withdrawal] Create a simple withdrawal function with rails
[Rails] Let's create a super simple Rails API
A simple and convenient method for HashMap
A memo to simply create a form using only HTML and CSS in Rails 6