UNPKG

1.99 kBSCSSView Raw
1//
2// Copyright 2018 Google Inc.
3//
4// Permission is hereby granted, free of charge, to any person obtaining a copy
5// of this software and associated documentation files (the "Software"), to deal
6// in the Software without restriction, including without limitation the rights
7// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
8// copies of the Software, and to permit persons to whom the Software is
9// furnished to do so, subject to the following conditions:
10//
11// The above copyright notice and this permission notice shall be included in
12// all copies or substantial portions of the Software.
13//
14// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
20// THE SOFTWARE.
21//
22
23// Default styles
24$row-height: 64px !default;
25$title-left-padding: 20px !default;
26$section-vertical-padding: 8px !default;
27$section-horizontal-padding: 12px !default;
28
29$mobile-breakpoint: 599px !default;
30
31// Default mobile styles
32$mobile-row-height: 56px !default;
33$mobile-section-padding: 4px !default;
34
35// Short top app bar
36$short-collapsed-border-radius: 4px !default;
37$short-collapsed-width: 56px !default;
38$short-collapsed-right-icon-padding: 12px !default;
39
40// Prominent styles
41$prominent-row-height: 128px !default;
42$prominent-title-bottom-padding: 2px !default;
43
44// Prominent mobile styles
45$prominent-mobile-title-bottom-padding: 6px !default;
46
47// Dense styles
48$dense-row-height: 48px !default;
49$dense-section-horizontal-padding: 4px !default;
50$dense-title-left-padding: 12px !default;
51
52// Dense & Prominent styles
53$dense-prominent-title-bottom-padding: 9px !default;