123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- @import "../../../node_modules/tracim_frontend_lib/src/css/Variable.styl"
-
- .activity
- margin 0 35px 50px 0
- width 60%
- &__wrapper
- border 1px solid grey
- height 480px
- overflow-y scroll
- &__header
- display flex
- justify-content space-between
- align-items center
- margin-bottom 20px
- height 44px
- &__allread
- padding 10px 25px
- font-size 18px
- cursor pointer
- &__workspace
- display flex
- align-items center
- border-bottom 1px solid grey
- padding 15px
- cursor pointer
- font-weight bold
- &.read
- font-weight normal
- &:hover
- background-color fourthColor
- &:nth-child(even)
- background-color grey-hover
- &:hover
- background-color fourthColor
- &__icon
- margin 0 25px
- font-size 25px
- &__name
- font-size 18px
- &__more
- &__btn
- margin 15px
- padding 10px 25px
- cursor pointer
-
-
- /**** MEDIAQUERIES ****/
-
- /**** MEDIA 992px and 1199px ****/
-
- @media (min-width min-lg) and (max-width: max-lg)
- .activity
- margin-right 0
- width 100%
-
- /**** MEDIA 768px and 991px ****/
-
- @media (min-width: min-md) and (max-width: max-md)
- .activity
- margin 25px 0 25px 0
- width 100%
-
- /**** MEDIA 576px and 767px ****/
-
- @media (min-width: min-sm) and (max-width: max-sm)
- .activity
- margin 25px 0 25px 0
- width 100%
-
- /**** MEDIA 575px ****/
-
- @media (max-width: max-xs)
- .activity
- margin 25px 0
- width 100%
- &__wrapper
- margin-top 45px
- &__header
- display block
- height auto
- margin 0 15px 20px 15px
- &__title
- margin-bottom 20px
|