Skip to content

Commit

Permalink
Add first working-draft for a better demo-app
Browse files Browse the repository at this point in the history
This references #15
  • Loading branch information
mralexandernickel committed Sep 4, 2019
1 parent dd18f6b commit d1d453e
Show file tree
Hide file tree
Showing 21 changed files with 1,124 additions and 130 deletions.
45 changes: 45 additions & 0 deletions .stylintrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
{
"blocks": false,
"brackets": "never",
"colons": "always",
"colors": "always",
"commaSpace": "always",
"commentSpace": "always",
"cssLiteral": "never",
"customProperties": [],
"depthLimit": false,
"duplicates": true,
"efficient": "always",
"exclude": [],
"extendPref": false,
"globalDupe": false,
"groupOutputByFile": true,
"indentPref": 2,
"leadingZero": "never",
"maxErrors": false,
"maxWarnings": false,
"mixed": false,
"mixins": [],
"namingConvention": false,
"namingConventionStrict": false,
"none": "never",
"noImportant": true,
"parenSpace": false,
"placeholders": "always",
"prefixVarsWithDollar": "always",
"quotePref": false,
"reporterOptions": {
"columns": ["lineData", "severity", "description", "rule"],
"columnSplitter": " ",
"showHeaders": false,
"truncate": true
},
"semicolons": "never",
"sortOrder": "alphabetical",
"stackedProperties": "never",
"trailingWhitespace": "never",
"universal": false,
"valid": false,
"zeroUnits": "never",
"zIndexNormalize": false
}
5 changes: 4 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,13 @@
},
"private": true,
"dependencies": {
"@angular/animations": "~7.1.0",
"@angular/animations": "7",
"@angular/cdk": "7",
"@angular/common": "~7.1.0",
"@angular/compiler": "~7.1.0",
"@angular/core": "~7.1.0",
"@angular/forms": "~7.1.0",
"@angular/material": "7",
"@angular/platform-browser": "~7.1.0",
"@angular/platform-browser-dynamic": "~7.1.0",
"@angular/router": "~7.1.0",
Expand Down Expand Up @@ -45,6 +47,7 @@
"karma-jasmine-html-reporter": "^0.2.2",
"ng-packagr": "^4.2.0",
"protractor": "~5.4.0",
"stylint": "^2.0.0",
"ts-node": "~7.0.0",
"tsickle": ">=0.29.0",
"tslib": "^1.9.0",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,64 +30,38 @@ import {
IntersectionPresentStartOnceExitDirective
} from './present/public-api';

export const intersectionDirectives = [
// future
IntersectionFutureEndDirective,
IntersectionFutureEndExitDirective,
IntersectionFutureEndOnceDirective,
IntersectionFutureEndOnceExitDirective,
IntersectionFutureStartDirective,
IntersectionFutureStartExitDirective,
IntersectionFutureStartOnceDirective,
IntersectionFutureStartOnceExitDirective,
// past
IntersectionPastEndDirective,
IntersectionPastEndExitDirective,
IntersectionPastEndOnceDirective,
IntersectionPastEndOnceExitDirective,
IntersectionPastStartDirective,
IntersectionPastStartExitDirective,
IntersectionPastStartOnceDirective,
IntersectionPastStartOnceExitDirective,
// present
IntersectionPresentEndDirective,
IntersectionPresentEndExitDirective,
IntersectionPresentEndOnceDirective,
IntersectionPresentEndOnceExitDirective,
IntersectionPresentStartDirective,
IntersectionPresentStartExitDirective,
IntersectionPresentStartOnceDirective,
IntersectionPresentStartOnceExitDirective
];

@NgModule({
declarations: [
// future
IntersectionFutureEndDirective,
IntersectionFutureEndExitDirective,
IntersectionFutureEndOnceDirective,
IntersectionFutureEndOnceExitDirective,
IntersectionFutureStartDirective,
IntersectionFutureStartExitDirective,
IntersectionFutureStartOnceDirective,
IntersectionFutureStartOnceExitDirective,
// past
IntersectionPastEndDirective,
IntersectionPastEndExitDirective,
IntersectionPastEndOnceDirective,
IntersectionPastEndOnceExitDirective,
IntersectionPastStartDirective,
IntersectionPastStartExitDirective,
IntersectionPastStartOnceDirective,
IntersectionPastStartOnceExitDirective,
// present
IntersectionPresentEndDirective,
IntersectionPresentEndExitDirective,
IntersectionPresentEndOnceDirective,
IntersectionPresentEndOnceExitDirective,
IntersectionPresentStartDirective,
IntersectionPresentStartExitDirective,
IntersectionPresentStartOnceDirective,
IntersectionPresentStartOnceExitDirective
],
exports: [
// future
IntersectionFutureEndDirective,
IntersectionFutureEndExitDirective,
IntersectionFutureEndOnceDirective,
IntersectionFutureEndOnceExitDirective,
IntersectionFutureStartDirective,
IntersectionFutureStartExitDirective,
IntersectionFutureStartOnceDirective,
IntersectionFutureStartOnceExitDirective,
// past
IntersectionPastEndDirective,
IntersectionPastEndExitDirective,
IntersectionPastEndOnceDirective,
IntersectionPastEndOnceExitDirective,
IntersectionPastStartDirective,
IntersectionPastStartExitDirective,
IntersectionPastStartOnceDirective,
IntersectionPastStartOnceExitDirective,
// present
IntersectionPresentEndDirective,
IntersectionPresentEndExitDirective,
IntersectionPresentEndOnceDirective,
IntersectionPresentEndOnceExitDirective,
IntersectionPresentStartDirective,
IntersectionPresentStartExitDirective,
IntersectionPresentStartOnceDirective,
IntersectionPresentStartOnceExitDirective
]
declarations: intersectionDirectives,
exports: intersectionDirectives
})
export class IntersectionDirectivesModule {}
8 changes: 7 additions & 1 deletion projects/angular-intersection/src/public-api.ts
Original file line number Diff line number Diff line change
Expand Up @@ -10,5 +10,11 @@ export * from './lib/legacy-directives/public-api';
// SERVICES
// =============================================================================
export * from './lib/services/public-api';

//
// DIRECTIVES
// =============================================================================
export * from './lib/directives/public-api';
//
// INJECTION TOKENS
// =============================================================================
export * from './lib/config/injection-tokens';
129 changes: 129 additions & 0 deletions src/_color-helpers.styl
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
@require _variables

//
// COLOR CLASSES
// =============================================================================
.color-white
color: $color--white !important

.color-black
color: $color--black !important

.color-primary
color: $color--primary !important

.color-secondary
color: $color--secondary !important

.color-functional-1
color: $color--functional-1 !important

.color-functional-2
color: $color--functional-2 !important

.color-functional-3
color: $color--functional-3 !important

.color-dark-grey
color: $color--dark-grey !important

.color-middle-grey
color: $color--middle-grey !important

.color-light-grey
color: $color--light-grey !important

.color-error, .color-red
color: $color--error !important

.color-success, .color-green
color: $color--success !important

.color-warning, .color-yellow
color: $color--warning !important

//
// BORDER CLASSES
// =============================================================================
.border-primary
border-color: $color--primary !important
color: $color--primary !important

.border-secondary
border-color: $color--secondary !important
color: $color--secondary !important

.border-functional-1
border-color: $color--functional-1 !important
color: $color--functional-1 !important

.border-functional-2
border-color: $color--functional-2 !important
color: $color--functional-2 !important

.border-functional-3
border-color: $color--functional-3 !important
color: $color--functional-3 !important

.border-dark-grey
border-color: $color--dark-grey !important
color: $color--dark-grey !important

.border-middle-grey
border-color: $color--middle-grey !important
color: $color--middle-grey !important

.border-light-grey
border-color: $color--light-grey !important
color: $color--light-grey !important

.border-error
border-color: $color--error !important
color: $color--error !important

.border-success
border-color: $color--success !important
color: $color--success !important

.border-warning
border-color: $color--warning !important
color: $color--warning !important

//
// BACKGROUND CLASSES
// =============================================================================
.background-primary
background-color: $color--primary

.background-secondary
background-color: $color--secondary

.background-functional-1
background-color: $color--functional-1

.background-functional-2
background-color: $color--functional-2

.background-functional-3
background-color: $color--functional-3

.background-dark-grey
background-color: $color--dark-grey

.background-middle-grey
background-color: $color--middle-grey

.background-light-grey
background-color: $color--light-grey

.background-error
background-color: $color--error

.background-success
background-color: $color--success

.background-warning
background-color: $color--warning

.background-black
background-color: $color--black
26 changes: 26 additions & 0 deletions src/_variables.styl
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
// colors palette
$color--primary = rgb(73, 10, 61)
$color--secondary = rgb(189, 21, 80)
$color--functional-1 = rgb(233, 127, 2)
$color--functional-2 = rgb(248, 202, 0)
$color--functional-3 = rgb(138, 155, 15)
// colors bw
$color--black = #000000
$color--white = #FFFFFF
$color--dark-grey = #6F6F6E
$color--middle-grey = #9C9B9B
$color--light-grey = #DCDCDC
// colors state
$color--error = $color--secondary
$color--success = $color--functional-3
$color--warning = $color--functional-2
//
// =============================================================================
//
// spaces
$space--default = 20px
// font
$font-family--default = 'Open Sans', sans-serif
$font-size--default = 16px
$line-height--default = 1.618
$letter-spacing--default = .02em
12 changes: 0 additions & 12 deletions src/app/app.component.html

This file was deleted.

7 changes: 0 additions & 7 deletions src/app/app.component.styl

This file was deleted.

34 changes: 0 additions & 34 deletions src/app/app.component.ts

This file was deleted.

Loading

0 comments on commit d1d453e

Please sign in to comment.