This Bugzilla instance is a read-only archive of historic NetBeans bug reports. To report a bug in NetBeans please follow the project's instructions for reporting issues.

Bug 229525 - Basic property sheets for visually editing SASS files
Summary: Basic property sheets for visually editing SASS files
Status: NEW
Alias: None
Product: web
Classification: Unclassified
Component: CSS Visual Tools (show other bugs)
Version: 7.4
Hardware: All All
: P2 normal (vote)
Assignee: Jan Stola
URL:
Keywords:
Depends on: 235088
Blocks: 235151
  Show dependency tree
 
Reported: 2013-05-09 09:09 UTC by Petr Jiricka
Modified: 2014-10-06 13:24 UTC (History)
2 users (show)

See Also:
Issue Type: ENHANCEMENT
Exception Reporter:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Petr Jiricka 2013-05-09 09:09:11 UTC
(As suggested in e-mail by David Konecny)

The CSS Styles window should have a basic property sheet for editing SASS files,i.e:
- everything we know how to do for CSS we provide for SASS
- no support for any SASS language features

This way, anything what user can do currently for CSS via our property sheets they would be able to do for SASS.
Comment 1 David Konecny 2013-07-29 23:47:27 UTC
This issue requests basic support for SASS property sheets. Once that's implemented it should be considered to expand upon this and provide some additional features taking advantage of basic SASS file semantics. See for example issue 233501 and attached test case. When "A link" is inspected in the testscase the first applied style is a:visited which is defined in a SASS file as

  a:visited {
      @include oj-link-visited;
  }

It should be simple to find oj-link-visited SASS mixin which is defined as

  @mixin oj-link-visited {
      color: $linkTextColorVisited; // todo: lightness thing
  }

and populate properties in Applied Styles window as:

color: $linkTextColorVisited
$linkTextColorVisited: #86defb

Ideally user would also get information about where the properties are declared so that they can navigate to the file, eg:

color: $linkTextColorVisited (_oj.alta.mixins.tags.css:46)
$linkTextColorVisited: #86defb (_t1-settings.scss:101)

Note: as I mentioned in issue 233501#c3 the variable $linkTextColorVisited is defined in 3 different files and in theory it should be possible to figure out in runtime which declaration had the precedence. But it may not. :-)

Something to consider.