Hans Karlsen (talk | contribs) (Created page with "SCSS or SASS as it sometime pronounced is a text format that compiles into css. Using scss can greatly simplify the source code for styling a site since it introduce variable...") |
Hans Karlsen (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
SCSS or SASS as it | SCSS or SASS as it sometimes pronounced is a text format that compiles into css. | ||
Using scss can greatly simplify the source code for styling a site since it | Using scss can greatly simplify the source code for styling a site since it introduces variables and other logic that is missing from standard css. | ||
As you can imagine things like text font size may be needed in many places across the site and we usually want such a thing consistent - but if there is no variable to reuse we would be forced to have a copy of the desired value in many css rules. A Variable definition greatly simplifies this and allows us to change in only one place. | As you can imagine things like text font size may be needed in many places across the site and we usually want such a thing consistent - but if there is no variable to reuse we would be forced to have a copy of the desired value in many css rules. A Variable definition greatly simplifies this and allows us to change in only one place. | ||
This is the reason for us shifting to scss-format on the source code for styling a turnkey web app. | This is the reason for us shifting to scss-format on the source code for styling a turnkey web app. | ||
This switch also benefits you when you want to give your turnkey site a personal touch. | |||
Scss and css are web de facto standards - and you may use any tool that does the job. This article described one of many possible ways to tweak the styles of a turnkey site. | |||
==== How does this differ from tkusercss? ==== | |||
As we have described before you may add your own styles to [[Styling and CSS for Bootstrap, Angular and MVC|Content/tkusercss.css]] - this article describes how you change the existing styles in a consistent scss supported way that build the very fabric of every aspect of the turnkey site. | |||
==== Where to start ==== | |||
Revision as of 22:01, 15 June 2019
SCSS or SASS as it sometimes pronounced is a text format that compiles into css.
Using scss can greatly simplify the source code for styling a site since it introduces variables and other logic that is missing from standard css.
As you can imagine things like text font size may be needed in many places across the site and we usually want such a thing consistent - but if there is no variable to reuse we would be forced to have a copy of the desired value in many css rules. A Variable definition greatly simplifies this and allows us to change in only one place.
This is the reason for us shifting to scss-format on the source code for styling a turnkey web app.
This switch also benefits you when you want to give your turnkey site a personal touch.
Scss and css are web de facto standards - and you may use any tool that does the job. This article described one of many possible ways to tweak the styles of a turnkey site.
How does this differ from tkusercss?
As we have described before you may add your own styles to Content/tkusercss.css - this article describes how you change the existing styles in a consistent scss supported way that build the very fabric of every aspect of the turnkey site.