Regarding Semantic UI and Sass, as stated in Coderwall; Notable drawbacks of Semantic UI is stated as
Some Cons
1. No image slider
2. No thumbnail classes
3. No visibility classes
4. No SASS (does have LESS)
5. Not at a release >1.0
Can we really not implement Sass in latest Semantic UI version?
One possible way is to achieve this using npm Library.(semantic-ui-sass)
npm i semantic-ui-sass
For better understanding please follow the below reference:-
semanti-ui-sass.
Related
First please bear with me. I do not think that this question is appropriate for Stack Overflow. I first tried to ask this question in the official GitHub repository of this project, but they strongly suggest to ask question in Stack Overflow with corresponding tags, so here I am...
The point is that is strange for me that I can not find official documentation and examples of Fluent UI React Charting components in the official website of Fluent UI React, even though the official NPM package is public and is being constantly updated.
To be fair, I found this website but It looks outdated. Any help will be much appreciated.
Potentially this can help you.
clone the repo
git clone git#github.com:microsoft/fluentui.git
then navigate to the charting folder, and install the deps (they use yarn by the looks of things)
yarn install
then start storybook
yarn start
You'll see this.
Storybook will cover the components inside the lib from what I can see, in terms of what they have on offer. That being said they still don't document the props & how to configure the components... but you should be able to sift through the storybook code to see how they got the charts to render inside storybook at least.
Not the best documented library ever... but perhaps that can get you going :)
I want to use React and meteor together with Semantic UI.
I see that Semantic has an official atmosphere package
There is also a Semantic-UI-React project
What is the best way to install this stack?
Is there any reason(s) that it doesn't make sense at all?
Would react-router also fit in the stack?
Here is a starter repo for MeteorJS + ReactJS I've written. I have also installed semantic-ui under /client/lib
https://github.com/pkcwong/meteor-react-starter
I am a huge fan of ReactJS and semantic-ui.
Basically you first install semantic-ui-react, then you still have to follow this link to install the actual semantic-ui library.
https://github.com/Semantic-Org/Semantic-UI-Meteor
We have a boilerplate that may help you. It’s using the following components:
- Meteor V 1.7.0.3
- React 16.4.1
- React Router V4.3.1
- Semantic-ui-react 0.81.1
https://github.com/factoryThings/fTboilerplate
I'm learning Gatsbyjs and saw an odd thing.
For example, if I want to use styled-components, I need to install:
gatsby-plugin-styled-components
AND
styled-components
Whereas, I tried to only install styled-components and it works.
My question is:
Why do I need to install related Gatsbyjs plugin in this case?
The answer is that just using styled-components will result in styled-components being applied on client JavaScript runtime. So sometimes, when you load your Gatsby site, you will see the styles you've written with styled-components-components not immediately on your website but they will be applied after some delay which can result in some weird visual effect (elements jumping around, or changing in color / size / other properties).
gatsby-plugin-styled-components makes sure the styles will be delivered to the client right from the HTML.
I have a fairly large project underway that was generated using the yo angular-fullstack framework, which I highly recommend.
In the past, I have utilized 24 column settings for bootstrap by customizing the boostrap build. Is this easy/possible in this case?
The great part of using bower, npm, etc. is that you get a solid framework, but it is now not clear how to replace the bower boostrap piece (which is what I assume I need to do) without breaking things. Or is it easy to just modify the #grid-columns setting to 24? And how to then rebuild?
I realize that I can download bootstrap and customize. I was hoping that there was an easy way to do this, without uninstalling the bower version using bower and then producing my own version. Is there an easier way to customize the bower version of bootstrap, or is this as silly question?
Any insights would be appreciated.
I'm trying out Google's Material Design stuff, and there's something I'm having a problem with that you guys might be able to help.
I want to have a different theme per "major" module in my app.
I tryed using
$mdThemingProvider.theme('default');
In the config of each module, but I'm getting that theme is undefined. The only methods available are setDefaultTheme and alwaysWatchTheme
I'm using the latest stable release as I just installed via
bower install angular-material --save
Can you guys spot what I'm doing wrong?
UPDATE:
So I posted an issue on github and found my problem (the documentation online is for the master branch not the stable branch
https://github.com/angular/material/issues/1039
But I'm still trying to figure out how I can assign different themes to different modules
Looking further down the strand of the issue you posted to github, I noticed the suggestion to update your version of angular-material in bower.json.
"angular-material": "0.7.0-rc1-master-84842ff"
This worked for me and now I'm able to define my own theme just like was specified in the docs.
$mdThemingProvider.theme("customTheme").primaryColor("pink").accentColor("green");