oulu 0.15.5 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/modules/text-style/_amazlet.sass +38 -0
  3. data/app/assets/stylesheets/modules/text-style/_disabled-h1.sass +18 -0
  4. data/app/assets/stylesheets/modules/text-style/_link-card.sass +67 -0
  5. data/app/assets/stylesheets/modules/text-style/_list.sass +16 -0
  6. data/app/assets/stylesheets/modules/text-style/_long-text-style.sass +195 -0
  7. data/app/assets/stylesheets/modules/text-style/_twitter-tweet.sass +9 -0
  8. data/app/assets/stylesheets/modules/themes/admin/_admin.sass +59 -0
  9. data/app/assets/stylesheets/modules/themes/admin/_base.sass +31 -0
  10. data/app/assets/stylesheets/modules/themes/admin/blocks/admin/_admin-page-header.sass +9 -0
  11. data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-actions.sass +35 -0
  12. data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-flash.sass +58 -0
  13. data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-form-file.sass +33 -0
  14. data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-form-inputs.sass +12 -0
  15. data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-form-radio.sass +64 -0
  16. data/app/assets/stylesheets/modules/themes/admin/blocks/form/_admin-form.sass +117 -0
  17. data/app/assets/stylesheets/modules/themes/admin/blocks/header/_admin-header-nav.sass +22 -0
  18. data/app/assets/stylesheets/modules/themes/admin/blocks/header/_admin-header-show-mobile-nav.sass +8 -0
  19. data/app/assets/stylesheets/modules/themes/admin/blocks/header/_admin-header.sass +19 -0
  20. data/app/assets/stylesheets/modules/themes/admin/blocks/navs/_admin-breadcrumbs.sass +45 -0
  21. data/app/assets/stylesheets/modules/themes/admin/blocks/navs/_admin-stack-nav.sass +34 -0
  22. data/app/assets/stylesheets/modules/themes/admin/blocks/navs/_admin-tabs-nav.sass +49 -0
  23. data/app/assets/stylesheets/modules/themes/admin/blocks/navs/_pagination.sass +63 -0
  24. data/app/assets/stylesheets/modules/themes/admin/blocks/table/_admin-table-form.sass +10 -0
  25. data/app/assets/stylesheets/modules/themes/admin/blocks/table/_admin-table-sort.sass +21 -0
  26. data/app/assets/stylesheets/modules/themes/admin/blocks/table/_admin-table.sass +71 -0
  27. data/app/assets/stylesheets/modules/themes/admin/settings/_admin-colors.sass +101 -0
  28. data/app/assets/stylesheets/modules/themes/style-guide/_base.sass +5 -0
  29. data/app/assets/stylesheets/modules/themes/style-guide/_style-guide.sass +43 -0
  30. data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-color.sass +42 -0
  31. data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-global-nav.sass +32 -0
  32. data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-header.sass +12 -0
  33. data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-section.sass +8 -0
  34. data/app/assets/stylesheets/modules/themes/style-guide/settings/_style-guide-colors.sass +33 -0
  35. data/bower.json +1 -1
  36. data/lib/oulu/version.rb +1 -1
  37. data/package.json +1 -1
  38. metadata +35 -3
  39. data/app/assets/stylesheets/modules/typography/_long-text.sass +0 -62
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 2103ba11cddb1ca56427b31cc5480561d6c6f274
4
- data.tar.gz: a04f0859e9f94b53a3e28bdad3002db3f48f3a51
3
+ metadata.gz: df3934db85a75397cdc893e3a800de2217e4b1ab
4
+ data.tar.gz: 94270b14258e532a1438d5f1572647ffe63df727
5
5
  SHA512:
