18.3.0 • Published 10 months ago

@lucca-front/scss v18.3.0

Weekly downloads
148
License
MIT
Repository
github
Last release
10 months ago

Build Status lerna Dependabot Status

lucca-front

A modular framework for developing web application by lucca. Uses sub-packages architecture with unified versioning, a la angular.

Contains

  • a set of icons
  • a scss framework
  • a library of usefull angular components

How to install

Add Lucca Front to your npm package

npm install @lucca-front/icons --save
npm install @lucca-front/scss --save
npm install @lucca-front/ng --save

Import scss and NG style

Import Lucca Front in src/style.scss (or your main scss file):

@import "~@lucca-front/scss/src/main.overridable.scss";

In angular-cli.json, add this to your stylePreprocessorOptions includePaths:

"apps": [
	...
	"styles": [
		"styles.scss"		
	],
	"stylePreprocessorOptions": {
		"includePaths": [
			"path_to_node_modules/@lucca-front/scss/src/overrides",
			"path_to_node_modules/@lucca-front/ng/src/style/overrides" // if you use the ng package
		]
	},
	...
],

Import fonts

If you are using our default font (Source Sans Pro), don't forget to add your fonts in your <header>:

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700" rel="stylesheet">

Theming

Setup

You can override many variables to tailor Lucca-Front style to your needs. To do so, you must create a folder and reference it in your angular-cli.json as a stylePreprocessorOptions includePaths

"apps": [
	...
	"stylePreprocessorOptions": {
		"includePaths": [
			"path to your override folder" // must be first
			"path_to_node_modules/@lucca-front/scss/src/overrides",
		]
	},
	...
],

In your override folder, you can create different files for different needs :

  • breakpoints.override.scss

    Contains a map of breakpoints values.

  • commons.override.scss

    Contains a map of the most common values such as border-radius, font-family, and so on.

  • components.override.scss

    Can either have directly components maps such as the button map. Or it can just be a file importing every component theme override you have

  • icons.override.scss

    Contains a map of with the prefix (class) used for the icons and the path to the icon file (without its extension).

  • palettes.override.scss

    Contains a map of the color themes (palette) used in the framework. Palette must have a color key but can be extended to as many keys as you need.

  • sizes.override.scss

    Contains a map of font sizes and spacings (padding & margin).

You only have to write down the variables you wish to modify or add. More details on each variable are available in the SCSS demo.

Palettes

You can set a custom palette in palettes.override.scss. Your palette will be accessible in some components with palette-* classes.

$palettes: (
	"primary": (
		"color": #FFCC00,
		"text": #666666,
	),
	"secondary": (
		"color": #FF6600,
		"text": #FFFFFF,
	),
	"success": (
		"color": #9ACD32,
		"text": #FFFFFF,
	),
	"warning": (
		"color": #FF9900,
		"text": #FFFFFF,
	),
	"error": (
		"color": #FF3300,
		"text": #FFFFFF,
	),
);

$colors: (
	text: (
		"default": #666666,
		"light": #999999,
		"placeholder": #CCCCCC,
	),
);
$theme: _set($theme, "palettes", $palettes);
$theme: _set($theme, "colors", $colors);

You can also call your palette colors in your own components:

@import "~@lucca-front/scss/src/theming.overridable";
_color("primary")
_color("primary", "text")
_color("text.default")

Breakpoints

You can set up custom breakpoints values in breakpoints.override.scss

$breakpoints: (
	"xs": (
		"breakAt": 0,
		"spacing": 0,
	),
	"sm": (
		"breakAt": 576px,
		"spacing": 20px,
	),
	"md": (
		"breakAt": 768px,
		"spacing": 30px,
	),
	"lg": (
		"breakAt": 992px,
		"spacing": 40px,
	),
	"xl": (
		"breakAt": 1200px,
		"spacing": 60px,
	),
	"xxl": (
		"breakAt": 1350px,
		"spacing": 60px,
	),
	"xxxl": (
		"breakAt": 1500px,
		"spacing": 60px,
	)
);
$theme: _set($theme, "breakpoints", $breakpoints);
18.3.0

10 months ago

18.2.5

10 months ago

18.3.0-rc.6

10 months ago

18.3.0-rc.7

10 months ago

18.3.0-rc.5

