You are here

date-recur-modular-alpha-widget.css in Recurring Date Field Modular Widgets 3.x

.date-recur-modular-alpha-widget .dates {
  display: flex;
}
.date-recur-modular-alpha-widget .dates > * {
  padding: 0 1em;
}
.date-recur-modular-alpha-widget .dates > *:last-child {
  padding-right: 0;
}
.date-recur-modular-alpha-widget .dates > *:first-child {
  padding-left: 0;
}
.date-recur-modular-alpha-widget .ends {
  display: flex;
  align-items: center;
}
.date-recur-modular-alpha-widget .ends > * {
  padding: 0 1em;
}
.date-recur-modular-alpha-widget .ends > *:last-child {
  padding-right: 0;
}
.date-recur-modular-alpha-widget .ends > *:first-child {
  padding-left: 0;
}
.date-recur-modular-alpha-widget .container-inline label:after,
.date-recur-modular-alpha-widget .container-inline .label:after {
  /* Normally a colon is placed after label, which is undesirable for inline
     checkboxes */
  content: '';
}

File

css/date-recur-modular-alpha-widget.css
View source
  1. .date-recur-modular-alpha-widget .dates {
  2. display: flex;
  3. }
  4. .date-recur-modular-alpha-widget .dates > * {
  5. padding: 0 1em;
  6. }
  7. .date-recur-modular-alpha-widget .dates > *:last-child {
  8. padding-right: 0;
  9. }
  10. .date-recur-modular-alpha-widget .dates > *:first-child {
  11. padding-left: 0;
  12. }
  13. .date-recur-modular-alpha-widget .ends {
  14. display: flex;
  15. align-items: center;
  16. }
  17. .date-recur-modular-alpha-widget .ends > * {
  18. padding: 0 1em;
  19. }
  20. .date-recur-modular-alpha-widget .ends > *:last-child {
  21. padding-right: 0;
  22. }
  23. .date-recur-modular-alpha-widget .ends > *:first-child {
  24. padding-left: 0;
  25. }
  26. .date-recur-modular-alpha-widget .container-inline label:after,
  27. .date-recur-modular-alpha-widget .container-inline .label:after {
  28. /* Normally a colon is placed after label, which is undesirable for inline
  29. checkboxes */
  30. content: '';
  31. }