Comments (3)
Hi there,
I've been looking at this some more and have solved the above issue by adding some media queries into my own (not Unsemantic's) stylesheet:
@media screen and (max-width: 400px) {
footer { text-align: center;}
}
Is this the proper way of targeting mobile only in Unsemantic? It's the way I'd normally do it, but with those mobile-grid-x classes, I just thought I might be able to target them in another way. Probably a newbie error by me! :-)
Thanks,
Stephen
from unsemantic.
Hi Stephen,
it's mobil first... :-) So my suggestion would be something like:
footer .tablet-grid-25, footer .grid-25 { text-align: left; }
somewhere later in the script? Not sure...
Best,
Bernd
from unsemantic.
Either way, you'll need a media query.
Using descendent selectors does not target a specific width.
Those class names still exist in the markup, regardless.
from unsemantic.
Related Issues (20)
- unsemantic sass does not run with leafo/scssphp HOT 3
- A documentation of class "grid-offset" is missing HOT 1
- Column for the next row sometimes did not start on the left HOT 5
- HTML5 and CSS3
- Update dependencies to fix npm audit vulnerabilitys HOT 2
- Publish Unsemantic on NPM HOT 4
- Warning using unquote() HOT 4
- grid-container fixed-width +padding HOT 1
- Sass Deprecation Warnig: a non-string value, to unquote() will be an error in future versions of Sass. HOT 2
- border-bottom not aline when grid-elements don't have the same height
- un-rp
- Error: Passing x, a non-string value, to unquote() HOT 4
- Issue on Windows phone HOT 6
- Hide-on-desktop or hide-on-mobile hides permanently HOT 6
- DEPRECATION WARNING: Passing 0.5, a non-string value, to unquote() will be an error in future versions of Sass on line 51 of _unsemantic-vars.scss HOT 8
- Additional (custom) screen sizes in addition to existing mobile/tablet/desktop HOT 6
- Browser zooming HOT 3
- Long selectors HOT 4
- Inherit custom css classes from Grid Component HOT 1
- Not working with React and Webpack HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from unsemantic.