aril 0.0.7 → 0.0.9

package/theme/styles/layout/_sidebar_vertical.scss

@@ -1,153 +1,153 @@
-.layout-sidebar {
-    position: fixed;
-    height: 100%;
-    top: 0;
-    left: 0;
-    width: 18rem;
-    background: var(--menu-bg);
-    border-right: var(--sidebar-border);
-    box-shadow: var(--sidebar-shadow);
-    display: flex;
-    flex-direction: column;
-
-
-    .sidebar-header {
-        padding: 2.5rem 0 2rem 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .app-logo {
-            .app-logo-normal {
-                display: inline;
-                width:124px;
-                height:22px;
-            }
-    
-            .app-logo-small {
-                display: none;
-            }
-        }
-    }
-   
-
-    .layout-menu-container {
-        overflow: auto;
-        flex: 1;
-        padding-bottom: 2rem;
-    }
-
-    .layout-menu {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-
-        .layout-root-menuitem {
-            > .layout-menuitem-root-text {
-                font-size: .857rem;
-                text-transform: uppercase;
-                font-weight: 700;
-                color: var(--root-menuitem-text-color);
-                padding: 1rem 2rem;
-            }
-    
-            > a {
-                display: none;
-            }
-        }
-
-        a {
-            user-select: none;
-            
-            &.active-menuitem {
-                > .layout-submenu-toggler {
-                    transform: rotate(-180deg);
-                }
-            }
-        }
-
-        li.active-menuitem {
-            > a {
-                .layout-submenu-toggler {
-                    transform: rotate(-180deg);
-                }
-            }
-        }
-
-        ul {
-            margin: 0;
-            padding: 0;
-            list-style-type: none;
-    
-            a {
-                display: flex;
-                align-items: center;
-                position: relative;
-                outline: 0 none;
-                color: var(--menuitem-text-color);
-                cursor: pointer;
-                padding: .75rem 2rem;
-                transition: background-color var(--transition-duration), box-shadow var(--transition-duration);
-
-                .layout-menuitem-icon {
-                    margin-right: .5rem;
-                    color: var(--menuitem-icon-color);
-                }
-    
-                .layout-submenu-toggler {
-                    font-size: 75%;
-                    margin-left: auto;
-                    transition: transform var(--transition-duration);
-                }
-    
-                &.active-route {
-                    font-weight: 700;
-                }
-
-                &:hover {
-                    background-color: var(--menuitem-hover-bg-color);
-                }
-            }
-    
-            ul {
-                overflow: hidden;
-                border-radius: var(--border-radius);
-    
-                li {
-                    a {
-                        padding-left: 2.5rem;
-                    }
-    
-                    li {
-                        a {
-                            padding-left: 3rem;
-                        }
-    
-                        li {
-                            a {
-                                padding-left: 3.5rem;
-                            }
-    
-                            li {
-                                a {
-                                    padding-left: 4rem;
-                                }
-    
-                                li {
-                                    a {
-                                        padding-left: 5.5rem;
-                                    }
-    
-                                    li {
-                                        a {
-                                            padding-left: 5rem;
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
+.layout-sidebar {
+	position: fixed;
+	height: 100%;
+	top: 0;
+	left: 0;
+	width: 18rem;
+	background: var(--menu-bg);
+	border-right: var(--sidebar-border);
+	box-shadow: var(--sidebar-shadow);
+	display: flex;
+	flex-direction: column;
+
+	.sidebar-header {
+		padding: 2.5rem 0 2rem 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		.app-logo {
+			.app-logo-normal {
+				display: inline;
+				width: 124px;
+				height: 22px;
+			}
+
+			.app-logo-small {
+				display: none;
+			}
+		}
+	}
+
+	.layout-menu-container {
+		overflow: auto;
+		flex: 1;
+		padding-bottom: 2rem;
+	}
+
+	.layout-menu {
+		margin: 0;
+		padding: 0;
+		list-style-type: none;
+
+		.layout-root-menuitem {
+			> .layout-menuitem-root-text {
+				font-size: 0.857rem;
+				text-transform: uppercase;
+				font-weight: 700;
+				color: var(--root-menuitem-text-color);
+				padding: 1rem 2rem;
+			}
+
+			> a {
+				display: none;
+			}
+		}
+
+		a {
+			user-select: none;
+
+			&.active-menuitem {
+				> .layout-submenu-toggler {
+					transform: rotate(-180deg);
+				}
+			}
+		}
+
+		li.active-menuitem {
+			> a {
+				.layout-submenu-toggler {
+					transform: rotate(-180deg);
+				}
+			}
+		}
+
+		ul {
+			margin: 0;
+			padding: 0;
+			list-style-type: none;
+
+			a {
+				display: flex;
+				align-items: center;
+				position: relative;
+				outline: 0 none;
+				color: var(--menuitem-text-color);
+				cursor: pointer;
+				padding: 0.75rem 2rem;
+				transition:
+					background-color var(--transition-duration),
+					box-shadow var(--transition-duration);
+
+				.layout-menuitem-icon {
+					margin-right: 0.5rem;
+					color: var(--menuitem-icon-color);
+				}
+
+				.layout-submenu-toggler {
+					font-size: 75%;
+					margin-left: auto;
+					transition: transform var(--transition-duration);
+				}
+
+				&.active-route {
+					font-weight: 700;
+				}
+
+				&:hover {
+					background-color: var(--menuitem-hover-bg-color);
+				}
+			}
+
+			ul {
+				overflow: hidden;
+				border-radius: var(--border-radius);
+
+				li {
+					a {
+						padding-left: 2.5rem;
+					}
+
+					li {
+						a {
+							padding-left: 3rem;
+						}
+
+						li {
+							a {
+								padding-left: 3.5rem;
+							}
+
+							li {
+								a {
+									padding-left: 4rem;
+								}
+
+								li {
+									a {
+										padding-left: 5.5rem;
+									}
+
+									li {
+										a {
+											padding-left: 5rem;
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}

package/theme/styles/layout/_topbar.scss

@@ -1,78 +1,78 @@
-.layout-topbar {
-    margin-bottom: 2rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .topbar-start {
-        display: flex;
-        align-items: center;
-
-        .topbar-menubutton {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            margin-right: 2rem;
-            border-radius: 50%;
-            width: 2.5rem;
-            height: 2.5rem;
-            flex-shrink: 0;
-            transition: background-color var(--transition-duration);
-
-            i {
-                font-size: 1.25rem;
-                color: var(--text-color);
-                transition: color var(--transition-duration);
-            }
-
-            &:hover {
-                background-color: var(--primary-color);
-
-                i {
-                    color: var(--primary-color-text);
-                }
-            }
-        }
-    }
-
-    .topbar-menu {
-        display: flex;
-        align-items: center;
-        margin: 0;
-        padding: 0;
-        list-style: none;
-
-        li {
-            &.topbar-profile {
-                margin-left: 1.5rem;
-                display: inline-flex;
-                align-items: center;
-                justify-content: center;
-                
-                img {
-                    width: 2rem;
-                    height: 2rem;
-                }
-
-                button {
-                    border-radius: 50%;
-                    width: 2rem;
-                    height: 2rem;
-                    transition: box-shadow var(--transition-duration);
-
-                    &:focus {
-                        box-shadow: var(--focus-ring);
-                    }
-                }
-            }
-
-            &.topbar-search {
-                .p-inputtext {
-                    padding-top: .5rem;
-                    padding-bottom: .5rem;
-                    border-radius: 2rem;
-                }
-            }
-        }
-    }
-}
+.layout-topbar {
+	margin-bottom: 2rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	.topbar-start {
+		display: flex;
+		align-items: center;
+
+		.topbar-menubutton {
+			display: inline-flex;
+			align-items: center;
+			justify-content: center;
+			margin-right: 2rem;
+			border-radius: 50%;
+			width: 2.5rem;
+			height: 2.5rem;
+			flex-shrink: 0;
+			transition: background-color var(--transition-duration);
+
+			i {
+				font-size: 1.25rem;
+				color: var(--text-color);
+				transition: color var(--transition-duration);
+			}
+
+			&:hover {
+				background-color: var(--primary-color);
+
+				i {
+					color: var(--primary-color-text);
+				}
+			}
+		}
+	}
+
+	.topbar-menu {
+		display: flex;
+		align-items: center;
+		margin: 0;
+		padding: 0;
+		list-style: none;
+
+		li {
+			&.topbar-profile {
+				margin-left: 1.5rem;
+				display: inline-flex;
+				align-items: center;
+				justify-content: center;
+
+				img {
+					width: 2rem;
+					height: 2rem;
+				}
+
+				button {
+					border-radius: 50%;
+					width: 2rem;
+					height: 2rem;
+					transition: box-shadow var(--transition-duration);
+
+					&:focus {
+						box-shadow: var(--focus-ring);
+					}
+				}
+			}
+
+			&.topbar-search {
+				.p-inputtext {
+					padding-top: 0.5rem;
+					padding-bottom: 0.5rem;
+					border-radius: 2rem;
+				}
+			}
+		}
+	}
+}

package/theme/styles/layout/_typography.scss

@@ -1,63 +1,68 @@
-h1, h2, h3, h4, h5, h6 {
-    margin: 1.5rem 0 1rem 0;
-    font-family: inherit;
-    font-weight: 600;
-    line-height: 1.2;
-    color: var(--surface-900);
-
-    &:first-child {
-        margin-top: 0;
-    }
-}
-
-h1 {
-    font-size: 2.5rem;
-}
-
-h2 {
-    font-size: 2rem;
-}
-
-h3 {
-    font-size: 1.75rem;
-}
-
-h4 {
-    font-size: 1.5rem;
-}
-
-h5 {
-    font-size: 1.25rem;
-}
-
-h6 {
-    font-size: 1rem;
-}
-
-mark {
-    background: #FFF8E1;
-    padding: .25rem .4rem;
-    border-radius: var(--border-radius);
-    font-family: monospace;
-}
-
-blockquote {
-    margin: 1rem 0;
-    padding: 0 2rem;
-    border-left: 4px solid #90A4AE;
-}
-
-hr {
-    border-top: solid var(--surface-border);
-    border-width: 1px 0 0 0;
-    margin: 1rem 0; 
-}
-
-p {
-    margin: 0 0 1rem 0;
-    line-height: 1.5;
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	margin: 1.5rem 0 1rem 0;
+	font-family: inherit;
+	font-weight: 600;
+	line-height: 1.2;
+	color: var(--surface-900);
+
+	&:first-child {
+		margin-top: 0;
+	}
+}
+
+h1 {
+	font-size: 2.5rem;
+}
+
+h2 {
+	font-size: 2rem;
+}
+
+h3 {
+	font-size: 1.75rem;
+}
+
+h4 {
+	font-size: 1.5rem;
+}
+
+h5 {
+	font-size: 1.25rem;
+}
+
+h6 {
+	font-size: 1rem;
+}
+
+mark {
+	background: #fff8e1;
+	padding: 0.25rem 0.4rem;
+	border-radius: var(--border-radius);
+	font-family: monospace;
+}
+
+blockquote {
+	margin: 1rem 0;
+	padding: 0 2rem;
+	border-left: 4px solid #90a4ae;
+}
+
+hr {
+	border-top: solid var(--surface-border);
+	border-width: 1px 0 0 0;
+	margin: 1rem 0;
+}
+
+p {
+	margin: 0 0 1rem 0;
+	line-height: 1.5;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}

package/theme/styles/layout/_utils.scss

@@ -1,24 +1,24 @@
-.card {
-    background: var(--surface-card);
-    border: 1px solid var(--surface-border);
-    padding: 2rem;
-    margin-bottom: 2rem;
-    box-shadow: var(--card-shadow);
-    border-radius: 12px;
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-}
-
-.p-toast {
-    &.p-toast-top-right,
-    &.p-toast-top-left,
-    &.p-toast-top-center {
-        top: 70px;
-    }
-}
-
-.ng-hidden {
-    display: none !important;
-}
+.card {
+	background: var(--surface-card);
+	border: 1px solid var(--surface-border);
+	padding: 2rem;
+	margin-bottom: 2rem;
+	box-shadow: var(--card-shadow);
+	border-radius: 12px;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.p-toast {
+	&.p-toast-top-right,
+	&.p-toast-top-left,
+	&.p-toast-top-center {
+		top: 70px;
+	}
+}
+
+.ng-hidden {
+	display: none !important;
+}