10 months ago

18.3.0-rc.1

11 months ago

18.3.0-rc.2

10 months ago

18.3.0-rc.3

10 months ago

18.2.4

11 months ago

18.2.3

11 months ago

18.2.3-rc.1

11 months ago

18.2.2

12 months ago

18.2.1

12 months ago

18.2.0

1 year ago

18.1.5

1 year ago

18.1.4

1 year ago

18.1.3

1 year ago

18.1.2

1 year ago

18.1.1

1 year ago

18.1.0

1 year ago

17.4.3

1 year ago

17.4.4

1 year ago

18.0.2

1 year ago

18.0.1

1 year ago

18.0.0

1 year ago

18.1.0-rc.1

1 year ago

18.1.2-rc.1

1 year ago

18.0.0-rc.0

1 year ago

18.1.1-rc.3

1 year ago

18.1.1-rc.2

1 year ago

18.1.1-rc.1

1 year ago

18.0.2-rc.1

1 year ago

18.2.0-rc.4

1 year ago

18.2.0-rc.3

1 year ago

18.2.0-rc.2

1 year ago

18.2.0-rc.1

1 year ago

18.1.3-rc.1

1 year ago

17.4.2

1 year ago

17.4.1

1 year ago

17.3.12

1 year ago

17.4.0

1 year ago

17.4.0-rc.6

1 year ago

17.4.0-rc.5

1 year ago

17.3.11

1 year ago

17.4.0-rc.4

1 year ago

17.3.10

1 year ago

17.4.0-rc.2

1 year ago

17.4.0-rc.3

1 year ago

17.3.9

1 year ago

17.4.0-rc.1

1 year ago

17.3.8

1 year ago

17.3.7

1 year ago

17.3.6

1 year ago

17.3.5

1 year ago

17.3.4

1 year ago

17.3.3

1 year ago

17.3.4-rc.1

1 year ago

17.3.2

1 year ago

17.2.3-backfix

1 year ago

17.2.3

1 year ago

17.3.2-rc.1

2 years ago

17.0.1

2 years ago

17.3.1

2 years ago

17.3.0

2 years ago

17.3.0-rc.4

2 years ago

17.3.0-rc.3

2 years ago

17.3.0-rc.5

2 years ago

17.3.0-rc.2

2 years ago

17.3.0-rc.1

2 years ago

17.2.2

2 years ago

17.2.1

2 years ago

17.2.0

2 years ago

17.2.0-rc.1

2 years ago

17.2.0-rc.2

2 years ago

16.5.2

2 years ago

17.1.2

2 years ago

17.1.1

2 years ago

17.0.2

2 years ago

16.5.1

2 years ago

16.5.0

2 years ago

16.5.0-rc.7

2 years ago

16.2.1-rc.1

2 years ago

16.2.1-rc.2

2 years ago

17.1.0

2 years ago

16.3.1

2 years ago

16.3.0

2 years ago

16.4.3

2 years ago

16.4.2

2 years ago

16.4.1

2 years ago

16.4.0

2 years ago

16.3.1-rc.1

2 years ago

16.3.1-rc.2

2 years ago

16.2.2-rc.1

2 years ago

16.2.0-rc.5

2 years ago

16.2.0-rc.6

2 years ago

16.2.0-rc.3

2 years ago

16.2.0-rc.4

2 years ago

16.3.0-rc.1

2 years ago

16.2.0-rc.2

2 years ago

16.3.0-rc.3

2 years ago

16.3.0-rc.2

2 years ago

17.0.0-rc.1

2 years ago

16.2.7-rc.1

2 years ago

16.2.7-rc.2

2 years ago

16.1.1

2 years ago

16.2.7

2 years ago

16.2.6

2 years ago

16.2.5

2 years ago

16.4.0-rc.1

2 years ago

16.4.0-rc.2

2 years ago

16.4.0-rc.3

2 years ago

16.4.0-rc.4

2 years ago

17.0.0

2 years ago

16.2.0

2 years ago

16.2.4

2 years ago

16.2.3

2 years ago

16.2.2

2 years ago

16.2.1

2 years ago

16.1.1-rc.1

2 years ago

16.0.0-rc.0

2 years ago

16.1.0

2 years ago

16.1.0-rc.1

