blob: 2b189915f668ecc910393e8a3c75b76ff551293e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
//
// Variables
//
@import 'node_modules/@automattic/color-studio/dist/color-variables.scss';
/********* RNA styles *********/
// Copied from plugins/backup/src/js/components
$font-title-large: 36px;
$font-title-small: 24px;
$font-body: 16px;
$font-label: 12px;
$jp-black: #000000;
$jp-black-80: #2c3338;
$jp-white: #ffffff;
$jp-white-off: #f9f9f6;
$jp-gray: #dcdcde;
$jp-gray-off: #e2e2df;
$jp-green-primary: #069e08;
$jp-green-secondary: #2fb41f;
$jp-border-radius: 4px;
$jp-menu-border-height: 1px;
$jp-underline-thickness: 2px;
/********* Generic styles *********/
$wp-gray-dark: #23282d;
$black: #000;
$white: #fff;
$blue-medium: #3582c4;
$color-plan: #069e08; // $studio-jetpack-green-40
/********* Mixins *********/
@mixin for-phone-up {
@media ( min-width: 600px ) {
@content;
}
}
@mixin for-tablet-up {
@media ( min-width: 960px ) {
@content;
}
}
@mixin for-phone-down {
@media ( max-width: 600px ) {
@content;
}
}
@mixin for-tablet-down {
@media ( max-width: 960px ) {
@content;
}
}
|