Open Source Projects Europe

styles.less    46 lines (33 with data), 843 Bytes

// Extra small screen / phone
 //** Deprecated `@screen-xs` as of v3.0.1
 @screen-xs:                  480px;
 //** Deprecated `@screen-xs-min` as of v3.2.0
 @screen-xs-min:              @screen-xs;
 //** Deprecated `@screen-phone` as of v3.0.1
 @screen-phone:               @screen-xs-min;


@header-width : 65px;
@subheader-width : 47px;

/*
* Notification Styles
*/

@import './notification';


#c2net.card {    
  margin: calc(30px + @header-width + @subheader-width) 10px 30px 10px;
  width: 100%;
  
  .arrow {
    float: left;
    padding: 15px;
  }  

  ul {
    list-style-type: none;
  }
   
  @media only screen and (max-width: @screen-phone) {
    margin-right: 5%;
    margin-left: 5%;
    word-break: none;

    .readNotificationBox, .unreadNotificationBox {
      -webkit-transition: none; 
      transition:none;
    }

  }
}