diff options
Diffstat (limited to 'ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles')
6 files changed, 205 insertions, 0 deletions
diff --git a/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/base.scss b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/base.scss new file mode 100644 index 0000000..3e8f30b --- /dev/null +++ b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/base.scss @@ -0,0 +1,10 @@ +html, body +{ + height: 100vh; +} + +body +{ + display: flex; + flex-direction: column; +} diff --git a/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/bulma.scss b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/bulma.scss new file mode 100644 index 0000000..5074ebf --- /dev/null +++ b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/bulma.scss @@ -0,0 +1,121 @@ +// Colors +$black: hsl(0, 0%, 4%) !default +$black-bis: hsl(0, 0%, 7%) !default +$black-ter: hsl(0, 0%, 14%) !default + +$grey-darker: hsl(0, 0%, 21%) !default +$grey-dark: hsl(0, 0%, 29%) !default +$grey: hsl(0, 0%, 48%) !default +$grey-light: hsl(0, 0%, 71%) !default +$grey-lighter: hsl(0, 0%, 86%) !default +$grey-lightest: hsl(0, 0%, 93%) !default + +$white-ter: hsl(0, 0%, 96%) !default +$white-bis: hsl(0, 0%, 98%) !default +$white: hsl(0, 0%, 100%) !default + +$orange: hsl(14, 100%, 53%) !default +$yellow: hsl(48, 100%, 67%) !default +$green: hsl(141, 53%, 53%) !default +$turquoise: hsl(171, 100%, 41%) !default +$cyan: hsl(204, 71%, 53%) !default +$blue: hsl(217, 71%, 53%) !default +$purple: hsl(271, 100%, 71%) !default +$red: hsl(348, 86%, 61%) !default + +// Text colors +$text: $grey-dark !default +$text-invert: findColorInvert($text) !default +$text-light: $grey !default +$text-strong: $grey-darker !default + +$primary: $turquoise !default + +$info: $cyan !default +$success: $green !default +$warning: $yellow !default +$danger: $red !default + +$light: $white-ter !default +$dark: $grey-darker !default +// Invert colors +$orange-invert: findColorInvert($orange) !default +$yellow-invert: findColorInvert($yellow) !default +$green-invert: findColorInvert($green) !default +$turquoise-invert: findColorInvert($turquoise) !default +$cyan-invert: findColorInvert($cyan) !default +$blue-invert: findColorInvert($blue) !default +$purple-invert: findColorInvert($purple) !default +$red-invert: findColorInvert($red) !default + +$primary-invert: findColorInvert($primary) !default +$primary-light: findLightColor($primary) !default +$primary-dark: findDarkColor($primary) !default +$info-invert: findColorInvert($info) !default +$info-light: findLightColor($info) !default +$info-dark: findDarkColor($info) !default +$success-invert: findColorInvert($success) !default +$success-light: findLightColor($success) !default +$success-dark: findDarkColor($success) !default +$warning-invert: findColorInvert($warning) !default +$warning-light: findLightColor($warning) !default +$warning-dark: findDarkColor($warning) !default +$danger-invert: findColorInvert($danger) !default +$danger-light: findLightColor($danger) !default +$danger-dark: findDarkColor($danger) !default +$light-invert: findColorInvert($light) !default +$dark-invert: findColorInvert($dark) !default +// General colors +$scheme-main: $white !default +$scheme-main-bis: $white-bis !default +$scheme-main-ter: $white-ter !default +$scheme-invert: $black !default +$scheme-invert-bis: $black-bis !default +$scheme-invert-ter: $black-ter !default + +$background: $white-ter !default + +$border: $grey-lighter !default +$border-hover: $grey-light !default +$border-light: $grey-lightest !default +$border-light-hover: $grey-light !default +// Text colors +$text: $grey-dark !default +$text-invert: findColorInvert($text) !default +$text-light: $grey !default +$text-strong: $grey-darker !default +// Code colors +$code: darken($red, 15%) !default +$code-background: $background !default + +$pre: $text !default +$pre-background: $background !default +// Link colors +$link: $blue !default +$link-invert: findColorInvert($link) !default +$link-light: findLightColor($link) !default +$link-dark: findDarkColor($link) !default +$link-visited: $purple !default + +$link-hover: $grey-darker !default +$link-hover-border: $grey-light !default + +$link-focus: $grey-darker !default +$link-focus-border: $blue !default + +$link-active: $grey-darker !default +$link-active-border: $grey-dark !default + +// Responsiveness +// The container horizontal gap, which acts as the offset for breakpoints +$gap: 32px !default +// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16 +$tablet: 769px !default +// 960px container + 4rem +$desktop: 960px + (2 * $gap) !default +// 1152px container + 4rem +$widescreen: 1152px + (2 * $gap) !default +$widescreen-enabled: true !default +// 1344px container + 4rem +$fullhd: 1344px + (2 * $gap) !default +$fullhd-enabled: true !default diff --git a/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/content.scss b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/content.scss new file mode 100644 index 0000000..cd6f71d --- /dev/null +++ b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/content.scss @@ -0,0 +1,4 @@ +pre code.hljs +{ + background-color: transparent; +} diff --git a/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/header.scss b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/header.scss new file mode 100644 index 0000000..507e6d4 --- /dev/null +++ b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/header.scss @@ -0,0 +1,9 @@ +@import "bulma"; + +@media screen and (min-width: $tablet) +{ + nav + { + padding: 0 1.5em; + } +} diff --git a/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/index.scss b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/index.scss new file mode 100644 index 0000000..bd2d146 --- /dev/null +++ b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/index.scss @@ -0,0 +1,8 @@ +@charset "utf-8"; + +@import "bulma"; + +@import "base"; +@import "header"; +@import "content"; +@import "sidebar"; diff --git a/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/sidebar.scss b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/sidebar.scss new file mode 100644 index 0000000..a9f3b6d --- /dev/null +++ b/ThirdParty/CsvHelper-master/src/CsvHelper.Website/input/styles/sidebar.scss @@ -0,0 +1,53 @@ +@import "bulma"; + +.expander +{ + position: absolute; + font-size: 1.5rem; + transform: rotate(0deg); + top: -3px; + left: 0; + + &::before + { + content: "\203A"; + } + + &.expanded + { + left: 4px; + top: 2px; + transform: rotate(90deg); + } +} + +.sidebar +{ + display: flex; + position: fixed; + overflow-x: hidden; + overflow-y: auto; + + ul + { + li + { + line-height: 2rem; + padding-left: 1em; + position: relative; + + a + { + color: $text; + + &:not(.expander) + { + &:hover + { + text-decoration: underline; + } + } + } + } + } +} |