Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
C
coloration
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Incidents
Environments
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
typescript
coloration
Commits
f3346e54
Commit
f3346e54
authored
May 02, 2020
by
Zéfling
🎨
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Fix demo: grid area naming
parent
7f3ba5e6
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
4 additions
and
4 deletions
+4
-4
src/app/app.component.scss
src/app/app.component.scss
+4
-4
No files found.
src/app/app.component.scss
View file @
f3346e54
...
...
@@ -35,7 +35,7 @@ aside {
width
:
100%
;
grid-template
:
"lum . alpha "
35px
"
red green blue
"
35px
"
cred cgreen cblue
"
35px
"hue sat value "
35px
"color opacity . "
35px
"button button button "
70px
/
1fr
1fr
1fr
;
...
...
@@ -153,9 +153,9 @@ button {
.luminosity
{
grid-area
:
lum
;
span
:
:
before
{
background
:linear-gradient
(
90deg
,
black
,
white
)
}}
.maskColor
{
grid-area
:
color
;}
.maskOpacity
{
grid-area
:
opacity
;}
.red
{
grid-area
:
red
;
span
:
:
before
{
background
:
red
;}}
.green
{
grid-area
:
green
;
span
:
:
before
{
background
:
green
;}}
.blue
{
grid-area
:
blue
;
span
:
:
before
{
background
:
blue
;}}
.red
{
grid-area
:
c
red
;
span
:
:
before
{
background
:
red
;}}
.green
{
grid-area
:
c
green
;
span
:
:
before
{
background
:
green
;}}
.blue
{
grid-area
:
c
blue
;
span
:
:
before
{
background
:
blue
;}}
.hue
{
grid-area
:
hue
;
span
:
:
before
{
background
:
var
(
--
rainbow-bg
);}}
.saturation
{
grid-area
:
sat
;
span
:
:
before
{
background
:linear-gradient
(
90deg
,
#808080
,
red
)
;}}
.value
{
grid-area
:
value
;
span
:
:
before
{
background
:linear-gradient
(
90deg
,
black
,
white
)
;}}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment