-
Notifications
You must be signed in to change notification settings - Fork 44
/
__root.scss
101 lines (91 loc) · 3.17 KB
/
__root.scss
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
:root{
//ブランドカラーまとめ
--cocoon-twitter-color: #000000;
--cocoon-misskey-color: #b4e900;
--cocoon-bluesky-color: #0085ff;
--cocoon-facebook-color: #3b5998;
--cocoon-hatebu-color: #2c6ebd;
--cocoon-google-plus-color: #dd4b39;
--cocoon-pocket-color: #ef4056;
--cocoon-line-color: #00c300;
--cocoon-linkedin-color: #0077b5;
--cocoon-website-color: #002561;
--cocoon-instagram-color: #405de6;
--cocoon-pinterest-color: #bd081c;
--cocoon-youtube-color: #cd201f;
--cocoon-tiktok-color: #000000;
--cocoon-note-color: #41c9b4;
--cocoon-soundcloud-color: #ff8800;
--cocoon-flickr-color: #111;
--cocoon-amazon-color: #ff9900;
--cocoon-twitch-color: #6441a4;
--cocoon-rakuten-color: #bf0000;
--cocoon-rakuten-room-color: #c61e79;
--cocoon-slack-color: #e01563;
--cocoon-github-color: #4078c0;
--cocoon-codepen-color: #333;
--cocoon-feedly-color: #2bb24c;
--cocoon-rss-color: #f26522;
//汎用色
//以下の色を変更したらブロックエディターの設定の変更する
--cocoon-red-color: #e60033;
--cocoon-pink-color: #e95295;
--cocoon-purple-color: #884898;
--cocoon-deep-color: #55295b;
--cocoon-indigo-color: #1e50a2;
--cocoon-blue-color: #0095d9;
--cocoon-light-blue-color: #2ca9e1;
--cocoon-cyan-color: #00a3af;
--cocoon-teal-color: #007b43;
--cocoon-green-color: #3eb370;
--cocoon-light-green-color: #8bc34a;
--cocoon-lime-color: #c3d825;
--cocoon-yellow-color: #ffd900;
--cocoon-amber-color: #ffc107;
--cocoon-orange-color: #f39800;
--cocoon-deep-orange-color: #ea5506;
--cocoon-brown-color: #954e2a;
--cocoon-grey-color: #949495;
--cocoon-blue-gray-color: #607d8b;
--cocoon-black-color: #333333;
--cocoon-white-color: #ffffff;
--cocoon-watery-blue-color: #f3fafe;
--cocoon-watery-yellow-color: #fff7cc;
--cocoon-watery-red-color: #fdf2f2;
--cocoon-watery-green-color: #ebf8f4;
//カスタム色
--cocoon-custom-background-color: inherit;
--cocoon-custom-text-color: inherit;
--cocoon-custom-border-color: #ccc;
//フォント
--cocoon-default-font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
//テキスト色
--cocoon-text-color: #333;
--cocoon-pallid-text-color: #777;
--cocoon-x-pallid-text-color: #999;
//テキストサイズ
--cocoon-default-text-size: 18px;
--cocoon-text-size-s: 0.8em;
//ボーダー色
--cocoon-basic-border-color: #ccc;
--cocoon-three-d-border-colors: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
//色
--cocoon-middle-thickness-color: #888;
--cocoon-thin-color: #ddd;
--cocoon-x-thin-color: #eee;
--cocoon-xx-thin-color: #f5f6f7;
--cocoon-xxx-thin-color: #fafbfc;
--cocoon-current-background-color: #eee;
--cocoon-select-background-color: #d8eaf2;
//要素の丸め
--cocoon-basic-border-radius: 4px;
--cocoon-badge-border-radius: 2px;
--cocoon-middle-border-radius: 8px;
//ボックス関係
--cocoon-box-padding: 1em 1.5em;
--cocoon-list-padding: min(1%, 8px) min(2%, 16px) min(1%, 8px) min(3%, 24px);
--cocoon-list-wide-padding: min(3%, 24px) min(5%, 40px) min(3%, 24px) min(7%, 56px);
--cocoon-box-border-color: #47585c;
//SNSボタン色
--cocoon-sns-color: var(--cocoon-text-color);
}