Can you make sass breakpoint, when using ems for media queries, be based on your base font size, not the browsers default font size?
Does sass breakpoint have a base font size setting?
448 Views Asked by Mark Weston At
1
There are 1 best solutions below
Related Questions in RESPONSIVE-DESIGN
- ios responsive design not working (too wide in portrait orientation)
- Angular scroll directive
- Responsive Jquery function not working when window resize
- Mobile CSS only loading after device rotates
- Turn this slider really responsive
- How to show image caption in ionicframework?
- Control BX Slider from outside of function
- Breakpoints Not Applying Float Rule After Resize
- Responsive Web Page Scrolling Glitch On iOS
- CSS way of looping a background image with cover or contain sizing
- Image Maps + Responsive Tabs with rwdImageMaps
- Html Email Template on Android not responsive
- FlotJS tooltip messing with the responsiveness?
- How can I vertical allign content to be responsive using @media rule?
- How to make a div responsive and use a fixed size?
Related Questions in SASS
- Gulp wont restart in any of my projects
- Gulp Sass not compiling partials
- Compile SASS files in separate folder with relative assets/urls?
- SASS illegal nesting
- How to make :hover more mobile friendly and accessible?
- Elixir not creating multiple css files
- Editing sass in server
- use sass transformer in intellij dart
- How to load different Scss files with Meteor routed pages
- Strange SASS output when using extends
- Grunt - Compile and import separate sass in dev, but concatenate them when build
- gulp concat after sass
- Ampersand not working in :before in SASS
- How to get started with scssphp
- sass-rails depends on sass v3.2, I need sass v3.4. What is sass-rails' "gemfiles" directory for, and will it help me use sass v3.4?
Related Questions in MEDIA-QUERIES
- Mobile CSS only loading after device rotates
- Media Queries <body> div works but others do not
- How can I vertical allign content to be responsive using @media rule?
- Media queries not working below min-width 768px
- How to Remove class or activate class for specific view port only
- How do you force a website to be in landscape mode when viewed on a mobile device?
- How to use media query with div as screen for mobile preview in desktop website?
- CSS Media Query Landscape - Keyboard Issue
- How do you print one a hidden image and not the rest of the page?
- Strange behavior of media query in CSS. Inheriting attribute values from other statement
- When do we use media-queries "resolution" in css?
- Image height-width to change according to image size
- Media query not triggering
- CSS: Is it possible to create a class which only overrides properties within a given media query?
- Cross browser kerning properly technique
Related Questions in BREAKPOINT-SASS
- Breakpoint Sass conflict
- Why is the window.width smaller than the viewport width set in media queries
- Foundation4 breakpoint for mobile not detected for high density devices
- Does sass breakpoint have a base font size setting?
- How to support IE8 with breakpoint-sass and mobile first
- broccoli-sass, node-sass, breakpoint-sass
- Undefined mixin after upgrading to most recent versions of Sass, Compass, Breakpoint-Sass and Toolkit-Sass
- Pull - Push mixins function with singularity
- Can I set a Sass variable inside a breakpoint?
- susy 2.0 change columns at breakpoint
- breakpoint-sass Install Issue
- Susy 2 and Breakpoint
- sass: how to render different images for mobile only
- Nested breakpoint-sass with Susy span mixin
- Breakpoint in Rails app
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
No it does not. Media queries written in
emunits are always based on the browser's default font size, not on your root font size.We had toyed with conversion in, but between varying contexts on a per-selector basis, incompatibility with other Compass extensions (including core Compass media queries and the Compass Core vertical rhythm mixin), and the bad mental model it puts people in (thinking in one scale while printing another scale becomes very hard to debug), we decided not to include it and not support it in the future.
What I would suggest if you don't like switching the context in your head while writing
embased media queries is to write them inpxand then set$breakpoint-to-ems: trueand it will automatically do the conversion at the end. It is becauseembased media queries are always based on the browser's default font size that we're able to do this.