diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
commit | 58cda9cc7fb79ca9df6746de7f9662bc08dc156a (patch) | |
tree | 1211600c2a5d3b5f81c435c6896618111a611720 /src/styles/radio.scss | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
Diffstat (limited to 'src/styles/radio.scss')
-rw-r--r-- | src/styles/radio.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/src/styles/radio.scss b/src/styles/radio.scss new file mode 100644 index 000000000..644478cd6 --- /dev/null +++ b/src/styles/radio.scss | |||
@@ -0,0 +1,34 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | .franz-form { | ||
4 | .franz-form__radio-wrapper { | ||
5 | display: flex; | ||
6 | } | ||
7 | |||
8 | .franz-form__radio { | ||
9 | // background: $theme-gray-lightest; | ||
10 | border: 2px solid $theme-gray-lighter; | ||
11 | color: $theme-gray; | ||
12 | padding: 11px; | ||
13 | margin-right: 20px; | ||
14 | text-align: center; | ||
15 | border-radius: $theme-border-radius-small; | ||
16 | flex: 1; | ||
17 | box-shadow: $theme-inset-shadow; | ||
18 | transition: background $theme-transition-time; | ||
19 | |||
20 | &:last-of-type { | ||
21 | margin-right: 0; | ||
22 | } | ||
23 | |||
24 | &.is-selected { | ||
25 | border: 2px solid $theme-brand-primary; | ||
26 | background: #FFF; | ||
27 | color: $theme-brand-primary; | ||
28 | } | ||
29 | |||
30 | input { | ||
31 | display: none; | ||
32 | } | ||
33 | } | ||
34 | } | ||