2017-06-08 11:47:56 +02:00
|
|
|
;;; lang/web/+css.el -*- lexical-binding: t; -*-
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2020-11-08 20:00:22 -05:00
|
|
|
(defvar +web-continue-block-comments t
|
|
|
|
"If non-nil, newlines in block comments are continued with a leading *.
|
2018-02-14 20:58:36 -05:00
|
|
|
|
2020-11-08 20:00:22 -05:00
|
|
|
This also indirectly means the asterisks in the opening /* and closing */ will
|
|
|
|
be aligned.
|
|
|
|
|
|
|
|
If set to `nil', disable all the above behaviors.")
|
2018-09-08 18:35:45 -04:00
|
|
|
|
2024-03-10 20:43:52 -04:00
|
|
|
(add-to-list 'find-sibling-rules '("/\\([^/]+\\)\\.\\(\\(s[ac]\\|le\\)ss\\|styl\\)\\'" "\\1\\.css"))
|
2019-04-08 23:01:30 -04:00
|
|
|
|
2017-10-03 02:49:49 +02:00
|
|
|
|
2017-02-19 18:57:16 -05:00
|
|
|
;;
|
2019-05-01 19:12:52 -04:00
|
|
|
;;; Major modes
|
2018-09-08 18:35:45 -04:00
|
|
|
|
2020-11-08 20:00:22 -05:00
|
|
|
(setq-hook! 'css-mode-hook
|
|
|
|
;; Correctly continue /* and // comments on newline-and-indent
|
2020-11-08 20:02:16 -05:00
|
|
|
comment-line-break-function #'+css/comment-indent-new-line
|
|
|
|
;; Fix `fill-paragraph' not conjoining line comments in CSS modes correctly.
|
2020-11-09 15:41:46 -05:00
|
|
|
adaptive-fill-function #'+css-adaptive-fill-fn
|
|
|
|
;; Fix filled lines not being auto-prefixed with a * when needed.
|
|
|
|
adaptive-fill-first-line-regexp "\\'[ \t]*\\(?:\\* *\\)?\\'")
|
2020-11-08 20:00:22 -05:00
|
|
|
|
|
|
|
(after! (:any css-mode sass-mode)
|
|
|
|
(set-docsets! '(css-mode scss-mode sass-mode)
|
|
|
|
"CSS" "HTML" "Bourbon" "Compass"
|
|
|
|
["Sass" (memq major-mode '(scss-mode sass-mode))]))
|
|
|
|
|
2019-07-26 19:57:13 +02:00
|
|
|
(add-hook! '(css-mode-hook sass-mode-hook stylus-mode-hook)
|
|
|
|
#'rainbow-mode)
|
2018-09-08 18:35:45 -04:00
|
|
|
|
2020-04-08 15:29:29 -04:00
|
|
|
;; built-in. Contains both css-mode & scss-mode
|
2019-05-01 19:12:52 -04:00
|
|
|
(after! css-mode
|
2018-09-08 18:35:45 -04:00
|
|
|
;; css-mode hooks apply to scss and less-css modes
|
2019-10-26 21:34:44 -04:00
|
|
|
(map! :localleader
|
|
|
|
:map scss-mode-map
|
|
|
|
"b" #'+css/scss-build
|
|
|
|
:map (css-mode-map scss-mode-map less-css-mode-map)
|
|
|
|
"rb" #'+css/toggle-inline-or-block)
|
|
|
|
|
|
|
|
(use-package! counsel-css
|
2022-08-12 20:29:19 +02:00
|
|
|
:when (modulep! :completion ivy)
|
2019-10-26 21:34:44 -04:00
|
|
|
:hook (css-mode . counsel-css-imenu-setup)
|
|
|
|
:init
|
|
|
|
(map! :map (css-mode-map scss-mode-map less-css-mode-map)
|
|
|
|
:localleader ";" #'counsel-css))
|
|
|
|
|
|
|
|
(use-package! helm-css-scss
|
2022-08-12 20:29:19 +02:00
|
|
|
:when (modulep! :completion helm)
|
2019-10-26 21:34:44 -04:00
|
|
|
:defer t
|
|
|
|
:init
|
|
|
|
(map! :map (css-mode-map scss-mode-map less-css-mode-map)
|
|
|
|
:localleader ";" #'helm-css-scss)
|
|
|
|
:config
|
|
|
|
(setq helm-css-scss-split-direction #'split-window-vertically
|
|
|
|
helm-css-scss-split-with-multiple-windows t)))
|
2017-02-19 18:57:16 -05:00
|
|
|
|
2018-09-08 18:35:45 -04:00
|
|
|
|
|
|
|
(after! sass-mode
|
|
|
|
(set-company-backend! 'sass-mode 'company-css)
|
2018-12-22 17:01:00 -05:00
|
|
|
(map! :map sass-mode-map :localleader "b" #'+css/sass-build))
|
2018-05-25 00:46:11 +02:00
|
|
|
|
|
|
|
|
2018-09-08 18:35:45 -04:00
|
|
|
;;
|
2019-05-01 19:12:52 -04:00
|
|
|
;;; Tools
|
2018-09-08 18:35:45 -04:00
|
|
|
|
2022-08-12 20:29:19 +02:00
|
|
|
(when (modulep! +lsp)
|
2020-04-08 15:29:29 -04:00
|
|
|
(add-hook! '(css-mode-local-vars-hook
|
2020-04-17 11:31:07 +02:00
|
|
|
scss-mode-local-vars-hook
|
2020-04-08 15:29:29 -04:00
|
|
|
sass-mode-local-vars-hook
|
|
|
|
less-css-mode-local-vars-hook)
|
2022-07-25 18:12:03 +02:00
|
|
|
:append #'lsp!))
|
2022-07-25 17:34:44 +02:00
|
|
|
|
2022-08-12 20:29:19 +02:00
|
|
|
(when (modulep! +tree-sitter)
|
2022-07-25 17:34:44 +02:00
|
|
|
(add-hook 'css-mode-local-vars-hook #'tree-sitter! 'append))
|