sipwise
/
ngcp-csc
mirror of https://github.com/sipwise/ngcp-csc.git
1
0
Fork 0
Code Issues Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'e84cbeb15e'
${ noResults }
ngcp-csc/sass/Readme.md

1.5 KiB
Raw Blame History

./sass

This folder contains the styling for the application's views.

Styling

Sencha Cmd supports styling using Sass and integrates the styling from the theme and required packages (specified in "app.json") with application-defined views.

./sass/etc

This folder contains misc. support code for Sass builds (global functions, etc.).

./sass/src

This folder contains Sass files defining CSS rules corresponding to classes included in the application's JavaScript code build. By default, files in this folder are mapped to the application's root namespace, 'NgcpCsc'. This is set in "app.json":

"sass": {
    "namespace": "NgcpCsc"
}

./sass/var

This folder contains Sass files defining Sass variables corresponding to classes included in the application's JavaScript code build. By default, files in this folder are mapped to the application's root namespace, 'NgcpCsc' in the same way as "NgcpCsc/sass/src".

Slicing

Internet Explorer 8 and 9 do not support linear gradients and IE8 does not support border-radius. To compensate for this, Sencha Cmd provides "image slicing" using an internal WebKit based renderer. To enable this, there is a special web page that renders all components and states so they can be captured and turned into image sprites.

./sass/example

This folder contains the web page used to present all components and states so they can be captured as an image and used to produce images for IE8 and 9.

This web page is also helpful when loaded in Chrome to view all components in their styled form.