2 years ago

16.0.0

2 years ago

15.2.0-rc.1

2 years ago

15.3.0

2 years ago

15.3.0-rc.0

2 years ago

15.1.3

3 years ago

15.2.0

2 years ago

15.2.1

2 years ago

15.2.4

2 years ago

15.2.2

2 years ago

15.2.3

2 years ago

15.1.0-rc.2

3 years ago

15.1.0-rc.1

3 years ago

15.1.0-rc.4

3 years ago

15.1.0-rc.3

3 years ago

15.1.0-rc.6

3 years ago

15.1.0-rc.5

3 years ago

15.1.1

3 years ago

15.1.2

3 years ago

15.1.0

3 years ago

15.0.2

3 years ago

15.0.3

3 years ago

15.0.0

3 years ago

15.0.1

3 years ago

15.0.4-alpha1

3 years ago

15.0.3-alpha1

3 years ago

10.4.1

3 years ago

10.4.2

3 years ago

10.4.1-rc.3

3 years ago

10.4.1-rc.2

3 years ago

10.4.1-rc.1

3 years ago

10.4.0

3 years ago

10.3.0

3 years ago

10.3.1

3 years ago

10.4.2-rc.2

3 years ago

10.4.0-rc.1

3 years ago

10.4.0-rc.2

3 years ago

15.0.0-alpha.2

3 years ago

15.0.0-alpha.1

3 years ago

10.3.0-rc.2

3 years ago

10.3.0-rc.1

3 years ago

10.2.0

3 years ago

10.2.1

3 years ago

10.2.0-rc.1

3 years ago

8.2.5

3 years ago

10.1.0-rc.1

3 years ago

10.1.0-rc.2

3 years ago

10.1.0-rc.3

3 years ago

10.1.0

3 years ago

10.1.1

3 years ago

10.0.9-select.1

3 years ago

9.0.4-select.1

3 years ago

10.1.1-select.1

3 years ago

10.0.5

3 years ago

10.0.6

3 years ago

10.0.7

3 years ago

10.0.8

3 years ago

10.0.9

3 years ago

9.0.4

3 years ago

9.0.3

3 years ago

10.0.0

3 years ago

10.0.1

3 years ago

10.0.2

3 years ago

10.0.3

3 years ago

10.0.4

3 years ago

8.2.3

3 years ago

8.2.4

3 years ago

10.0.0-rc.4

3 years ago

10.0.0-rc.6

3 years ago

10.0.0-rc.5

3 years ago

10.0.0-rc.8

3 years ago

10.0.0-rc.7

3 years ago

10.0.10

3 years ago

9.0.2

3 years ago

9.0.1

3 years ago

9.0.0

3 years ago

10.0.8-rc.1

3 years ago

10.0.8-rc.2

3 years ago

10.0.8-rc.3

3 years ago

10.0.6-rc.1

3 years ago

9.0.0-alpha.7

3 years ago

9.0.0-alpha.8

3 years ago

10.0.10-rc.1

3 years ago

10.0.9-rc.1

3 years ago

8.2.3-rc.1

3 years ago

8.1.6

3 years ago

8.2.2

3 years ago

10.0.0-rc.3

3 years ago

10.0.0-rc.2

3 years ago

10.0.0-rc.1

3 years ago

8.2.1

3 years ago

8.2.0

3 years ago

8.2.0-rc.1

3 years ago

8.2.0-rc.3

3 years ago

8.2.0-rc.2

3 years ago

8.2.0-rc.4

3 years ago

8.2.2-rc.1

3 years ago

9.0.0-alpha.6

3 years ago

9.0.0-alpha.5

3 years ago

9.0.0-alpha.4

3 years ago

9.0.0-alpha.3

3 years ago

9.0.0-alpha.2

3 years ago

9.0.0-alpha.1

3 years ago

10.0.0-alpha.2

3 years ago

10.0.0-alpha.1

3 years ago

8.2.1-rc.1

3 years ago

8.1.3-rc.1

3 years ago

8.1.3-rc.2

3 years ago

8.1.0

3 years ago

8.1.2

3 years ago

8.1.1

3 years ago

8.1.5-rc.1

3 years ago

8.1.0-rc.6

3 years ago

8.1.0-rc.5

3 years ago

