SASS media queries

0 votes
363 views
added Aug 9, 2017 in SCSS by Callum Sergeant (1,440 points)
edited Jul 18, 2018 by LC Marshal
$break-small: 320px;
$break-large: 1200px;

.profile-pic {
  float: left;
  width: 250px;
  @media screen and (max-width: $break-small) {
    width: 100px;
    float: none;
  }
  @media screen and (min-width: $break-large) {
    float: right;
  }
}

1 Response

0 votes
responded Jul 18, 2018 by LC Marshal Captain (25,790 points)
//media queries
$break_m_sm: 300px;
$break_m_md: 375px;
$break_m_lg: 425px;
$break_tablet: 768px;
$break_d_sm: 991px;
$break_d_md: 1024px;
$break_d_lg: 1200px;

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...