agenda-libre-ruby/app/assets/stylesheets/form.sass

194 lines
4.8 KiB
Sass
Raw Normal View History

@import font-awesome
@import variables
2017-05-22 16:42:21 +02:00
body.mce-content-body
margin: 0
border: none
padding: 1px 1%
2017-05-27 14:09:18 +02:00
font-size: inherit
2019-04-21 16:23:04 +02:00
min-height: 100%
2017-05-22 16:42:21 +02:00
2019-04-20 19:10:14 +02:00
.tox-tinymce
2017-05-22 16:42:21 +02:00
border: none !important
2017-05-22 16:42:21 +02:00
.helper p
color: gray
text-align: right
margin-top: 0
margin-bottom: 0
2018-07-14 00:49:33 +02:00
legend
margin-left: 0
2017-05-22 16:42:21 +02:00
.field
color: #666
2017-05-22 16:42:21 +02:00
border: $border
2017-05-27 13:02:27 +02:00
display: flex
flex-wrap: wrap
2017-05-22 16:42:21 +02:00
box-shadow: $shadow
2018-08-30 19:59:00 +02:00
align-items: center
2017-05-22 16:42:21 +02:00
border-radius: $radius
& > label, .field_with_errors > label
width: 10em
2017-05-27 13:02:27 +02:00
margin: 0
padding: 0.8em
2017-05-22 16:42:21 +02:00
text-align: right
2018-02-11 18:06:32 +01:00
padding-left: 0
.helper
color: #888
padding: 0.8em
font-style: italic
margin-left: 0
2019-04-20 19:10:14 +02:00
input, textarea, div.tagsinput, .field_with_errors:last-child, & > div
2017-05-27 13:02:27 +02:00
flex-grow: 1
&[type=number], &[type=checkbox]
flex-grow: unset
margin-left: 0
margin-right: 0
2017-05-27 13:02:27 +02:00
select
margin-left: 0
margin-right: 0
.field_with_errors:first-child
width: 10em
.field_with_errors > *
width: 100%
display: block
2017-05-22 16:42:21 +02:00
.field[title]
position: relative
.field[title]:after
@extend .far
top: 0.4em
right: 0.4em
content: fa-content($fa-var-question-circle)
position: absolute
2019-04-20 19:10:14 +02:00
input, textarea, select, a.button, .actions > button, div.tagsinput, .ui-autocomplete-input
2018-08-23 22:39:55 +02:00
color: black
border: solid 0.25em transparent
2017-05-27 13:02:27 +02:00
outline: none
padding: 0.25em
2017-05-22 16:42:21 +02:00
font-size: inherit
font-family: inherit
2017-05-27 13:02:27 +02:00
background-color: transparent
2017-05-22 16:42:21 +02:00
&:focus
border-color: #F0F8FF
2017-05-22 16:42:21 +02:00
&[type=radio]
box-shadow: none
&[type=radio] + label
border: none
&[type=submit], &.button
cursor: pointer
margin: 3px 0.4em
font-size: larger
box-shadow: $shadow
font-weight: bolder
letter-spacing: 2px
background-color: #9CC5EE
.field_with_errors
display: inline
input, textarea, select, a.button
background-color: pink
.radios
margin-left: 0
2017-05-22 16:42:21 +02:00
[type=radio]
display: none
label
color: #258
cursor: pointer
2019-05-03 11:35:24 +02:00
padding: 0.5em
display: inline-block
2017-05-22 16:42:21 +02:00
&:hover
color: #222
box-shadow: 0 0 0 4px lightgray
[type=radio]:checked + label
color: black
box-shadow: 0 0 0 6px lightgray
2018-01-21 23:25:31 +01:00
[type=radio]:invalid + label
box-shadow: 0 0 1px tomato
2017-05-22 16:42:21 +02:00
.actions
text-align: center
input
font-size: x-large
.field, .list, dl
2017-05-22 16:42:21 +02:00
&.required
& > label, & .field_with_errors > label
2017-05-22 16:42:21 +02:00
&:after
color: darkred
content: '*'
font-size: smaller
margin-left: 0.4em
& > label:before, & .field_with_errors > label:before, th:before, th a:before
margin-right: 0.4em
@extend .fa
2017-05-22 16:42:21 +02:00
&.login label:before
content: fa-content($fa-var-sign-in-alt)
2017-05-22 16:42:21 +02:00
&.password label:before
content: fa-content($fa-var-unlock)
2017-05-22 16:42:21 +02:00
&.title label:before
content: fa-content($fa-var-newspaper)
2017-05-22 16:42:21 +02:00
&.start_time label:before
content: fa-content($fa-var-toggle-on)
2017-05-22 16:42:21 +02:00
&.end_time label:before
content: fa-content($fa-var-toggle-off)
2017-05-22 16:42:21 +02:00
&.repeat label:before
content: fa-content($fa-var-redo)
2017-05-22 16:42:21 +02:00
&.rule > label:before
content: fa-content($fa-var-calculator)
2017-05-22 16:42:21 +02:00
&.description label:before
content: fa-content($fa-var-edit)
2017-05-22 16:42:21 +02:00
&.place_name label:before
content: fa-content($fa-var-map-pin)
2017-05-22 16:42:21 +02:00
&.address label:before
content: fa-content($fa-var-map-marker)
2017-05-22 16:42:21 +02:00
&.city label:before, th.city a:before
content: fa-content($fa-var-building)
2017-05-22 16:42:21 +02:00
&.department label:before, th.department a:before
content: fa-content($fa-var-puzzle-piece)
&.region > label:before, th.region a:before
content: fa-content($fa-var-shield-alt)
2017-05-22 16:42:21 +02:00
&.locality > label:before
content: fa-content($fa-var-expand)
2017-05-22 16:42:21 +02:00
&.contact label:before
content: fa-content($fa-var-envelope)
2017-05-22 16:42:21 +02:00
&.submitter label:before
content: fa-content($fa-var-envelope)
2017-05-22 16:42:21 +02:00
&.url label:before, th.url:before
content: fa-content($fa-var-external-link-alt)
&.diaspora label:after, td.diaspora em:before, dt.diaspora em:before
content: "*"
2019-05-01 16:02:43 +02:00
font-size: 24px
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif
line-height: 0
&.tag label:before, th.tag a:before
content: fa-content($fa-var-tag)
2017-05-22 16:42:21 +02:00
&.tags label:before, th.tags a:before
content: fa-content($fa-var-tags)
2017-05-22 16:42:21 +02:00
&.active label:before
content: fa-content($fa-var-heartbeat)
2017-05-22 16:42:21 +02:00
&.reason label:before
content: fa-content($fa-var-comment)
2017-05-22 16:42:21 +02:00
&.kind > label:before, th.kind:before
content: fa-content($fa-var-cubes)
2017-05-22 16:42:21 +02:00
&.feed label:before, th.feed:before
content: fa-content($fa-var-rss)
2017-05-22 16:42:21 +02:00
&.future label:before
content: fa-content($fa-var-backward)
2017-05-22 16:42:21 +02:00
&.period_year label:before
content: fa-content($fa-var-fast-backward)
2017-05-22 16:42:21 +02:00
&.period_week label:before
content: fa-content($fa-var-step-backward)
2017-05-22 16:42:21 +02:00
&.near_location label:before
2018-10-17 15:47:43 +02:00
content: fa-content($fa-var-map-pin)
2017-05-22 16:42:21 +02:00
&.near_distance label:before
content: fa-content($fa-var-arrows-alt-h)
2017-05-22 16:42:21 +02:00
&.iframe label:before
content: fa-content($fa-var-arrows-alt)