8.1.4-rc.1

3 years ago

8.1.4

3 years ago

8.1.3

3 years ago

8.1.5

3 years ago

8.1.2-rc.1

3 years ago

8.1.0-rc.4

3 years ago

8.1.0-rc.3

3 years ago

8.1.0-rc.2

4 years ago

7.3.1

4 years ago

7.4.0-rc.1

4 years ago

7.4.0

4 years ago

8.0.0

4 years ago

8.0.0-alpha.3

4 years ago

8.0.0-alpha.1

4 years ago

8.0.0-alpha.2

4 years ago

7.3.0

4 years ago

7.3.0-rc.0

4 years ago

7.3.0-rc.1

4 years ago

7.3.0-rc.2

4 years ago

7.2.0-rc.0

4 years ago

7.2.0-rc.2

4 years ago

7.2.0-rc.1

4 years ago

7.2.0

4 years ago

7.1.1

4 years ago

7.1.0-rc.0

4 years ago

7.1.0

4 years ago

7.1.0-pr1452.0

4 years ago

7.0.6

4 years ago

7.0.5

4 years ago

7.0.4

4 years ago

7.0.3

4 years ago

7.0.2

4 years ago

7.0.1

4 years ago

7.0.0

4 years ago

7.0.0-rc.4

4 years ago

7.0.0-rc.3

4 years ago

7.0.0-rc.0

4 years ago

7.0.0-rc.2

4 years ago

7.0.0-rc.1

4 years ago

6.3.1

4 years ago

6.3.0

4 years ago

6.3.0-rc.1

4 years ago

6.3.0-rc.0

4 years ago

6.2.3

4 years ago

6.2.2

4 years ago

6.2.1

4 years ago

6.2.0

4 years ago

6.2.0-rc.0

4 years ago

6.1.2

4 years ago

6.1.1

4 years ago

6.1.0

4 years ago

6.1.0-rc.4

4 years ago

6.1.0-rc.3

4 years ago

6.1.0-rc.2

5 years ago

6.1.0-rc.1

5 years ago

6.1.0-rc.0

5 years ago

6.0.1

5 years ago

6.0.0

5 years ago

5.1.8

5 years ago

6.0.0-rc.2

5 years ago

6.0.0-rc.1

5 years ago

5.1.7

5 years ago

6.0.0-rc.0

5 years ago

5.1.6

5 years ago

5.1.5

5 years ago

5.1.4

5 years ago

5.1.3

5 years ago

5.1.2

5 years ago

5.1.1

5 years ago

5.1.0

5 years ago

5.1.0-rc.2

5 years ago

5.1.0-rc.1

5 years ago

5.1.0-rc.0

5 years ago

5.0.1

5 years ago

5.0.0

5 years ago

5.0.0-rc.2

5 years ago

4.2.7

5 years ago

5.0.0-rc.0

5 years ago

5.0.0-rc.1

5 years ago

4.2.6

5 years ago

4.2.5

5 years ago

4.2.4

5 years ago

4.2.3

5 years ago

4.2.2

5 years ago

4.2.1

5 years ago

4.2.0

5 years ago

4.2.0-rc.2

5 years ago

4.2.0-rc.1

5 years ago

4.2.0-rc.0

5 years ago

4.1.3

5 years ago

4.1.2

5 years ago

4.1.1

5 years ago

4.1.0-rc.2

5 years ago

4.1.0

5 years ago

4.1.0-rc.1

5 years ago

4.1.0-rc.0

5 years ago

4.0.8

5 years ago

4.0.7

5 years ago

4.0.6

5 years ago

4.0.5

5 years ago

4.0.4

5 years ago

4.0.3

5 years ago

4.0.2

5 years ago

4.0.1

6 years ago

4.0.0

6 years ago

4.0.0-rc.18

6 years ago

4.0.0-rc.19

6 years ago

4.0.0-rc.17

6 years ago

3.2.4

6 years ago

4.0.0-rc.16

6 years ago

4.0.0-rc.15

6 years ago

4.0.0-rc.14

6 years ago

4.0.0-rc.13

6 years ago

4.0.0-rc.12

6 years ago

4.0.0-rc.11

6 years ago

4.0.0-rc.10

6 years ago

4.0.0-rc.9

6 years ago

