diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..ec6e157 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,8 @@ +*.ts text eol=lf +*.go text eol=lf +*.js text eol=lf +*.json text eol=lf +*.vue text eol=lf +*.md text eol=lf +*.css text eol=lf +*.scss text eol=lf \ No newline at end of file diff --git a/frontend/index.html b/frontend/index.html index d368082..f844e53 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -1,16 +1,22 @@ - - - HTWKalender - - - - - - - + + + HTWKalender + + + + + + + .p-menuitem-content { + &:last-child { + margin-bottom: 0; + } + + > .p-menuitem-content { + color: $menuitemTextColor; + transition: $listItemTransition; + border-radius: $menuitemBorderRadius; + + .p-menuitem-link { + color: $menuitemTextColor; + padding: $menuitemPadding; + user-select: none; + + .p-menuitem-text { color: $menuitemTextColor; - transition: $listItemTransition; - border-radius: $menuitemBorderRadius; + } + + .p-menuitem-icon { + color: $menuitemIconColor; + margin-right: $inlineSpacing; + } + + .p-submenu-icon { + color: $menuitemIconColor; + } + } + } + + &.p-highlight { + > .p-menuitem-content { + color: $menuitemTextActiveColor; + background: $menuitemActiveBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextActiveColor; + } + + .p-menuitem-icon, + .p-submenu-icon { + color: $menuitemIconActiveColor; + } + } + } + + &.p-focus { + > .p-menuitem-content { + background: $menuitemActiveFocusBg; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + > .p-menuitem-content { + color: $menuitemTextHoverColor; + background: $menuitemHoverBg; .p-menuitem-link { - color: $menuitemTextColor; - padding: $menuitemPadding; - user-select: none; + .p-menuitem-text { + color: $menuitemTextHoverColor; + } + .p-menuitem-icon, + .p-submenu-icon { + color: $menuitemTextHoverColor; + } + } + + &:hover { + color: $menuitemTextHoverColor; + background: $menuitemHoverBg; + + .p-menuitem-link { .p-menuitem-text { - color: $menuitemTextColor; + color: $menuitemTextHoverColor; } - - .p-menuitem-icon { - color: $menuitemIconColor; - margin-right: $inlineSpacing; - } - + + .p-menuitem-icon, .p-submenu-icon { - color: $menuitemIconColor; + color: $menuitemIconHoverColor; } + } } + } } - &.p-highlight { - > .p-menuitem-content { - color: $menuitemTextActiveColor; - background: $menuitemActiveBg; + > .p-menuitem-content { + &:hover { + color: $menuitemTextHoverColor; + background: $menuitemHoverBg; - .p-menuitem-link { - .p-menuitem-text { - color: $menuitemTextActiveColor; - } + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextHoverColor; + } - .p-menuitem-icon, .p-submenu-icon { - color: $menuitemIconActiveColor; - } - } - } - - &.p-focus { - > .p-menuitem-content { - background: $menuitemActiveFocusBg; - } - } - } - - &:not(.p-highlight):not(.p-disabled) { - &.p-focus { - > .p-menuitem-content { - color: $menuitemTextHoverColor; - background: $menuitemHoverBg; - - .p-menuitem-link { - .p-menuitem-text { - color: $menuitemTextHoverColor; - } - - .p-menuitem-icon, .p-submenu-icon { - color: $menuitemTextHoverColor; - } - } - - &:hover { - color: $menuitemTextHoverColor; - background: $menuitemHoverBg; - - .p-menuitem-link { - .p-menuitem-text { - color: $menuitemTextHoverColor; - } - - .p-menuitem-icon, .p-submenu-icon { - color: $menuitemIconHoverColor; - } - } - } - } - } - - > .p-menuitem-content { - &:hover { - color: $menuitemTextHoverColor; - background: $menuitemHoverBg; - - .p-menuitem-link { - .p-menuitem-text { - color: $menuitemTextHoverColor; - } - - .p-menuitem-icon, .p-submenu-icon { - color: $menuitemIconHoverColor; - } - } - } + .p-menuitem-icon, + .p-submenu-icon { + color: $menuitemIconHoverColor; + } } + } } + } } @mixin horizontal-rootmenuitem { - > .p-menuitem-content { + > .p-menuitem-content { + color: $horizontalMenuRootMenuitemTextColor; + transition: $listItemTransition; + border-radius: $horizontalMenuRootMenuitemBorderRadius; + + .p-menuitem-link { + padding: $horizontalMenuRootMenuitemPadding; + user-select: none; + + .p-menuitem-text { color: $horizontalMenuRootMenuitemTextColor; - transition: $listItemTransition; - border-radius: $horizontalMenuRootMenuitemBorderRadius; + } + + .p-menuitem-icon { + color: $horizontalMenuRootMenuitemIconColor; + margin-right: $inlineSpacing; + } + + .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconColor; + margin-left: $inlineSpacing; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + > .p-menuitem-content { + &:hover { + color: $horizontalMenuRootMenuitemTextHoverColor; + background: $horizontalMenuRootMenuitemHoverBg; .p-menuitem-link { - padding: $horizontalMenuRootMenuitemPadding; - user-select: none; + .p-menuitem-text { + color: $horizontalMenuRootMenuitemTextHoverColor; + } - .p-menuitem-text { - color: $horizontalMenuRootMenuitemTextColor; - } - - .p-menuitem-icon { - color: $horizontalMenuRootMenuitemIconColor; - margin-right: $inlineSpacing; - } - - .p-submenu-icon { - color: $horizontalMenuRootMenuitemIconColor; - margin-left: $inlineSpacing; - } - } - } - - &:not(.p-highlight):not(.p-disabled) { - > .p-menuitem-content { - &:hover { - color: $horizontalMenuRootMenuitemTextHoverColor; - background: $horizontalMenuRootMenuitemHoverBg; - - .p-menuitem-link { - .p-menuitem-text { - color: $horizontalMenuRootMenuitemTextHoverColor; - } - - .p-menuitem-icon, .p-submenu-icon { - color: $horizontalMenuRootMenuitemIconHoverColor; - } - } - } + .p-menuitem-icon, + .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconHoverColor; + } } + } } + } } @mixin placeholder { - ::-webkit-input-placeholder { - @content - } - :-moz-placeholder { - @content - } - ::-moz-placeholder { - @content - } - :-ms-input-placeholder { - @content - } + ::-webkit-input-placeholder { + @content; + } + :-moz-placeholder { + @content; + } + ::-moz-placeholder { + @content; + } + :-ms-input-placeholder { + @content; + } } @mixin scaledPadding($val, $scale) { - padding: nth($val, 1) * $scale nth($val, 2) * $scale; + padding: nth($val, 1) * $scale nth($val, 2) * $scale; } @mixin scaledFontSize($val, $scale) { - font-size: $val * $scale; + font-size: $val * $scale; } @mixin nested-submenu-indents($val, $index, $length) { - .p-submenu-list { - .p-menuitem { - .p-menuitem-content { - .p-menuitem-link { - padding-left: $val * ($index + 1); - } - - } - @if $index < $length { - @include nested-submenu-indents($val, $index + 2, $length); - } + .p-submenu-list { + .p-menuitem { + .p-menuitem-content { + .p-menuitem-link { + padding-left: $val * ($index + 1); } + } + @if $index < $length { + @include nested-submenu-indents($val, $index + 2, $length); + } } + } } @mixin action-icon($enabled: true) { - width: $actionIconWidth; - height: $actionIconHeight; - color: $actionIconColor; - border: $actionIconBorder; - background: $actionIconBg; - border-radius: $actionIconBorderRadius; - transition: $actionIconTransition; - outline-color: transparent; + width: $actionIconWidth; + height: $actionIconHeight; + color: $actionIconColor; + border: $actionIconBorder; + background: $actionIconBg; + border-radius: $actionIconBorderRadius; + transition: $actionIconTransition; + outline-color: transparent; - @if $enabled { - &:enabled:hover { - @include action-icon-hover(); - } - } @else { - &:hover { - @include action-icon-hover(); - } + @if $enabled { + &:enabled:hover { + @include action-icon-hover(); } + } @else { + &:hover { + @include action-icon-hover(); + } + } - &:focus-visible { - @include focused(); - } + &:focus-visible { + @include focused(); + } } @mixin action-icon-hover() { - color: $actionIconHoverColor; - border-color: $actionIconHoverBorderColor; - background: $actionIconHoverBg; + color: $actionIconHoverColor; + border-color: $actionIconHoverBorderColor; + background: $actionIconHoverBg; } @mixin button-states { - //