2016-08-02 19:50:54 +02:00
|
|
|
{"version":3,"file":"nextDESIGN.css","sources":["nextDESIGN.sass"],"sourcesContent":["/*\n *The MIT License\n *\n *Copyright 2015 mmk2410.\n *\n *Permission is hereby granted, free of charge, to any person obtaining a copy\n *of this software and associated documentation files (the \"Software\"), to deal\n *in the Software without restriction, including without limitation the rights\n *to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n *copies of the Software, and to permit persons to whom the Software is\n *furnished to do so, subject to the following conditions:\n *\n *The above copyright notice and this permission notice shall be included in\n *all copies or substantial portions of the Software.\n *\n *THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n *IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n *FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n *AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n *LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n *OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n *THE SOFTWARE. */\n/*\n * Created on : Jun 18, 2015, 6:39:37 PM\n * Author : mmk2410 */\n\n$font: \"Fira Sans\", sans-serif;\n\n$background: #f0f0f0;\n$text-color: #383838;\n$primary-color: #4CAF50;\n$header-shadow: rgba(62, 62, 62, 0.45);\n$white: #FFFFFF;\n$fadeout-color: rgba(30, 87, 153, 0);\n$border: #e0e0e0;\n$active-color: #e2e2e2;\n$fab-shadow: rgba(62, 62, 62, 0.3);\n$footer-background: #2D2D2D;\n\nbody {\n font-family: $font;\n background: $background;\n color: $text-color;\n margin: 130px 0 0; }\n\n::selection, ::-moz-selection {\n color: $background;\n background-color: $primary-color; }\n\n.header {\n height: 55px;\n background-color: $primary-color;\n position: fixed;\n box-shadow: 2px 0 2px 2px $header-shadow; }\n\n.title {\n line-height: 55px;\n color: $white;\n position: absolute;\n left: 0;\n margin-left: calc(20% + 24px);\n > a {\n color: $white;\n text-decoration: none; } }\n\n.fadeout {\n height: 55px;\n background: -moz-linear-gradient(left, $fadeout-color 0%, $primary-color 100%);\n background: -webkit-linear-gradient(left, $fadeout-color 0%, $primary-color 100%);\n background: -o-linear-gradient(left, $fadeout-color 0%, $primary-color 100%);\n background: -ms-linear-gradient(left, $fadeout-color 0%, $primary-color 100%);\n background: linear-gradient(to right, $fadeout-color 0%, $primary-color 100%); }\n\n.nav-img {\n padding: 14px 19px; }\n\n.nav {\n background-color: $white;\n border-right: 1px solid $border; }\n\n.nav-item, .nav-item-static {\n color: $text-color; }\n\n.nav-item {\n font-weight: 600;\n &:hover {\n color: $primary-color; }\n &:active {\n background-color: $active-color; } }\n\n.divider {\n border-bottom: 1px solid $border; }\n\n.card {\n background: none;\n border-radius: 0;\n box-shadow: none;\n margin: 0 20% 100px;\n width: auto;\n a {\n color: $primary-color;\n text-decoration: none;\n border-bottom: 1px solid transparent;\n transition: border-bottom-color 150ms ease-in-out 100ms;\n &:hover {\n border-bottom-color: #4CAF50; } } }\n\n.headline {\n font-size: 30px;\n line-height: 50px;\n color: #383838 !important;\n text-decoration: none;\n border-bottom: none !important;\n &:hover {\n color: #4CAF50 !important; } }\n\n.date {\n font-size: 13px; }\n\n.articletext {\n margin-top: 30px;\n font-size: 16px;\n line-height: 30px; }\n\n.author, .tag {\n font-size: 13px; }\n\n.fab {\n background-color: $primary-color;\n box-shadow: 0 1px 1.5px 1.5px $fab-shadow; }\n\n.subfab {\n background-color: $white;\n box-shadow: 0 1px 1.5px 1.5px $fab-shadow; }\n\n.button {\n color: $primary-color;\n border-bottom: 1px solid transparent;\n margin: 0;\n min-width: 0;\n padding: 0;\n line-height: 16px;\n height: 16px;\n transition-property: border-bottom-color;\n transition-delay: 50ms;\n transition-duration: 125ms
|
