applications/calendar/src/app/styles/_specifics.scss

   1 @import '~@proton/styles/scss/lib';
   2
   3 .calendar-fullday-row {
   4         border-block-end: $calendar-grid-border;
   5         padding-block-end: $calendar-gridcell-gutter;
   6
   7         .calendar-aside {
   8                 margin-block-end: -$calendar-gridcell-gutter;
   9         }
  10 }
  11
  12 .calendar-row-heading {
  13         z-index: 1;
  14
  15         > div {
  16                 padding-inline-end: rem(11);
  17         }
  18 }
  19
  20 .calendar-first-row-heading {
  21         @include media('<=medium') {
  22                 font-size: rem(12);
  23         }
  24 }
  25
  26 @include media('<=small') {
  27         // we show abbreviated version only on week/month view
  28         .is-week-view,
  29         .is-month-view {
  30                 .calendar-grid-heading-day-fullname {
  31                         border: 0;
  32                         clip: rect(0 0 0 0);
  33                         block-size: 1px;
  34                         margin: -1px;
  35                         overflow: hidden;
  36                         padding: 0;
  37                         position: absolute;
  38                         inline-size: 1px;
  39                 }
  40         }
  41
  42         // thus hide the abbrievated version on day view
  43         .is-day-view {
  44                 .calendar-grid-heading-day-shortname {
  45                         display: none;
  46                 }
  47         }
  48 }