From 58e06015ed1a3cd899ad33785732ab3f988cdb8b Mon Sep 17 00:00:00 2001 From: Lucifer Date: Fri, 13 Dec 2019 07:55:36 +0530 Subject: Added Window Wrapper for Normal and Vibrant Windows --- dist/.DS_Store | Bin 0 -> 6148 bytes dist/mac/all.css | 353 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 350 insertions(+), 3 deletions(-) create mode 100644 dist/.DS_Store (limited to 'dist') diff --git a/dist/.DS_Store b/dist/.DS_Store new file mode 100644 index 0000000..2b46c80 Binary files /dev/null and b/dist/.DS_Store differ diff --git a/dist/mac/all.css b/dist/mac/all.css index 28f64f2..00c93b9 100644 --- a/dist/mac/all.css +++ b/dist/mac/all.css @@ -22,10 +22,10 @@ discretion. ==================================================================== -CONTENTS OF THIS FILE: ----------------------- +COMPONENTS IN THIS FILE: +------------------------ -1. Window +1. Window Wrapper 2. Title Bars 3. Box Layouts 4. Sidebars @@ -40,6 +40,353 @@ CONTENTS OF THIS FILE: 13. Split Views 14. Tab Views 15. Progress Indicators +16. Panes */ +/* + +FONT IMPORTS +------------ + +*/ + +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Ultralight.otf'); + font-weight: 100; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-UltralightItalic.otf'); + font-weight: 100; + font-style: italic; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Thin.otf'); + font-weight: 200; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-ThinItalic.otf'); + font-weight: 200; + font-style: italic; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Light.otf'); + font-weight: 300; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-LightItalic.otf'); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Regular.otf'); + font-weight: 400; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-RegularItalic.otf'); + font-weight: 400; + font-style: italic; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Medium.otf'); + font-weight: 500; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-MediumItalic.otf'); + font-weight: 500; + font-style: italic; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Semibold.otf'); + font-weight: 600; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-SemiboldItalic.otf'); + font-weight: 600; + font-style: italic; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Bold.otf'); + font-weight: 700; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-BoldItalic.otf'); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Heavy.otf'); + font-weight: 800; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-HeavyItalic.otf'); + font-weight: 800; + font-style: italic; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-Black.otf'); + font-weight: 900; +} +@font-face { + font-family: SFProDisplay; + src: url('../../fonts/mac/SF-Pro-Display-BlackItalic.otf'); + font-weight: 900; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Ultralight.otf'); + font-weight: 100; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-UltralightItalic.otf'); + font-weight: 100; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Thin.otf'); + font-weight: 200; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-ThinItalic.otf'); + font-weight: 200; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Light.otf'); + font-weight: 300; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-LightItalic.otf'); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Regular.otf'); + font-weight: 400; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-RegularItalic.otf'); + font-weight: 400; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Medium.otf'); + font-weight: 500; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-MediumItalic.otf'); + font-weight: 500; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Semibold.otf'); + font-weight: 600; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-SemiboldItalic.otf'); + font-weight: 600; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Bold.otf'); + font-weight: 700; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-BoldItalic.otf'); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Heavy.otf'); + font-weight: 800; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-HeavyItalic.otf'); + font-weight: 800; + font-style: italic; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-Black.otf'); + font-weight: 900; +} +@font-face { + font-family: SFProRounded; + src: url('../../fonts/mac/SF-Pro-Rounded-BlackItalic.otf'); + font-weight: 900; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Ultralight.otf'); + font-weight: 100; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-UltralightItalic.otf'); + font-weight: 100; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Thin.otf'); + font-weight: 200; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-ThinItalic.otf'); + font-weight: 200; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Light.otf'); + font-weight: 300; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-LightItalic.otf'); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Regular.otf'); + font-weight: 400; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-RegularItalic.otf'); + font-weight: 400; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Medium.otf'); + font-weight: 500; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-MediumItalic.otf'); + font-weight: 500; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Semibold.otf'); + font-weight: 600; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-SemiboldItalic.otf'); + font-weight: 600; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Bold.otf'); + font-weight: 700; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-BoldItalic.otf'); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Heavy.otf'); + font-weight: 800; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-HeavyItalic.otf'); + font-weight: 800; + font-style: italic; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-Black.otf'); + font-weight: 900; +} +@font-face { + font-family: SFProText; + src: url('../../fonts/mac/SF-Pro-Text-BlackItalic.otf'); + font-weight: 900; + font-style: italic; +} + +/* + +GLOBAL STYLES +-------------- + +*/ + +body { + padding: 0; + margin: 0; +} + +/* Window Wrapper */ + +.window { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + flex-direction: column; + background-color: #fff; +} + +.window-vibrant { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + flex-direction: column; +} + +.content { + position: relative; + overflow-y: auto; + display: flex; + flex: 1; +} \ No newline at end of file -- cgit v1.2.3