6
- metadata.gz: d44757c68556ed11029f6039b542b99020d2b1662e83f8269bd39c3cca18f83b6a9fc948ee1ce8d788083c4db2a5c5490ac2287303cc9503bddf40628abdbea0
7
- data.tar.gz: 3ae00d93b3ce959d6cf054eb6efe0a672d3c4cd2fc402490cbebba996629466d807ff4c0de1aace8968bba20e794f02e9c46ba202798bb893a0674c3e3f0fcaa
6
+ metadata.gz: 79b4fede961874b9e05d52822cd34c19fe20a3b14fa877748a6bca6fcbdfb93ca38488cd2fb3372a6336f584acdb2dce24a968606676512a801b254a29d356fd
7
+ data.tar.gz: 5e36d5a17c3d3d973edd2090681b297058ed504fa3770f36d5e5595dfd0e92efc8e56fc0151167998d71180d7a366b9a77b03554017e2bd5a53cc8f14ad6d479
@@ -0,0 +1,38 @@
1
+ =amazlet
2
+ .amazlet-box
3
+ +margin(vertical, 1.5em 2em)
4
+ .amazlet-image
5
+ float: none !important
6
+ margin: 0 0 16px !important
7
+ a[target="_blank"]
8
+ &:after
9
+ content: none
10
+ img
11
+ max-width: 100%
12
+ width: 260px
13
+ display: block
14
+ +margin(horizontal, auto)
15
+ margin-bottom: 0 !important
16
+ .amazlet-info
17
+ text-align: center
18
+ margin-bottom: 0 !important
19
+ .amazlet-name
20
+ font-size: .875em
21
+ margin-bottom: .25em !important
22
+ a
23
+ text-decoration: none
24
+ color: $root-color
25
+ .amazlet-detail
26
+ font-size: .75em
27
+ margin-bottom: 0 !important
28
+ .amazlet-sub-info
29
+ float: none !important
30
+ text-align: right
31
+ .amazlet-link
32
+ display: none
33
+ .amazlet-powered-date
34
+ display: none !important
35
+ .amazlet-box:last-child
36
+ margin-top: 4em
37
+ .amazlet-image img
38
+ width: 10em
@@ -0,0 +1,18 @@
1
+ =disabled-h1($disabled-h1, $pc-font-size, $mobile-font-size)
2
+ @if $disabled-h1 = true
3
+ h1
4
+ color: transparent
5
+ height: 1.75rem
6
+ font-size: .5rem
7
+ +position(relative)
8
+ +media-breakpoint-down(sm)
9
+ height: 3.25rem
10
+ &::before
11
+ +text-block($pc-font-size 1.45 .5em, $reversal-text flex)
12
+ align-items: center
13
+ content: "要修正: 本文中の見出しは h1(#)は使わず h2(##)から始めてください"
14
+ background-color: red
15
+ +padding(horizontal, .5rem)
16
+ +position(absolute, left 0, top 0, right 0, bottom 0)
17
+ +media-breakpoint-down(sm)
18
+ font-size: $mobile-font-size
@@ -0,0 +1,67 @@
1
+ =link-card
2
+ .link-card
3
+ width: 100%
4
+ max-width: 35rem
5
+ +margin(horizontal, auto)
6
+ +margin(vertical, 1.5em 2em)
7
+ background: #fff
8
+ border: solid .0625rem mix($font, $background, 16%)
9
+ border-radius: .25rem
10
+ padding: .625rem .75rem .5rem
11
+
12
+ .link-card__inner
13
+ +position(relative)
14
+ padding-right: 7rem
15
+ min-height: 6rem
16
+ display: flex
17
+ flex-direction: column
18
+
19
+ .link-card__main
20
+ flex: 100
21
+
22
+ .link-card__og-image-container
23
+ +size(6rem)
24
+ +position(absolute, right 0, top 0)
25
+ margin: 0 0 .625rem .625rem
26
+ overflow: hidden
27
+ border: solid .0625rem mix($font, $background, 8%)
28
+ border-radius: .25rem
29
+ &:hover
30
+ border-color: mix($font, $background, 16%)
31
+
32
+ .link-card__og-image-link
33
+ display: block
34
+
35
+ .link-card__og-image
36
+ width: auto
37
+ height: 100px
38
+ margin: 0
39
+ vertical-align: middle
40
+ display: inline
41
+ border: none
42
+
43
+ .link-card__header
44
+ margin-bottom: .25rem
45
+
46
+ .link-card__title
47
+ +text-block(1rem 1.4 0, 600 $default-text)
48
+
49
+ .link-card__title-link
50
+ color: $default-text
51
+ display: block
52
+ +hover-link
53
+
54
+ .link-card__description
55
+ +text-block(.75em 1.4 0, $muted-text)
56
+
57
+ .link-card__footer
58
+ border-top: .0625rem solid mix($font, $background, 8%)
59
+ margin-top: .5rem
60
+ padding-top: .375rem
61
+ +text-block(.75em 1.4 0, flex)
62
+ flex: 0 0 1.375rem
63
+
64
+ .link-card__favicon
65
+ +size(1rem)
66
+ +margin(horizontal, 0 .25rem)
67
+ border: none
@@ -0,0 +1,16 @@
1
+ =list
2
+ ol
3
+ list-style-type: decimal
4
+ >ul,
5
+ list-style-type: disc
6
+ >ol
7
+ list-style-type: decimal
8
+ li
9
+ ul,
10
+ ol
11
+ +margin(vertical, .5em)
12
+ >ul
13
+ list-style-type: circle
14
+ >li
15
+ >ul
16
+ list-style-type: square
@@ -0,0 +1,195 @@
1
+ @import list
2
+ @import link-card
3
+ @import amazlet
4
+ @import twitter-tweet
5
+ @import disabled-h1
6
+ @import modules/web-fonts/source-code-pro
7
+
8
+ $background: white !default
9
+ $font: #333 !default
10
+ $disabled-h1: false !default
11
+
12
+ =long-text-style($pc-font-size: 1rem, $mobile-font-size: .8125rem, $background: $base-color, $font: $default-text, $disabled-h1: true)
13
+ font-size: $pc-font-size
14
+ +media-breakpoint-down(sm)
15
+ font-size: $mobile-font-size
16
+ >*:first-child
17
+ margin-top: 0
18
+ >*:last-child
19
+ margin-bottom: 0
20
+ +disabled-h1($disabled-h1, $pc-font-size, $mobile-font-size)
21
+ h2
22
+ +text-block(1.625em 1.4 1em, 600)
23
+ padding-bottom: .25em
24
+ border-bottom: .0625rem solid mix($font, $background, 20%)
25
+ * + h2
26
+ margin-top: 1.4em
27
+
28
+ * + h3,
29
+ * + h4,
30
+ * + h5
31
+ margin-top: 1.5em
32
+ h3
33
+ +text-block(1.375em 1.4 .625em, 600)
34
+ h4
35
+ +text-block(1.25em 1.3 .625em, 600)
36
+ h5
37
+ +text-block(1.125em 1.3 .625em, 600)
38
+ h6
39
+ +text-block(1em 1.3 .625em, 600)
40
+ p
41
+ +text-block(1em 1.8 1.5em)
42
+ a
43
+ +hover-link-reversal
44
+ p &
45
+ word-break: break-all
46
+ &:hover
47
+ img
48
+ border-color: mix($font, $background, 16%)
49
+ code
50
+ +source-code-pro
51
+ pre
52
+ code
53
+ +text-block(.875em 1.5)
54
+ p,
55
+ li
56
+ code
57
+ +text-block(.875em 1.7, $default-text inline-flex)
58
+ align-items: center
59
+ letter-spacing: 0
60
+ +padding(horizontal, .25rem)
61
+ border: solid .0625rem mix($font, $background, 20%)
62
+ background-color: mix($font, $background, 4%)
63
+ +margin(horizontal, .25rem)
64
+ border-radius: .125rem
65
+ hr
66
+ display: block
67
+ +margin(vertical, 1.5em 2em)
68
+ &:before
69
+ +fa('\f069\f069\f069')
70
+ display: block
71
+ +text-block(.9375rem 1, center)
72
+ +letter-spacing-center(.25rem)
73
+ img
74
+ max-width: 100%
75
+ display: block
76
+ +margin(horizontal, auto)
77
+ border: .0625rem solid mix($font, $background, 10%)
78
+ +media-breakpoint-down(sm)
79
+ max-width: 100% !important
80
+ &.is-xs
81
+ max-width: 10em
82
+ &.is-sm
83
+ max-width: 20em
84
+ &.is-md
85
+ max-width: 30em
86
+
87
+ +list
88
+ ul,
89
+ ol
90
+ list-style-position: outside
91
+ margin-left: 1.75em
92
+ margin-bottom: 1.5em
93
+ li
94
+ +text-block(1em 1.8)
95
+ +margin(vertical, .75em)
96
+ &:first-child
97
+ margin-top: 0
98
+ &:last-child
99
+ margin-bottom: 0
100
+ input
101
+ margin-right: .25rem
102
+ p + ul,
103
+ p + ol
104
+ margin-top: 1em
105
+
106
+ table
107
+ width: 100%
108
+ margin-bottom: 2em
109
+
110
+ th,
111
+ td
112
+ border: solid .0625rem mix($font, $background, 40%)
113
+ padding: .5em .625em
114
+ +text-block(.875em 1.4)
115
+
116
+ th
117
+ background-color: mix($font, $background, 8%)
118
+
119
+ tbody tr
120
+ &:nth-child(even)
121
+ background-color: mix($font, $background, 2%)
122
+
123
+ dl
124
+ margin: 1.5em 0 2em
125
+ +border(vertical, .0625rem solid mix($font, $background, 8%))
126
+ +padding(vertical, 2em)
127
+ @extend .row
128
+ +media-breakpoint-down(sm)
129
+ +padding(vertical, 1.5em)
130
+ +border(vertical, dotted)
131
+ dt
132
+ +text-block(.875em 1.6 .5em, bold)
133
+ margin-top: 1em
134
+ padding-right: .5em
135
+ @extend .col-sm-4
136
+ @extend .col-xs-12
137
+ +media-breakpoint-down(sm)
138
+ padding: 0
139
+ &:first-child
140
+ margin-top: 0
141
+ &+dd
142
+ margin-top: 0
143
+ &+dd
144
+ margin-top: 1em
145
+ +media-breakpoint-down(sm)
146
+ margin-top: 0
147
+ dd
148
+ +text-block(.875em 1.6 1em)
149
+ @extend .col-sm-8
150
+ @extend .col-xs-12
151
+ +media-breakpoint-down(sm)
152
+ padding: 0
153
+ &+dd
154
+ @extend .offset-sm-4
155
+ &:last-child
156
+ margin-bottom: 0
157
+
158
+ blockquote
159
+ padding-left: 1.5em
160
+ +margin(vertical, 1.5em 2em)
161
+ +position(relative)
162
+ border-left: solid .25em mix($font, $background, 10%)
163
+ +list
164
+ p + &
165
+ +margin(vertical, 3em 2.5em)
166
+ code
167
+ font-style: normal
168
+ >*:last-child
169
+ margin-bottom: 0 !important
170
+
171
+ details
172
+ +text-block(.875rem 1.8 1.5em)
173
+ border: solid .0625rem mix($font, $background, 20%)
174
+ border-radius: .25rem
175
+ summary
176
+ +text-block(1em 1.8 0)
177
+ cursor: pointer
178
+ padding: .5em 1em
179
+ outline: none
180
+ & + div
181
+ padding: .5em 1em
182
+ *:last-child
183
+ margin-bottom: 0
184
+ &[open] summary
185
+ border-bottom: solid .0625rem mix($font, $background, 20%)
186
+
187
+ iframe
188
+ display: block
189
+ max-width: 100%
190
+ +margin(vertical, 1.5em 2em)
191
+ +margin(horizontal, auto)
192
+
193
+ +amazlet
194
+ +twitter-tweet
195
+ +link-card
@@ -0,0 +1,9 @@
1
+ =twitter-tweet
2
+ .twitter-tweet
3
+ +margin(horizontal, auto)
4
+ margin-top: 1.5em !important
5
+ margin-bottom: 2em !important
6
+ &:first-child
7
+ margin-top: 0 !important
8
+ &:last-child
9
+ margin-bottom: 0 !important
@@ -0,0 +1,59 @@
1
+ //////////////
2
+ //settings
3
+ //////////////
4
+
5
+ // functions-before-variables
6
+ @import oulu-functions-before-variables
7
+
8
+ // variables
9
+ @import oulu-variables
10
+
11
+ // oulu-functions-after-variables (functions need variables)
12
+ @import oulu-functions-after-variables
13
+
14
+ // mixins
15
+ @import oulu-mixins
16
+
17
+ @import modules/themes/admin/settings/admin-colors
18
+
19
+
20
+ //////////////
21
+ // initializers
22
+ //////////////
23
+
24
+ @import oulu-initializers
25
+
26
+ //////////////
27
+ // helpers
28
+ //////////////
29
+
30
+ @import oulu-helpers
31
+
32
+ //////////////
33
+ // blocks
34
+ //////////////
35
+
36
+ @import modules/text-style/long-text-style
37
+ @import modules/buttons/buttons
38
+ @import modules/themes/admin/base
39
+ @import modules/themes/admin/blocks/header/admin-header-nav
40
+ @import modules/themes/admin/blocks/header/admin-header
41
+ @import modules/themes/admin/blocks/header/admin-header-show-mobile-nav
42
+
43
+ @import modules/themes/admin/blocks/table/admin-table
44
+ @import modules/themes/admin/blocks/table/admin-table-form
45
+ @import modules/themes/admin/blocks/table/admin-table-sort
46
+
47
+ @import modules/themes/admin/blocks/admin/admin-page-header
48
+
49
+ @import modules/themes/admin/blocks/form/admin-flash
50
+ @import modules/themes/admin/blocks/form/admin-form
51
+ @import modules/themes/admin/blocks/form/admin-form-inputs
52
+ @import modules/themes/admin/blocks/form/admin-actions
53
+ @import modules/themes/admin/blocks/form/admin-form-file
54
+ @import modules/themes/admin/blocks/form/admin-form-radio
55
+
56
+ @import modules/themes/admin/blocks/navs/admin-breadcrumbs
57
+ @import modules/themes/admin/blocks/navs/admin-stack-nav
58
+ @import modules/themes/admin/blocks/navs/admin-tabs-nav
59
+ @import modules/themes/admin/blocks/navs/pagination
@@ -0,0 +1,31 @@
1
+ html
2
+ background-color: $admin-base-color
3
+ color: $admin-default-text
4
+
5
+ .container
6
+ +media-breakpoint-down(sm)
7
+ +padding(horizontal, .5rem)
8
+ &.is-sm
9
+ max-width: 24rem
10
+ &.is-md
11
+ max-width: 45rem
12
+ &.is-lg
13
+ max-width: 54rem
14
+
15
+ a
16
+ transition: all .2s ease-in
17
+
18
+ \:placeholder-shown
19
+ color: $admin-placeholder-text
20
+ ::-webkit-input-placeholder
21
+ color: $admin-placeholder-text
22
+ \:-moz-placeholder
23
+ opacity: 1
24
+ color: $admin-placeholder-text
25
+ ::-moz-placeholder
26
+ opacity: 1
27
+ color: $admin-placeholder-text
28
+ \:-ms-input-placeholder
29
+ color: $admin-placeholder-text
30
+ .placeholder
31
+ color: $admin-placeholder-text
@@ -0,0 +1,9 @@
1
+ .admin-page-header
2
+ font-size: 1.25rem
3
+ border-bottom: solid .0625rem $admin-border
4
+ +padding(vertical, 1.25rem)
5
+
6
+ .admin-page-header__title
7
+ +text-block(1em 1, 700 $admin-default-text)
8
+ +media-breakpoint-down(sm)
9
+ font-size: 1rem
@@ -0,0 +1,35 @@
1
+ .admin-actions
2
+ margin-top: 1.5rem
3
+
4
+ .admin-actions__items
5
+ display: flex
6
+ justify-content: center
7
+ align-items: baseline
8
+ +margin(horizontal, -.5rem)
9
+ +media-breakpoint-down(sm)
10
+ display: block
11
+ +margin(horizontal, 0)
12
+
13
+ .admin-actions__item
14
+ display: block
15
+ +padding(horizontal, .5rem)
16
+ +media-breakpoint-down(sm)
17
+ +padding(horizontal, 0)
18
+ &:not(:last-child)
19
+ margin-bottom: 1.25rem
20
+
21
+ .admin-actions__item-action
22
+ &.is-main
23
+ min-width: 16rem
24
+ +padding(horizontal, .75rem)
25
+ +media-breakpoint-down(sm)
26
+ width: 100%
27
+ min-width: 0
28
+ &.is-sub
29
+ +hover-link-reversal
30
+ +text-block(.8125rem 1, block center)
31
+ color: $admin-link-text
32
+ i
33
+ margin-right: .5rem
34
+ &.is-danger
35
+ color: $admin-danger-text
@@ -0,0 +1,58 @@
1
+ .admin-flash
2
+ overflow: hidden
3
+ border-bottom: solid .0625rem
4
+ &.is-alert
5
+ background-color: $admin-flash-alert-background
6
+ border-color: $admin-flash-alert-text
7
+ color: $admin-flash-alert-text
8
+ &.is-notice
9
+ background-color: $admin-flash-notice-background
10
+ border-color: $admin-flash-notice-text
11
+ color: $admin-flash-notice-text
12
+ &.is-hidden
13
+ animation: fade-out 1s ease 0s forwards
14
+ body.is-ie11 &,
15
+ body.is-edge &
16
+ display: none
17
+
18
+ .admin-flash__inner
19
+ padding: .75rem 2.75rem .75rem 0
20
+ +position(relative)
21
+ +media-breakpoint-down(sm)
22
+ padding-left: 1.625rem
23
+
24
+ .admin-flash__title
25
+ +text-block(.875rem 1.45 .5rem)
26
+
27
+ .admin-flash__item
28
+ +text-block(.8125rem 1.45 .25rem)
29
+ &:last-child
30
+ margin-bottom: 0
31
+
32
+ .admin-flash__message
33
+ +text-block(.8125rem 1.45, center)
34
+
35
+ .admin-flash__close
36
+ +position(absolute, right 0, top -.0625rem)
37
+ +size(2.75rem)
38
+ +text-block(2rem 1, flex)
39
+ align-items: center
40
+ justify-content: center
41
+ opacity: .7
42
+ cursor: pointer
43
+ transition: all .2s ease-in
44
+ +media-breakpoint-down(sm)
45
+ left: -.75rem
46
+ &:hover
47
+ opacity: 1
48
+ *
49
+ cursor: pointer
50
+
51
+ .admin-flash__close-icon
52
+ +position(relative, top -.1875rem)
53
+
54
+ .admin-flash__body
55
+ p
56
+ +text-block(.8125rem 1.45, center)
57
+ +media-breakpoint-down(sm)
58
+ font-size: .75rem
@@ -0,0 +1,33 @@
1
+ .admin-form-file
2
+ text-align: center
3
+
4
+ .admin-form-file__image
5
+ margin-bottom: .75rem
6
+ +size(6rem)
7
+ display: flex
8
+ align-items: center
9
+ justify-content: center
10
+ +margin(horizontal, auto)
11
+
12
+ .admin-form-file__image-name
13
+ display: none
14
+ +text-block(.75rem 1 .75rem, center)
15
+ &.is-shown
16
+ display: block
17
+
18
+ .admin-form-file__action
19
+ +position(relative)
20
+
21
+ [class*="is-button-"].is-file
22
+ input
23
+ opacity: 0
24
+ +position(absolute, left 0, top 0)
25
+ +size(0)
26
+ overflow: hidden
27
+
28
+ .admin-form-file__action-label
29
+ display: none
30
+ .admin-form-file.is-unuploaded &.is-unuploaded
31
+ display: block
32
+ .admin-form-file.is-uploaded &.is-uploaded
33
+ display: block
@@ -0,0 +1,12 @@
1
+ .admin-form-inputs__items
2
+ display: flex
3
+ flex-wrap: wrap
4
+ +margin(horizontal, -.25rem)
5
+ margin-bottom: -.5rem
6
+
7
+ .admin-form-inputs__item
8
+ +margin(horizontal, .25rem)
9
+ margin-bottom: .5rem
10
+ display: flex
11
+ align-items: center
12
+ max-width: 100%
@@ -0,0 +1,64 @@
1
+ .admin-form-radio
2
+ +text-block(.8125rem 1.45, flex)
3
+ +position(relative)
4
+ padding-left: 1rem
5
+ cursor: pointer
6
+ input
7
+ +position(absolute, left 0, top 0)
8
+ opacity: 0
9
+ &::before
10
+ content: ""
11
+ display: block
12
+ +size(.75rem)
13
+ border-radius: 50%
14
+ +position(absolute, left 0, top 50%)
15
+ margin-top: -.375rem
16
+ background-color: $admin-background-shade
17
+ border: solid .0625rem $admin-border-shade
18
+ box-shadow: rgba(black, .2) 0 .0625rem .0625rem inset
19
+ &.is-checked
20
+ &::before
21
+ border-color: $admin-form-check
22
+ &::after
23
+ content: ""
24
+ display: block
25
+ +size(.5rem)
26
+ border-radius: 50%
27
+ +position(absolute, left .125rem, top 50%)
28
+ margin-top: -.25rem
29
+ background-color: $admin-form-check
30
+ box-shadow: rgba(black, .2) 0 0 0 .0625rem inset
31
+
32
+ .admin-form-radio__item
33
+ +padding(horizontal, .5rem)
34
+
35
+ .admin-form-checkbox
36
+ +text-block(.8125rem 1.45, flex)
37
+ +position(relative)
38
+ padding-left: 1rem
39
+ cursor: pointer
40
+ input
41
+ +position(absolute, left 0, top 0)
42
+ opacity: 0
43
+ &::before
44
+ content: ""
45
+ display: block
46
+ +size(.75rem)
47
+ border-radius: .125rem
48
+ +position(absolute, left 0, top 50%)
49
+ margin-top: -.375rem
50
+ background-color: $admin-background-shade
51
+ border: solid .0625rem $admin-border-shade
52
+ box-shadow: rgba(black, .2) 0 .0625rem .0625rem inset
53
+ &.is-checked
54
+ &::before
55
+ border-color: $admin-form-check
56
+ &::after
57
+ +fa("\f00c")
58
+ +text-block(.75rem 1, $admin-form-check flex)
59
+ align-items: center
60
+ justify-content: center
61
+ +size(1rem)
62
+ border-radius: 50%
63
+ +position(absolute, left -.125rem, top 50%)
64
+ margin-top: -.5rem