4.0.0-rc.8

6 years ago

4.0.0-rc.7

6 years ago

4.0.0-rc.6

6 years ago

4.0.0-rc.5

6 years ago

4.0.0-rc.4

6 years ago

4.0.0-rc.3

6 years ago

4.0.0-rc.2

6 years ago

4.0.0-rc.1

6 years ago

4.0.0-rc.0

6 years ago

3.2.3

6 years ago

3.2.2

6 years ago

3.2.1

6 years ago

3.2.0

6 years ago

3.2.0-rc.1

6 years ago

3.2.0-rc.0

6 years ago

3.1.3

6 years ago

3.1.2

6 years ago

3.1.1

6 years ago

3.1.0

6 years ago

3.1.0-rc.1

6 years ago

3.1.0-rc.0

6 years ago

3.0.7

6 years ago

3.0.6

6 years ago

3.0.5

6 years ago

3.0.4

6 years ago

3.0.3

6 years ago

3.0.2

6 years ago

3.0.1

6 years ago

3.0.0

6 years ago

2.5.5

6 years ago

3.0.0-rc.1

6 years ago

3.0.0-rc.0

6 years ago

2.5.4

6 years ago

2.5.3

6 years ago

3.0.0-beta.4

6 years ago

3.0.0-beta.3

6 years ago

3.0.0-beta.2

6 years ago

3.0.0-beta.1

6 years ago

3.0.0-beta.0

6 years ago

2.5.2

6 years ago

2.5.1

6 years ago

2.5.0

6 years ago

2.5.0-rc.0

6 years ago

2.4.1

6 years ago

2.4.0

6 years ago

2.4.0-rc.0

6 years ago

2.3.5

7 years ago

2.3.4

7 years ago

2.3.3

7 years ago

2.3.2

7 years ago

2.3.1

7 years ago

2.3.0

7 years ago

2.3.0-rc.0

7 years ago

2.2.0

7 years ago

2.2.0-rc.0

7 years ago

2.1.3

7 years ago

2.1.2

7 years ago

2.1.1

7 years ago

2.1.0

7 years ago

2.1.0-rc.0

7 years ago

2.0.7

7 years ago

2.0.6

7 years ago

2.0.5

7 years ago

2.0.4

7 years ago

2.0.3

7 years ago

2.0.2

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

2.0.0-rc.3

7 years ago

2.0.0-rc.2

7 years ago

2.0.0-rc.1

7 years ago

2.0.0-rc.0

7 years ago

1.1.0-rc.1

7 years ago

1.1.0-rc.0

7 years ago

1.1.0-beta.2

7 years ago

1.1.0-beta.1

7 years ago

1.1.0-beta.0

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago

0.7.4

7 years ago

1.0.0-rc.0

7 years ago

1.0.0-beta.1

7 years ago

1.0.0-beta.0

7 years ago

0.7.2

7 years ago

0.7.1

7 years ago

0.7.0

7 years ago

0.6.2

7 years ago

0.6.1

7 years ago

0.6.0

7 years ago

0.5.0

7 years ago

0.4.1

7 years ago

0.4.0

7 years ago

0.3.5

7 years ago

0.3.4

7 years ago

0.3.3

8 years ago

0.3.2

8 years ago

0.3.1

8 years ago

0.3.0

8 years ago

0.2.4-alpha.1

8 years ago

0.2.4-alpha.0

8 years ago

0.2.3

8 years ago

0.2.2

8 years ago

0.2.1

8 years ago

0.2.0

8 years ago

0.1.7

8 years ago

0.1.6

8 years ago

0.1.5

8 years ago

0.1.5-pr195.0

8 years ago

0.1.4

8 years ago

0.1.4-0

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago

0.0.24

8 years ago

0.0.23

8 years ago

0.0.22

8 years ago

0.0.21

8 years ago

0.0.19

8 years ago

0.0.18

8 years ago

0.0.17

8 years ago

0.0.16

8 years ago

0.0.15

8 years ago

0.0.14

8 years ago

0.0.13

8 years ago

0.0.12

8 years ago

0.0.11

8 years ago

0.0.8

8 years ago

0.0.7

8 years ago

0.0.6

8 years ago

0.0.3

8 years ago

0.0.1

8 years ago