18.3.0 • Published 8 months ago

@lucca-front/scss v18.3.0

Weekly downloads
148
License
MIT
Repository
github
Last release
8 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

8 months ago

18.2.5

8 months ago

18.3.0-rc.6

8 months ago

18.3.0-rc.7

8 months ago

18.3.0-rc.5

8 months ago

18.3.0-rc.1

9 months ago

18.3.0-rc.2

8 months ago

18.3.0-rc.3

8 months ago

18.2.4

9 months ago

18.2.3

9 months ago

18.2.3-rc.1

9 months ago

18.2.2

10 months ago

18.2.1

10 months ago

18.2.0

10 months ago

18.1.5

11 months ago

18.1.4

11 months ago

18.1.3

11 months ago

18.1.2

11 months ago

18.1.1

1 year ago

18.1.0

1 year ago

17.4.3

1 year ago

17.4.4

11 months ago

18.0.2

11 months 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

12 months 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

10 months ago

18.2.0-rc.3

10 months ago

18.2.0-rc.2

10 months ago

18.2.0-rc.1

10 months ago

18.1.3-rc.1

11 months 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

1 year ago

17.0.1

1 year ago

17.3.1

1 year ago

17.3.0

1 year ago

17.3.0-rc.4

1 year ago

17.3.0-rc.3

1 year ago

17.3.0-rc.5

1 year ago

17.3.0-rc.2

1 year ago

17.3.0-rc.1

1 year ago

17.2.2

1 year ago

17.2.1

1 year ago

17.2.0

1 year ago

17.2.0-rc.1

1 year ago

17.2.0-rc.2

1 year 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

2 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

2 years ago

15.1.0-rc.1

2 years ago

15.1.0-rc.4

2 years ago

15.1.0-rc.3

2 years ago

15.1.0-rc.6

2 years ago

15.1.0-rc.5

2 years ago

15.1.1

2 years ago

15.1.2

2 years ago

15.1.0

2 years ago

15.0.2

2 years ago

15.0.3

2 years ago

15.0.0

3 years ago

15.0.1

3 years ago

15.0.4-alpha1

2 years ago

15.0.3-alpha1

2 years ago

10.4.1

2 years ago

10.4.2

2 years ago

10.4.1-rc.3

2 years ago

10.4.1-rc.2

2 years ago

10.4.1-rc.1

2 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

2 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

3 years ago

7.3.1

3 years ago

7.4.0-rc.1

3 years ago

7.4.0

3 years ago

8.0.0

3 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

4 years ago

6.1.0-rc.1

4 years ago

6.1.0-rc.0

4 years ago

6.0.1

4 years ago

6.0.0

4 years ago

5.1.8

4 years ago

6.0.0-rc.2

4 years ago

6.0.0-rc.1

4 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

5 years ago

4.0.0

5 years ago

4.0.0-rc.18

5 years ago

4.0.0-rc.19

5 years ago

4.0.0-rc.17

5 years ago

3.2.4

5 years ago

4.0.0-rc.16

5 years ago

4.0.0-rc.15

5 years ago

4.0.0-rc.14

5 years ago

4.0.0-rc.13

5 years ago

4.0.0-rc.12

5 years ago

4.0.0-rc.11

5 years ago

4.0.0-rc.10

5 years ago

4.0.0-rc.9

5 years ago

4.0.0-rc.8

5 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

6 years ago

2.3.4

6 years ago

2.3.3

6 years ago

2.3.2

6 years ago

2.3.1

6 years ago

2.3.0

6 years ago

2.3.0-rc.0

6 years ago

2.2.0

6 years ago

2.2.0-rc.0

6 years ago

2.1.3

6 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

7 years ago

0.3.2

7 years ago

0.3.1

7 years ago

0.3.0

7 years ago

0.2.4-alpha.1

7 years ago

0.2.4-alpha.0

7 years ago

0.2.3

7 years ago

0.2.2

7 years ago

0.2.1

7 years ago

0.2.0

7 years ago

0.1.7

7 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