Comments (8)
How can we move forward with this? I'd like to work on this.
I think we should discuss here a little on how you envision the changes should be and we can go back and forth on that @oxalorg.
from sakura.
May I share my views?
- border-radius: 5px
- :hover, :focus effect
..and if SakuraCSS can be made accessible, that would be great!
Accessibility features:
- color contrast
- focus, tab visual indicator
If SakuraCSS is meant to be used without relying on full-fledged frameworks like Bootstrap of Bulma, then keeping its minimalism intact, few more features could be added.
For example, if I wished to use SakuraCSS for my personal blog, unfortunately I cannot. I always prefer the minimalist approach, but we may need a bit more.
I haven't used SakuraCSS, but I would definitely love to see it bloom further 🙂
from sakura.
ok
from sakura.
Thanks for the interest @0ww
To be honest on second thought the current buttons look just fine. It's simple and to the point. But maybe there is room for improvement. Do you have any ideas or inspiration? If so we can discuss on it.
Simplicity is important, along with not changing the design tooooo much. So keeping that in mind I think a few small tweaks can give us huge results:
- Padding changes: if they're needed
- Border Radius: if they're needed - making the buttons a bit softer/rounded but not too much. Something like 2 or 3px.
any other ideas?
from sakura.
That's a great idea. A small border-radius will make it look a bit more modern.
I recently pushed a fix for contrast issues, it will be available in the next release.
unfortunately I cannot ... but we may need a bit more.
Can you expand a little more on that? I'm curious to understand what is preventing you from using sakura on your blog?
This is an example post on my blog with sakura: https://oxal.org/blog/fizzbuzz-in-clojure/
from sakura.
@oxalorg My blog is on wordpress. It's very heavy - https://www.nitinnairwrites.com/
Most of the features that I actively rely on are:
- Ability to show featured post
- Carousel
- Responsiveness
.. etc.
But I would love to have a minimal style that has all these features. It will drastically reduce the page load time. SakuraCSS is light-weight but maybe need more.
I would love to help, not sure how. 🙂
from sakura.
@vkosnar That looks amazing! And yes I'm not very fond of rounded buttons, it works on some brands but for most sharp edges looks cleaner (also 100% agree with that bootstrap feeling haha).
If you want to contribute this as a PR feel free to do it, if not let me know and I'll add this to our next release :)
from sakura.
@oxalorg Hey am new here but, I do have a little suggestion to change the look and feel of the buttons both with some border-radius and little hover animation and onclick animation ( not using JS obvio)
from sakura.
Related Issues (20)
- Tables need spacing at the bottom
- Replace Sass @import usage with @forward
- Unexpected underline for image link when hovering
- Bookmark explenation HOT 1
- Buggy intgeraction of <code> and `text-align: justify` + my fix
- <pre><code> font smaller than <pre> font in a minimal html HOT 6
- <video> tag parent overflow HOT 1
- Add `prefers-color-scheme` to recognize dark mode HOT 4
- [Feature Request] Admonitions HOT 2
- Add Name IN Sakura List HOT 2
- [Feature Request] Alternate colors of rows in the table. HOT 1
- CSS version with var HOT 2
- Is there a fork of CSS w/ var and no SCSS? HOT 1
- owlofathena.com is no longer working HOT 1
- Improve tooling HOT 3
- Horizontal Line Style in Chrome
- Project url doesn't exists HOT 1
- Dark mode option.
- Use unique names for theme colors
- Confusing style of buttons after being clicked HOT 2
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 sakura.