Permalink
Browse files

style: HideScrollbar-SCSS added

  • Loading branch information...
MikeMitterer committed Feb 6, 2017
1 parent 8d8f224 commit 8077323f01ec9f9aaae01ecb815e0a6f72277a4e
@@ -118,19 +118,19 @@
left: 0;
height: 100%;
width: 100%;
mask: url("#{$checkbox-image-path}/tick-mask.svg?embed");
mask: svg-tick-mask();
background: transparent;
@include material-animation-default(0.28s);
transition-property: background;
.mdl-checkbox.is-checked & {
background: $checkbox-color url("#{$checkbox-image-path}/tick.svg?embed");
background: $checkbox-color svg-tick();
}
fieldset[disabled] .mdl-checkbox.is-checked &,
.mdl-checkbox.is-checked.is-disabled & {
background: $checkbox-disabled-color url("#{$checkbox-image-path}/tick.svg?embed");
background: $checkbox-disabled-color svg-tick();
}
}
@@ -3358,8 +3358,8 @@ input.mdl-button[type="submit"] {
left: 0;
height: 100%;
width: 100%;
-webkit-mask: url("/tick-mask.svg?embed");
mask: url("/tick-mask.svg?embed");
-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M0%200v1h1V0H0zm.853.167L.96.273l-.53.53L.322.91.217.803.04.627.147.52l.176.177.53-.53z%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3Cmask%20maskContentUnits%3D%22objectBoundingBox%22%3E%3Cpath%20d%3D%22M0%200v1h1V0H0zm.853.167L.96.273l-.53.53L.322.91.217.803.04.627.147.52l.176.177.53-.53z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20clip-path%3D%22url(%23a)%22%20d%3D%22M0%200h1v1H0z%22%2F%3E%3C%2Fsvg%3E");
mask: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M0%200v1h1V0H0zm.853.167L.96.273l-.53.53L.322.91.217.803.04.627.147.52l.176.177.53-.53z%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3Cmask%20maskContentUnits%3D%22objectBoundingBox%22%3E%3Cpath%20d%3D%22M0%200v1h1V0H0zm.853.167L.96.273l-.53.53L.322.91.217.803.04.627.147.52l.176.177.53-.53z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20clip-path%3D%22url(%23a)%22%20d%3D%22M0%200h1v1H0z%22%2F%3E%3C%2Fsvg%3E");
background: transparent;
-webkit-transition-duration: 0.28s;
transition-duration: 0.28s;
@@ -3368,10 +3368,10 @@ input.mdl-button[type="submit"] {
-webkit-transition-property: background;
transition-property: background; }
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background: #3f51b5 url("/tick.svg?embed"); }
background: #3f51b5 url("data:image/svg+xml;charset=utf-8,%3Csvg%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20viewBox%3D%220%200%201%201%22%0A%20%20%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%0A%20%20%3Cpath%0A%20%20%20%20%20d%3D%22M%200.04038059%2C0.6267767%200.14644661%2C0.52071068%200.42928932%2C0.80355339%200.3232233%2C0.90961941%20z%20M%200.21715729%2C0.80355339%200.85355339%2C0.16715729%200.95961941%2C0.2732233%200.3232233%2C0.90961941%20z%22%0A%20%20%20%20%20id%3D%22rect3780%22%0A%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bstroke%3Anone%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
background: rgba(0, 0, 0, 0.26) url("/tick.svg?embed"); }
background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;charset=utf-8,%3Csvg%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20viewBox%3D%220%200%201%201%22%0A%20%20%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%0A%20%20%3Cpath%0A%20%20%20%20%20d%3D%22M%200.04038059%2C0.6267767%200.14644661%2C0.52071068%200.42928932%2C0.80355339%200.3232233%2C0.90961941%20z%20M%200.21715729%2C0.80355339%200.85355339%2C0.16715729%200.95961941%2C0.2732233%200.3232233%2C0.90961941%20z%22%0A%20%20%20%20%20id%3D%22rect3780%22%0A%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bstroke%3Anone%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
.mdl-checkbox__label {
position: relative;

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -0,0 +1,63 @@
// ----------------------------------------------------------------------------
// Copyright (c) 2017, Michael Mitterer (office@mikemitterer.at),
// IT-Consulting and Development Limited.
//
// All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//
// Use it to remove distracting scrollbars
//
// Sample:
// .application div, main {
// @include hide_scrollbar();
// }
//
// html, body, body > div, .mdl-splashscreen, .application {
// @include hide_scrollbar($show_on_hover: false);
// }
@mixin hide_scrollbar($show_on_hover: true) {
// 1. hides the scrollbar on webkit browsers
&::-webkit-scrollbar {
display : none;
-webkit-appearance: none;
@if $show_on_hover {
width: 11px;
height: 11px;
}
}
&:hover::-webkit-scrollbar-thumb {
border-radius: 8px;
// Angleichen mit Hintergrundfarbe-nicht transparent!
border: 2px solid white;
background-color: rgba(0, 0, 0, .5);
}
// 3. enables smooth scrolling on mobile
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar-button {
display : none;
}
@if $show_on_hover {
&:hover::-webkit-scrollbar {
display : inherit;
}
}
// 2. hides the scrollbar on Egde
-ms-overflow-style: -ms-autohiding-scrollbar;
}
@@ -55,6 +55,7 @@ class Utils {
return targetCss.path;
}
static List<String> genPredefLayoutsCSS() {
final String layoutsDir = config.layoutsdir;
final List<String> layouts = <String>[ "2col-header-footer-props" ];

0 comments on commit 8077323

Please sign in to comment.