- Plain UI is a simple UI Framework. - It has + Plain UI is a simple UI Framework. The first Idea to create this was + a simple Solution to build Prototypes. But while i was working on this,
@@ -167,6 +167,16 @@
Content
++ The Class "content" will trigger a few styles for +
+Y'know this time it wasn't my fault. The Doc set all of his clocks twenty-five minutes slow. Listen, this is very important, I forgot my video camera, could you stop by my place and pick it up on your way to the mall? whoa, this is it, this is the part coming up, Doc. I'm really gonna miss you. Doc, about the future- Thank you, don't forget to take a flyer. diff --git a/dist/plain-ui.css b/dist/plain-ui.css index 1e58281..978b316 100644 --- a/dist/plain-ui.css +++ b/dist/plain-ui.css @@ -1,16 +1,16 @@ @charset "UTF-8"; @font-face { font-family: "IBM Plex Mono"; - src: url(/fonts/IBMPlexMono.eot?85f924ecb898e5720062617e4a86f1d1); - src: url(/fonts/IBMPlexMono.eot?85f924ecb898e5720062617e4a86f1d1) format("embedded-opentype"), url(/fonts/IBMPlexMono.woff2?db620201a437f00ce78da2a10cf50f3f) format("woff2"), url(/fonts/IBMPlexMono.woff?3d04ef6de65d3c77bd60c158326be298) format("woff"), url(/fonts/IBMPlexMono.ttf?ce51a85eb7160067d01bcf6e56f837d1) format("truetype"); + src: url("IBMPlexMono.eot"); + src: url("IBMPlexMono.eot?#iefix") format("embedded-opentype"), url("IBMPlexMono.woff2") format("woff2"), url("IBMPlexMono.woff") format("woff"), url("IBMPlexMono.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "IBM Plex Mono"; - src: url(/fonts/IBMPlexMono-Bold.eot?eb105b142ce736849ef4828cb0c8eb34); - src: url(/fonts/IBMPlexMono-Bold.eot?eb105b142ce736849ef4828cb0c8eb34) format("embedded-opentype"), url(/fonts/IBMPlexMono-Bold.woff2?8b633c62813e0275ebd7a1c793c4e99c) format("woff2"), url(/fonts/IBMPlexMono-Bold.woff?b72090c625b4144f3763d5b2bf8f5942) format("woff"), url(/fonts/IBMPlexMono-Bold.ttf?558e55bd46468bb8d7074d7064d02c30) format("truetype"); + src: url("IBMPlexMono-Bold.eot"); + src: url("IBMPlexMono-Bold.eot?#iefix") format("embedded-opentype"), url("IBMPlexMono-Bold.woff2") format("woff2"), url("IBMPlexMono-Bold.woff") format("woff"), url("IBMPlexMono-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; @@ -2449,7 +2449,7 @@ svg.field-choice__checked { } } .panel--border-highlight { - border-left-width: 10px; + border-left-width: 12px; } /** diff --git a/fonts/IBMPlexMono-Bold.eot b/fonts/IBMPlexMono-Bold.eot deleted file mode 100644 index 964922d..0000000 Binary files a/fonts/IBMPlexMono-Bold.eot and /dev/null differ diff --git a/fonts/IBMPlexMono-Bold.ttf b/fonts/IBMPlexMono-Bold.ttf deleted file mode 100644 index b509e00..0000000 Binary files a/fonts/IBMPlexMono-Bold.ttf and /dev/null differ diff --git a/fonts/IBMPlexMono-Bold.woff b/fonts/IBMPlexMono-Bold.woff deleted file mode 100644 index d310614..0000000 Binary files a/fonts/IBMPlexMono-Bold.woff and /dev/null differ diff --git a/fonts/IBMPlexMono-Bold.woff2 b/fonts/IBMPlexMono-Bold.woff2 deleted file mode 100644 index c093628..0000000 Binary files a/fonts/IBMPlexMono-Bold.woff2 and /dev/null differ diff --git a/fonts/IBMPlexMono.eot b/fonts/IBMPlexMono.eot deleted file mode 100644 index edcc7fe..0000000 Binary files a/fonts/IBMPlexMono.eot and /dev/null differ diff --git a/fonts/IBMPlexMono.ttf b/fonts/IBMPlexMono.ttf deleted file mode 100644 index 47a085c..0000000 Binary files a/fonts/IBMPlexMono.ttf and /dev/null differ diff --git a/fonts/IBMPlexMono.woff b/fonts/IBMPlexMono.woff deleted file mode 100644 index 6127906..0000000 Binary files a/fonts/IBMPlexMono.woff and /dev/null differ diff --git a/fonts/IBMPlexMono.woff2 b/fonts/IBMPlexMono.woff2 deleted file mode 100644 index 6c6feb4..0000000 Binary files a/fonts/IBMPlexMono.woff2 and /dev/null differ diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 6025b8f..b52b5f7 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -56,8 +56,9 @@ $plain-ui__line-height__breakpoints: ( */ $plain-ui__primary: #3e3e3e !default; +$plain-ui__primary-secondary: #ffffff !default; + $plain-ui__primary-active: lighten($plain-ui__primary, 20%) !default; -$plain-ui__primary-active-secondary: #ffffff !default; $plain-ui__secondary: #b3b2af !default; $plain-ui__success: #64ac64 !default; @@ -69,14 +70,15 @@ $plain-ui__danger-light: lighten($plain-ui__danger, 20%) !default; $plain-ui__info: #0090d4 !default; $plain-ui__info-light: lighten($plain-ui__info, 20%) !default; -$plain-ui__background: #f9f9f9 !default; -$plain-ui__background--secondary: #ffffff !default; $plain-ui__body: #f9f9f9 !default; $plain-ui__text: #363636 !default; $plain-ui__text-secondary: #ffffff !default; +$plain-ui__background: #f9f9f9 !default; +$plain-ui__background--secondary: #ffffff !default; $plain-ui__border: $plain-ui__primary !default; $plain-ui__border-secondary: #ffffff !default; -$plain-ui__link: #fff !default; +$plain-ui__link: $plain-ui__text !default; +$plain-ui__link-hover: $plain-ui__danger !default; $plain-ui__colors: ( 'primary' : --primary, @@ -85,21 +87,28 @@ $plain-ui__colors: ( ) !default; :root { + --body: #{$plain-ui__body}; + --text: #{$plain-ui__text}; + --text-secondary: #{$plain-ui__text-secondary}; --primary: #{$plain-ui__primary}; - --primary-active: #{$plain-ui__primary-active}; - --primary-active-secondary: #{$plain-ui__primary-active-secondary}; - --link: #{$plain-ui__primary}; - --link-hover: #{$plain-ui__danger}; + --primary-secondary: #{$plain-ui__primary-secondary}; + --active: #{$plain-ui__active}; + --active-secondary: #{$plain-ui__active-secondary}; + --link: #{$plain-ui__link}; + --link-hover: #{$plain-ui__link-hover}; --danger: #{$plain-ui__danger}; - --danger-light: #{$plain-ui__danger}; + --danger-activ: #{$plain-ui__danger-activ}; + --danger-secondary: #{$plain-ui__danger-secondary}; + --info: #{$plain-ui__danger}; + --info-activ: #{$plain-ui__danger-activ}; + --info-secondary: #{$plain-ui__danger-secondary}; --success: #{$plain-ui__success}; + --success-activ: #{$plain-ui__success-activ}; + --success-secondary: #{$plain-ui__success-secondary}; --white: #ffffff; --black: #212121; - --text: #{$plain-ui__text}; - --text-secondary: #{$plain-ui__text-secondary}; --background: #{$plain-ui__primary}; --background-secondary: #{$plain-ui__border-secondary}; - --body: #{$plain-ui__body}; --border: #{$plain-ui__border}; --border-secondary: #{$plain-ui__border-secondary}; } diff --git a/src/scss/components/_panel.scss b/src/scss/components/_panel.scss index fa7a3d2..f84d30e 100644 --- a/src/scss/components/_panel.scss +++ b/src/scss/components/_panel.scss @@ -15,6 +15,6 @@ } &--border-highlight { - border-left-width: 10px; + border-left-width: 12px; } } \ No newline at end of file diff --git a/webpack.mix.js b/webpack.mix.js index efcf01c..d338e77 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -38,4 +38,10 @@ mix.webpackConfig({ mix .sass('src/scss/plain-ui.scss', 'dist/plain-ui.css') - .copy('src/fonts/*', 'dist/fonts') \ No newline at end of file + .copy('src/fonts/*', 'dist/fonts') + .options({ + terser: { + extractComments: false, + }, + processCssUrls: false + }) \ No newline at end of file