diff options
Diffstat (limited to 'client/src/sass/_mixins.scss')
-rw-r--r-- | client/src/sass/_mixins.scss | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/client/src/sass/_mixins.scss b/client/src/sass/_mixins.scss index 681657d90..5798b8f6e 100644 --- a/client/src/sass/_mixins.scss +++ b/client/src/sass/_mixins.scss | |||
@@ -4,3 +4,38 @@ | |||
4 | outline: none !important; | 4 | outline: none !important; |
5 | } | 5 | } |
6 | } | 6 | } |
7 | |||
8 | @mixin peertube-input-text($width) { | ||
9 | display: inline-block; | ||
10 | height: $button-height; | ||
11 | width: $width; | ||
12 | background: #fff; | ||
13 | border: 1px solid #C6C6C6; | ||
14 | border-radius: 3px; | ||
15 | padding-left: 15px; | ||
16 | |||
17 | &::placeholder { | ||
18 | color: #585858; | ||
19 | } | ||
20 | } | ||
21 | |||
22 | @mixin peertube-button { | ||
23 | border: none; | ||
24 | color: #fff; | ||
25 | font-weight: $font-semibold; | ||
26 | font-size: 15px; | ||
27 | height: $button-height; | ||
28 | line-height: $button-height; | ||
29 | border-radius: 3px; | ||
30 | text-align: center; | ||
31 | background-color: $orange-color; | ||
32 | padding: 0 17px 0 13px; | ||
33 | cursor: pointer; | ||
34 | } | ||
35 | |||
36 | @mixin peertube-button-link { | ||
37 | display: inline-block; | ||
38 | |||
39 | @include peertube-button; | ||
40 | @include disable-default-a-behaviour; | ||
41 | } | ||