@fuentis/phoenix-ui 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fuentis-phoenix-ui.mjs","sources":["../../../projects/phoenix-ui/src/lib/components/sidebar-item/sidebar-item.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar/sidebar.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar/sidebar.component.html","../../../projects/phoenix-ui/src/lib/components/topbar/topbar.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar-layout/sidebar-layout.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar-layout/sidebar-layout.component.html","../../../projects/phoenix-ui/src/public-api.ts","../../../projects/phoenix-ui/src/fuentis-phoenix-ui.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { Router, RouterLink, RouterLinkActive } from '@angular/router';\nimport { ButtonModule } from 'primeng/button';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\n\nimport { Tooltip, TooltipModule } from 'primeng/tooltip';\nexport interface SidebarItem {\n label: string;\n path: string;\n icon?: string;\n isActive?: boolean;\n disabled?: boolean;\n}\n@Component({\n selector: 'pho-sidebar-item',\n standalone: true,\n styleUrl: '../../styles/global.css',\n imports: [\n CommonModule,\n ButtonModule,\n RouterLink,\n RouterLinkActive,\n TooltipModule,\n TranslateModule,\n ],\n template: `<li class=\"list-none\">\n <a\n [routerLink]=\"item.disabled ? null : item.path\"\n routerLinkActive=\"bg-pink-500\"\n [pTooltip]=\"!isOpen ? item.label : ''\"\n [ngClass]=\"[\n classname,\n item.disabled ? 'opacity-50 cursor-not-allowed' : ''\n ]\"\n class=\"p-button no-underline w-full h-2rem p-0 justify-content-start hover:bg-white-alpha-10 border-none overflow-hidden bg-blue-900\"\n [style.pointer-events]=\"item.disabled ? 'none' : 'auto'\"\n >\n <img width=\"30\" [src]=\"item.icon\" alt=\"\" />\n <span *ngIf=\"isOpen\" class=\"text-white\">{{\n item.label | translate\n }}</span>\n </a>\n <p-button\n class=\"p-tooltip\"\n pTooltip=\"Confirm to proceed\"\n showDelay=\"1000\"\n hideDelay=\"20000\"\n label=\"Save\"\n [disabled]=\"item.disabled\"\n />\n </li>`,\n})\nexport class SidebarItemComponent {\n @Input() item!: SidebarItem;\n @Input() classname: string = '';\n @Input() isOpen: boolean = true;\n\n constructor(private router: Router) {}\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ButtonModule } from 'primeng/button';\nimport {\n SidebarItem,\n SidebarItemComponent,\n} from '../sidebar-item/sidebar-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'pho-sidebar',\n standalone: true,\n imports: [CommonModule, ButtonModule, SidebarItemComponent],\n templateUrl: './sidebar.component.html',\n styleUrl: '../../styles/global.css',\n})\nexport class SidebarComponent {\n @Output() toggleSidebar = new EventEmitter<void>();\n @Input() classname: string = '';\n\n @Input() mainItems: SidebarItem[][] = [];\n @Input() footerItem: SidebarItem[] = [];\n\n @Input() isSidebarOpen = true;\n}\n","<aside\n [attr.data-sidebar-state]=\"isSidebarOpen ? 'exanded' : 'collapsed'\"\n class=\"relative bg-blue-900 p-3 h-full\"\n>\n <span\n (click)=\"toggleSidebar.emit()\"\n [style.transition]=\"'transform 0.3s ease-in-out'\"\n [style.transform]=\"isSidebarOpen ? 'rotate(180deg)' : ''\"\n style=\"right: -10px\"\n class=\"pi pi-angle-right absolute top-0 border-circle z-5 p-1 cursor-pointer bg-gray-200 hover:bg-white-alpha-50\"\n ></span>\n\n <div\n class=\"flex flex-column gap-2 h-full\"\n style=\"scroll-padding-bottom: 5rem\"\n >\n <div class=\"group\">\n <ul class=\"flex flex-column gap-3 p-0 m-0\">\n <ng-container\n *ngFor=\"let itemGroup of mainItems; let groupIndex = index\"\n >\n <!-- One sidebar group -->\n <ng-container *ngFor=\"let subItem of itemGroup; let subIndex = index\">\n <div\n *ngIf=\"groupIndex !== 0 && subIndex === 0\"\n style=\"height: 2px\"\n class=\"my-2 bg-white opacity-20 w-full\"\n ></div>\n\n <pho-sidebar-item\n [isOpen]=\"isSidebarOpen\"\n [item]=\"subItem\"\n class=\"group-item\"\n />\n </ng-container>\n </ng-container>\n </ul>\n </div>\n\n <div\n *ngIf=\"footerItem.length\"\n class=\"absolute bottom-0 left-0 p-3 flex flex-column w-full bg-blue-900\"\n >\n <div style=\"height: 2px\" class=\"mb-2 bg-white opacity-20\"></div>\n\n <ul class=\"flex flex-column gap-3 mb-2 p-0 m-0\">\n @for (item of footerItem; track $index) {\n\n <pho-sidebar-item\n [isOpen]=\"isSidebarOpen\"\n [item]=\"{\n label: 'Settings',\n path: '/settings',\n icon: '/assets/settings.svg'\n }\"\n class=\"group-item\"\n />\n }\n </ul>\n </div>\n </div>\n</aside>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'pho-topbar',\n standalone: true,\n imports: [CommonModule],\n template: `\n <header\n class=\"h-3rem px-2 justify-content-between w-full flex items-center align-items-center\"\n [ngClass]=\"classname\"\n >\n <ng-content></ng-content>\n </header>\n `,\n})\nexport class TopbarComponent {\n @Input() classname: string = '';\n}\n","import { Component, Input } from '@angular/core';\nimport { SidebarComponent } from '../sidebar/sidebar.component';\nimport { TopbarComponent } from '../topbar/topbar.component';\nimport { CommonModule } from '@angular/common';\nimport { SidebarItem } from '../sidebar-item/sidebar-item.component';\n\n@Component({\n selector: 'pho-sidebar-layout',\n imports: [SidebarComponent, TopbarComponent, CommonModule],\n templateUrl: './sidebar-layout.component.html',\n})\nexport class SidebarLayoutComponent {\n @Input() mainItems: SidebarItem[][] = [];\n @Input() footerItem: SidebarItem[] = [];\n @Input() isSidebarOpen = true;\n\n toggleSidebar() {\n this.isSidebarOpen = !this.isSidebarOpen;\n }\n}\n","<!-- Sidebar Layout -->\n<section\n [style]=\"{\n 'grid-template-columns': isSidebarOpen ? '16rem 1fr' : '4rem 1fr',\n 'grid-template-rows': '3rem 1fr',\n }\"\n class=\"h-screen pho-grid bg-red-500 w-full transition-all transition-duration-200\"\n>\n <!-- Top header -->\n <pho-topbar class=\"bg-white pho-col-span-2\">\n <img\n class=\"h-2rem px-2 my-auto\"\n src=\"assets/fuentis_logo_white.png\"\n alt=\"fuentis_logo_white\"\n />\n </pho-topbar>\n <!-- Sidebar -->\n <pho-sidebar\n [mainItems]=\"mainItems\"\n [footerItem]=\"footerItem\"\n [isSidebarOpen]=\"isSidebarOpen\"\n (toggleSidebar)=\"toggleSidebar()\"\n ></pho-sidebar>\n <!-- Main content -->\n <div class=\"bg-purple-400 overflow-y-auto p-4 h-full\">\n <ng-content></ng-content>\n </div>\n</section>\n","/*\n * Public API Surface of phoenix\n */\n\nexport * from './lib/components/sidebar/sidebar.component';\nexport * from './lib/components/topbar/topbar.component';\nexport * from './lib/components/sidebar-item/sidebar-item.component';\nexport * from './lib/components/sidebar-layout/sidebar-layout.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fuentis-phoenix-ui.mjs","sources":["../../../projects/phoenix-ui/src/lib/components/sidebar-item/sidebar-item.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar/sidebar.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar/sidebar.component.html","../../../projects/phoenix-ui/src/lib/components/topbar/topbar.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar-layout/sidebar-layout.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar-layout/sidebar-layout.component.html","../../../projects/phoenix-ui/src/public-api.ts","../../../projects/phoenix-ui/src/fuentis-phoenix-ui.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { Router, RouterLink, RouterLinkActive } from '@angular/router';\nimport { ButtonModule } from 'primeng/button';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\n\nimport { Tooltip, TooltipModule } from 'primeng/tooltip';\nexport interface SidebarItem {\n label: string;\n path: string;\n icon?: string;\n isActive?: boolean;\n disabled?: boolean;\n}\n@Component({\n selector: 'pho-sidebar-item',\n standalone: true,\n styleUrl: '../../styles/global.css',\n imports: [\n CommonModule,\n ButtonModule,\n RouterLink,\n RouterLinkActive,\n TooltipModule,\n TranslateModule,\n ],\n template: `<li class=\"list-none\">\n <a\n [routerLink]=\"item.disabled ? null : item.path\"\n routerLinkActive=\"bg-pink-500\"\n [pTooltip]=\"!isOpen ? item.label : ''\"\n [ngClass]=\"[\n classname,\n item.disabled ? 'opacity-50 cursor-not-allowed' : ''\n ]\"\n class=\"p-button no-underline w-full h-2rem p-0 justify-content-start hover:bg-white-alpha-10 border-none overflow-hidden bg-blue-900\"\n [style.pointer-events]=\"item.disabled ? 'none' : 'auto'\"\n >\n <img width=\"30\" [src]=\"item.icon\" alt=\"\" />\n <span *ngIf=\"isOpen\" class=\"text-white\">{{\n item.label | translate\n }}</span>\n </a>\n <p-button\n class=\"p-tooltip\"\n pTooltip=\"Confirm to proceed\"\n showDelay=\"1000\"\n hideDelay=\"20000\"\n label=\"Save\"\n [disabled]=\"item.disabled\"\n />\n </li>`,\n})\nexport class SidebarItemComponent {\n @Input() item!: SidebarItem;\n @Input() classname: string = '';\n @Input() isOpen: boolean = true;\n\n constructor(private router: Router) {}\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ButtonModule } from 'primeng/button';\nimport {\n SidebarItem,\n SidebarItemComponent,\n} from '../sidebar-item/sidebar-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'pho-sidebar',\n standalone: true,\n imports: [CommonModule, ButtonModule, SidebarItemComponent],\n templateUrl: './sidebar.component.html',\n styleUrl: '../../styles/global.css',\n})\nexport class SidebarComponent {\n @Output() toggleSidebar = new EventEmitter<void>();\n @Input() classname: string = '';\n\n @Input() mainItems: SidebarItem[][] = [];\n @Input() footerItem: SidebarItem[] = [];\n\n @Input() isSidebarOpen = true;\n}\n","<aside\n [attr.data-sidebar-state]=\"isSidebarOpen ? 'exanded' : 'collapsed'\"\n class=\"relative bg-blue-900 p-3 h-full\"\n>\n <span\n (click)=\"toggleSidebar.emit()\"\n [style.transition]=\"'transform 0.3s ease-in-out'\"\n [style.transform]=\"isSidebarOpen ? 'rotate(180deg)' : ''\"\n style=\"right: -10px\"\n class=\"pi pi-angle-right absolute top-0 border-circle z-5 p-1 cursor-pointer bg-gray-200 hover:bg-white-alpha-50\"\n ></span>\n\n <div\n class=\"flex flex-column gap-2 h-full\"\n style=\"scroll-padding-bottom: 5rem\"\n >\n <div class=\"group\">\n <ul class=\"flex flex-column gap-3 p-0 m-0\">\n <ng-container\n *ngFor=\"let itemGroup of mainItems; let groupIndex = index\"\n >\n <!-- One sidebar group -->\n <ng-container *ngFor=\"let subItem of itemGroup; let subIndex = index\">\n <div\n *ngIf=\"groupIndex !== 0 && subIndex === 0\"\n style=\"height: 2px\"\n class=\"my-2 bg-white opacity-20 w-full\"\n ></div>\n\n <pho-sidebar-item\n [isOpen]=\"isSidebarOpen\"\n [item]=\"subItem\"\n class=\"group-item\"\n />\n </ng-container>\n </ng-container>\n </ul>\n </div>\n\n <div\n *ngIf=\"footerItem.length\"\n class=\"absolute bottom-0 left-0 p-3 flex flex-column w-full bg-blue-900\"\n >\n <div style=\"height: 2px\" class=\"mb-2 bg-white opacity-20\"></div>\n\n <ul class=\"flex flex-column gap-3 mb-2 p-0 m-0\">\n @for (item of footerItem; track $index) {\n\n <pho-sidebar-item\n [isOpen]=\"isSidebarOpen\"\n [item]=\"{\n label: 'Settings',\n path: '/settings',\n icon: '/assets/settings.svg'\n }\"\n class=\"group-item\"\n />\n }\n </ul>\n </div>\n </div>\n</aside>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'pho-topbar',\n standalone: true,\n imports: [CommonModule],\n template: `\n <header\n class=\"h-3rem px-2 justify-content-between w-full flex items-center align-items-center\"\n [ngClass]=\"classname\"\n >\n <ng-content></ng-content>\n </header>\n `,\n})\nexport class TopbarComponent {\n @Input() classname: string = '';\n}\n","import { Component, Input } from '@angular/core';\nimport { SidebarComponent } from '../sidebar/sidebar.component';\nimport { TopbarComponent } from '../topbar/topbar.component';\nimport { CommonModule } from '@angular/common';\nimport { SidebarItem } from '../sidebar-item/sidebar-item.component';\n\n@Component({\n selector: 'pho-sidebar-layout',\n imports: [SidebarComponent, TopbarComponent, CommonModule],\n templateUrl: './sidebar-layout.component.html',\n})\nexport class SidebarLayoutComponent {\n @Input() mainItems: SidebarItem[][] = [];\n @Input() footerItem: SidebarItem[] = [];\n @Input() isSidebarOpen = true;\n\n toggleSidebar() {\n this.isSidebarOpen = !this.isSidebarOpen;\n }\n}\n","<!-- Sidebar Layout -->\n<section\n [style]=\"{\n 'grid-template-columns': isSidebarOpen ? '16rem 1fr' : '4rem 1fr',\n 'grid-template-rows': '3rem 1fr',\n }\"\n class=\"h-screen pho-grid bg-red-500 w-full transition-all transition-duration-200\"\n>\n <!-- Top header -->\n <pho-topbar class=\"bg-white pho-col-span-2\">\n <img\n class=\"h-2rem px-2 my-auto\"\n src=\"assets/fuentis_logo_white.png\"\n alt=\"fuentis_logo_white\"\n />\n </pho-topbar>\n <!-- Sidebar -->\n <pho-sidebar\n [mainItems]=\"mainItems\"\n [footerItem]=\"footerItem\"\n [isSidebarOpen]=\"isSidebarOpen\"\n (toggleSidebar)=\"toggleSidebar()\"\n ></pho-sidebar>\n <!-- Main content -->\n <div class=\"bg-purple-400 overflow-y-auto p-4 h-full\">\n <ng-content></ng-content>\n </div>\n</section>\n","/*\n * Public API Surface of phoenix\n */\n\nexport * from './lib/components/sidebar/sidebar.component';\nexport * from './lib/components/topbar/topbar.component';\nexport * from './lib/components/sidebar-item/sidebar-item.component';\nexport * from './lib/components/sidebar-layout/sidebar-layout.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i1"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fuentis/phoenix-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^19.0.0",
|
|
6
6
|
"@angular/core": "^19.0.0"
|
|
7
7
|
},
|
|
8
|
+
"styles": [
|
|
9
|
+
"src/lib/styles/global.css"
|
|
10
|
+
],
|
|
8
11
|
"dependencies": {
|
|
9
12
|
"tslib": "^2.3.0"
|
|
10
13
|
},
|
package/styles/grid.css
ADDED
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
.pho-grid {
|
|
2
|
+
display: grid;
|
|
3
|
+
}
|
|
4
|
+
.pho-grid-cols-1 {
|
|
5
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
6
|
+
}
|
|
7
|
+
.pho-grid-cols-2 {
|
|
8
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
9
|
+
}
|
|
10
|
+
.pho-grid-cols-3 {
|
|
11
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
12
|
+
}
|
|
13
|
+
.pho-grid-cols-4 {
|
|
14
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
15
|
+
}
|
|
16
|
+
.pho-grid-cols-5 {
|
|
17
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
18
|
+
}
|
|
19
|
+
.pho-grid-cols-6 {
|
|
20
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
21
|
+
}
|
|
22
|
+
.pho-grid-cols-7 {
|
|
23
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
24
|
+
}
|
|
25
|
+
.pho-grid-cols-8 {
|
|
26
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
27
|
+
}
|
|
28
|
+
.pho-grid-cols-9 {
|
|
29
|
+
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
30
|
+
}
|
|
31
|
+
.pho-grid-cols-10 {
|
|
32
|
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
33
|
+
}
|
|
34
|
+
.pho-grid-cols-11 {
|
|
35
|
+
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
36
|
+
}
|
|
37
|
+
.pho-grid-cols-12 {
|
|
38
|
+
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
39
|
+
}
|
|
40
|
+
.pho-grid-cols-none {
|
|
41
|
+
grid-template-columns: none;
|
|
42
|
+
}
|
|
43
|
+
.pho-grid-cols-subgrid {
|
|
44
|
+
grid-template-columns: subgrid;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.pho-grid-rows-1 {
|
|
48
|
+
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
49
|
+
}
|
|
50
|
+
.pho-grid-rows-2 {
|
|
51
|
+
grid-template-rows: repeat(2, minmax(0, 1fr));
|
|
52
|
+
}
|
|
53
|
+
.pho-grid-rows-3 {
|
|
54
|
+
grid-template-rows: repeat(3, minmax(0, 1fr));
|
|
55
|
+
}
|
|
56
|
+
.pho-grid-rows-4 {
|
|
57
|
+
grid-template-rows: repeat(4, minmax(0, 1fr));
|
|
58
|
+
}
|
|
59
|
+
.pho-grid-rows-5 {
|
|
60
|
+
grid-template-rows: repeat(5, minmax(0, 1fr));
|
|
61
|
+
}
|
|
62
|
+
.pho-grid-rows-6 {
|
|
63
|
+
grid-template-rows: repeat(6, minmax(0, 1fr));
|
|
64
|
+
}
|
|
65
|
+
.pho-grid-rows-7 {
|
|
66
|
+
grid-template-rows: repeat(7, minmax(0, 1fr));
|
|
67
|
+
}
|
|
68
|
+
.pho-grid-rows-8 {
|
|
69
|
+
grid-template-rows: repeat(8, minmax(0, 1fr));
|
|
70
|
+
}
|
|
71
|
+
.pho-grid-rows-9 {
|
|
72
|
+
grid-template-rows: repeat(9, minmax(0, 1fr));
|
|
73
|
+
}
|
|
74
|
+
.pho-grid-rows-10 {
|
|
75
|
+
grid-template-rows: repeat(10, minmax(0, 1fr));
|
|
76
|
+
}
|
|
77
|
+
.pho-grid-rows-11 {
|
|
78
|
+
grid-template-rows: repeat(11, minmax(0, 1fr));
|
|
79
|
+
}
|
|
80
|
+
.pho-grid-rows-12 {
|
|
81
|
+
grid-template-rows: repeat(12, minmax(0, 1fr));
|
|
82
|
+
}
|
|
83
|
+
.pho-grid-rows-none {
|
|
84
|
+
grid-template-rows: none;
|
|
85
|
+
}
|
|
86
|
+
.pho-grid-rows-subgrid {
|
|
87
|
+
grid-template-rows: subgrid;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.pho-col-auto {
|
|
91
|
+
grid-column: auto;
|
|
92
|
+
}
|
|
93
|
+
.pho-col-span-1 {
|
|
94
|
+
grid-column: span 1 / span 1;
|
|
95
|
+
}
|
|
96
|
+
.pho-col-span-2 {
|
|
97
|
+
grid-column: span 2 / span 2;
|
|
98
|
+
}
|
|
99
|
+
.pho-col-span-3 {
|
|
100
|
+
grid-column: span 3 / span 3;
|
|
101
|
+
}
|
|
102
|
+
.pho-col-span-4 {
|
|
103
|
+
grid-column: span 4 / span 4;
|
|
104
|
+
}
|
|
105
|
+
.pho-col-span-5 {
|
|
106
|
+
grid-column: span 5 / span 5;
|
|
107
|
+
}
|
|
108
|
+
.pho-col-span-6 {
|
|
109
|
+
grid-column: span 6 / span 6;
|
|
110
|
+
}
|
|
111
|
+
.pho-col-span-7 {
|
|
112
|
+
grid-column: span 7 / span 7;
|
|
113
|
+
}
|
|
114
|
+
.pho-col-span-8 {
|
|
115
|
+
grid-column: span 8 / span 8;
|
|
116
|
+
}
|
|
117
|
+
.pho-col-span-9 {
|
|
118
|
+
grid-column: span 9 / span 9;
|
|
119
|
+
}
|
|
120
|
+
.pho-col-span-10 {
|
|
121
|
+
grid-column: span 10 / span 10;
|
|
122
|
+
}
|
|
123
|
+
.pho-col-span-11 {
|
|
124
|
+
grid-column: span 11 / span 11;
|
|
125
|
+
}
|
|
126
|
+
.pho-col-span-12 {
|
|
127
|
+
grid-column: span 12 / span 12;
|
|
128
|
+
}
|
|
129
|
+
.pho-col-span-full {
|
|
130
|
+
grid-column: 1 / -1;
|
|
131
|
+
}
|
|
132
|
+
.pho-col-start-1 {
|
|
133
|
+
grid-column-start: 1;
|
|
134
|
+
}
|
|
135
|
+
.pho-col-start-2 {
|
|
136
|
+
grid-column-start: 2;
|
|
137
|
+
}
|
|
138
|
+
.pho-col-start-3 {
|
|
139
|
+
grid-column-start: 3;
|
|
140
|
+
}
|
|
141
|
+
.pho-col-start-4 {
|
|
142
|
+
grid-column-start: 4;
|
|
143
|
+
}
|
|
144
|
+
.pho-col-start-5 {
|
|
145
|
+
grid-column-start: 5;
|
|
146
|
+
}
|
|
147
|
+
.pho-col-start-6 {
|
|
148
|
+
grid-column-start: 6;
|
|
149
|
+
}
|
|
150
|
+
.pho-col-start-7 {
|
|
151
|
+
grid-column-start: 7;
|
|
152
|
+
}
|
|
153
|
+
.pho-col-start-8 {
|
|
154
|
+
grid-column-start: 8;
|
|
155
|
+
}
|
|
156
|
+
.pho-col-start-9 {
|
|
157
|
+
grid-column-start: 9;
|
|
158
|
+
}
|
|
159
|
+
.pho-col-start-10 {
|
|
160
|
+
grid-column-start: 10;
|
|
161
|
+
}
|
|
162
|
+
.pho-col-start-11 {
|
|
163
|
+
grid-column-start: 11;
|
|
164
|
+
}
|
|
165
|
+
.pho-col-start-12 {
|
|
166
|
+
grid-column-start: 12;
|
|
167
|
+
}
|
|
168
|
+
.pho-col-start-13 {
|
|
169
|
+
grid-column-start: 13;
|
|
170
|
+
}
|
|
171
|
+
.pho-col-start-auto {
|
|
172
|
+
grid-column-start: auto;
|
|
173
|
+
}
|
|
174
|
+
.pho-col-end-1 {
|
|
175
|
+
grid-column-end: 1;
|
|
176
|
+
}
|
|
177
|
+
.pho-col-end-2 {
|
|
178
|
+
grid-column-end: 2;
|
|
179
|
+
}
|
|
180
|
+
.pho-col-end-3 {
|
|
181
|
+
grid-column-end: 3;
|
|
182
|
+
}
|
|
183
|
+
.pho-col-end-4 {
|
|
184
|
+
grid-column-end: 4;
|
|
185
|
+
}
|
|
186
|
+
.pho-col-end-5 {
|
|
187
|
+
grid-column-end: 5;
|
|
188
|
+
}
|
|
189
|
+
.pho-col-end-6 {
|
|
190
|
+
grid-column-end: 6;
|
|
191
|
+
}
|
|
192
|
+
.pho-col-end-7 {
|
|
193
|
+
grid-column-end: 7;
|
|
194
|
+
}
|
|
195
|
+
.pho-col-end-8 {
|
|
196
|
+
grid-column-end: 8;
|
|
197
|
+
}
|
|
198
|
+
.pho-col-end-9 {
|
|
199
|
+
grid-column-end: 9;
|
|
200
|
+
}
|
|
201
|
+
.pho-col-end-10 {
|
|
202
|
+
grid-column-end: 10;
|
|
203
|
+
}
|
|
204
|
+
.pho-col-end-11 {
|
|
205
|
+
grid-column-end: 11;
|
|
206
|
+
}
|
|
207
|
+
.pho-col-end-12 {
|
|
208
|
+
grid-column-end: 12;
|
|
209
|
+
}
|
|
210
|
+
.pho-col-end-13 {
|
|
211
|
+
grid-column-end: 13;
|
|
212
|
+
}
|
|
213
|
+
.pho-col-end-auto {
|
|
214
|
+
grid-column-end: auto;
|
|
215
|
+
}
|