Coder Social home page Coder Social logo

helm-css-scss's Introduction

This program makes your CSS/SCSS/LESS coding faster and easier than ever. You can see all selectors at once powered by helm.el.

helm-css-scss

Usage

helm-css-scss

Show all selectors and choose one of those and then move to where it is. This function shows a few more options pressing TAB key when you choose a selector.

While you are choosing any selector from selectors list up and down, synchronize your buffer's cursor position. You'll be like it.

helm-css-scss-multi

List all CSS/SCSS/LESS selectors within currently opened buffers. It's able to switch the buffers, and view those selectores.

helm-css-scss-insert-close-comment

Insert comment the next of a close brace. If each comment is already there, it will be overwritten.

Example config

;; helm from https://github.com/emacs-helm/helm
(add-to-list 'load-path "~/.emacs.d/elisp/helm")
(require 'helm)

(add-to-list 'load-path "~/.emacs.d/elisp/helm-css-scss")
(require 'helm-css-scss)

;; Allow comment inserting depth at each end of a brace
(setq helm-css-scss-insert-close-comment-depth 2)
;; If this value is t, split window appears inside the current window
(setq helm-css-scss-split-with-multiple-windows nil)
;; Split direction. 'split-window-vertically or 'split-window-horizontally
(setq helm-css-scss-split-direction 'split-window-vertically)

;; Set local keybind map for css-mode / scss-mode / less-css-mode
(dolist ($hook '(css-mode-hook scss-mode-hook less-css-mode-hook))
  (add-hook
   $hook (lambda ()
           (local-set-key (kbd "s-i") 'helm-css-scss)
           (local-set-key (kbd "s-I") 'helm-css-scss-back-to-last-point))))

(define-key isearch-mode-map (kbd "s-i") 'helm-css-scss-from-isearch)
(define-key helm-css-scss-map (kbd "s-i") 'helm-css-scss-multi-from-helm-css-scss)

Environment

I've confirmed working this program under the following environment.

  • Ubuntu 12.04 LTS with Emacs version 24.3.1
  • Mac OSX 10.7.5 with Cocoa Emacs version 24.3.1
  • Mac OSX 10.8.5 with Cocoa Emacs version 24.3.1

And each environment with following external elisp. helm.el version 20131016 from Melpa or Github

helm-css-scss's People

Contributors

shingofukuyama avatar berhoel avatar conao3 avatar thomasf avatar yasuyk avatar

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.