diff options
| author | Andrej Mihajlov <and@mullvad.net> | 2018-07-18 15:07:37 +0200 |
|---|---|---|
| committer | Andrej Mihajlov <and@mullvad.net> | 2018-08-15 17:39:38 +0200 |
| commit | 71592249b2dd669b6f24f37bfb7b0f4e43b74998 (patch) | |
| tree | a6097dc7e5d94d06e99c65fdfe160e824395f50c /app/assets/css | |
| parent | e84e87f4ce5a8c242f756566cdc6fb59a45f7bea (diff) | |
| download | mullvadvpn-71592249b2dd669b6f24f37bfb7b0f4e43b74998.tar.xz mullvadvpn-71592249b2dd669b6f24f37bfb7b0f4e43b74998.zip | |
Add workspaces
Diffstat (limited to 'app/assets/css')
| -rw-r--r-- | app/assets/css/fonts.css | 23 | ||||
| -rw-r--r-- | app/assets/css/global.css | 34 | ||||
| -rw-r--r-- | app/assets/css/reset.css | 48 | ||||
| -rw-r--r-- | app/assets/css/style.css | 8 | ||||
| -rw-r--r-- | app/assets/css/uiswitch.css | 135 |
5 files changed, 0 insertions, 248 deletions
diff --git a/app/assets/css/fonts.css b/app/assets/css/fonts.css deleted file mode 100644 index 22b97c7f2e..0000000000 --- a/app/assets/css/fonts.css +++ /dev/null @@ -1,23 +0,0 @@ -@font-face { - font-family: DINPro; - font-weight: bold; - src: url("../fonts/DINPro-Bold.otf") format("opentype"); -} - -@font-face { - font-family: DINPro; - font-weight: 900; - src: url("../fonts/DINPro-Black.otf") format("opentype"); -} - -@font-face { - font-family: "Open Sans"; - font-weight: 800; - src: url("../fonts/OpenSans-ExtraBold.ttf") format("truetype"); -} - -@font-face { - font-family: "Open Sans"; - font-weight: 600; - src: url("../fonts/OpenSans-Semibold.ttf") format("truetype"); -} diff --git a/app/assets/css/global.css b/app/assets/css/global.css deleted file mode 100644 index cf35bc2643..0000000000 --- a/app/assets/css/global.css +++ /dev/null @@ -1,34 +0,0 @@ -* { box-sizing: border-box; } - -:focus { - outline: 0; -} - -html { - -webkit-font-smoothing: antialiased; - user-select: none; - cursor: default; - height: 100%; - width: 100%; -} - -img { - -webkit-user-drag: none; -} - -body { - font-family: -apple-system, BlinkMacSystemFont, sans-serif; - height: 100%; - width: 100%; - display: flex; -} - -#app { - height: 100%; - width: 100%; - display: flex; -} - -::-webkit-input-placeholder { - color: rgba(41, 77, 115, 0.4); -}
\ No newline at end of file diff --git a/app/assets/css/reset.css b/app/assets/css/reset.css deleted file mode 100644 index cf3d1dd178..0000000000 --- a/app/assets/css/reset.css +++ /dev/null @@ -1,48 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -}
\ No newline at end of file diff --git a/app/assets/css/style.css b/app/assets/css/style.css deleted file mode 100644 index c81dbe4c01..0000000000 --- a/app/assets/css/style.css +++ /dev/null @@ -1,8 +0,0 @@ -/* global */ -@import 'reset.css'; -@import 'fonts.css'; -@import 'global.css'; - -/* app */ -@import '../../components/CustomScrollbars.css'; -@import '../../components/Switch.css'; diff --git a/app/assets/css/uiswitch.css b/app/assets/css/uiswitch.css deleted file mode 100644 index e8c037bf1e..0000000000 --- a/app/assets/css/uiswitch.css +++ /dev/null @@ -1,135 +0,0 @@ -/* https://github.com/fnky/css3-uiswitch */ -.uiswitch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - -o-appearance: none; - appearance: none; - height: 31px; - width: 51px; - position: relative; - border-radius: 16px; - cursor: pointer; - outline: 0; - z-index: 0; - margin: 0; - padding: 0; - border: none; - background-color: #e5e5e5; - -webkit-transition-duration: 600ms; - -moz-transition-duration: 600ms; - transition-duration: 600ms; - -webkit-transition-timing-function: ease-in-out; - -moz-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; - -webkit-touch-callout: none; - -webkit-text-size-adjust: none; - -webkit-tap-highlight-color: transparent; - -webkit-user-select: none; } - .uiswitch::before { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - height: 27px; - width: 47px; - content: ' '; - position: absolute; - left: 2px; - top: 2px; - background-color: white; - border-radius: 16px; - z-index: 1; - -webkit-transition-duration: 300ms; - -moz-transition-duration: 300ms; - transition-duration: 300ms; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); } - .uiswitch::after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - height: 27px; - width: 27px; - content: ' '; - position: absolute; - border-radius: 27px; - background: white; - z-index: 2; - top: 2px; - left: 2px; - box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 4px 11px 0px rgba(0, 0, 0, 0.08), -1px 3px 3px 0px rgba(0, 0, 0, 0.14); - -webkit-transition: -webkit-transform 300ms, width 280ms; - -moz-transition: -moz-transform 300ms, width 280ms; - transition: transform 300ms, width 280ms; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2); - -moz-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2); - transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2); } - .uiswitch:checked { - background-color: #4cd964; - background-image: -webkit-linear-gradient(-90deg, #4cd964 0%, #4dd865 100%); - background-image: linear-gradient(-180deg,#4cd964 0%, #4dd865 100%); } - .uiswitch:checked::after { - -webkit-transform: translate3d(16px, 0, 0); - -moz-transform: translate3d(16px, 0, 0); - -ms-transform: translate3d(16px, 0, 0); - -o-transform: translate3d(16px, 0, 0); - transform: translate3d(16px, 0, 0); - right: 18px; - left: inherit; } - .uiswitch:active::after { - width: 35px; } - .uiswitch:checked::before, .uiswitch:active::before { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); } - .uiswitch:disabled { - opacity: 0.5; - cursor: default; - -webkit-transition: none; - -moz-transition: none; - transition: none; } - .uiswitch:disabled:active::before, .uiswitch:disabled:active::after, .uiswitch:disabled:checked:active::before, .uiswitch:disabled:checked::before { - width: 27px; - -webkit-transition: none; - -moz-transition: none; - transition: none; } - .uiswitch:disabled:active::before { - height: 27px; - width: 41px; - -webkit-transform: translate3d(6px, 0, 0); - -moz-transform: translate3d(6px, 0, 0); - -ms-transform: translate3d(6px, 0, 0); - -o-transform: translate3d(6px, 0, 0); - transform: translate3d(6px, 0, 0); } - .uiswitch:disabled:checked:active::before { - height: 27px; - width: 27px; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); } - -.uiswitch { - background-color: #e5e5e5; } - .uiswitch::before { - background-color: white; } - .uiswitch::after { - background: white; } - .uiswitch:checked { - background-color: #4cd964; - background-image: -webkit-linear-gradient(-90deg, #4cd964 0%, #4dd865 100%); - background-image: linear-gradient(-180deg,#4cd964 0%, #4dd865 100%); }
\ No newline at end of file |
