kgrewee / roobie Goto Github PK

Cycler component similar to an accordion but on a set interval and used differently.

50px, 100px, etc. Should create theme variables for these.

Utility for text shadows. Maybe txts?

KSS was a bust for CSS documentation, I didn't like the usability. The 'documentation' npm plugin for js docs had vulnerabilities. Find new plugins for documentation, or write your own ;)

There is weird action happening when using the Select in Angular. Example in the roobie-angular-starter.

Add variations of popups

Instead of having to do 'jst-center' and 'aln-center' , have a single command called 'center' that applies both. Expand on this capability to make it more efficient to create layouts.

rotate90
rotate180
rotate0
etc...

Currently all other sides are offered for margin and padding except top and bottom.

Create an angular landing page at roobie.net and let the docs live at docs/.

Add a component that counts down to a given date, seconds, hours, minutes, etc.

When the mobile responsive menu collapse is triggered on page load it doesn't work all the time.

Add folders for each module instead of putting all dist in root.

Failed to load resource: the server responded with a status of 404 (Not Found)

There are overlay issues with transparent colors. Change theme colors to be 100% opacity.

The current hide uses visibility, which doesn't fully remove the element from the view.

X and Y animations for flip seem to be switched and not functioning properly.

Currently there are just functions. Create classes and document them. Test components in angular using classes and document it.

https://www.w3schools.com/howto/howto_css_mega_menu.asp
https://www.w3schools.com/howto/howto_js_navbar_shrink_scroll.asp
https://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp
https://www.w3schools.com/howto/howto_css_sidebar_responsive.asp
https://www.w3schools.com/howto/howto_css_sidenav_buttons.asp
https://www.w3schools.com/howto/howto_js_filter_table.asp
https://www.w3schools.com/howto/howto_css_table_zebra.asp
https://www.w3schools.com/howto/howto_js_rangeslider.asp
https://www.w3schools.com/howto/howto_css_skill_bar.asp
https://www.w3schools.com/howto/howto_css_browser_window.asp
https://www.w3schools.com/howto/howto_css_devices.asp
https://www.w3schools.com/howto/howto_js_countdown.asp

@Keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

.spin {
animation: spin 60s linear infinite;
}

@Keyframes hover {
0% {
transform: translate(300px, 0)
}
50% {
transform: translate(200px, 0)
}
100% {
transform: translate(300px, 0)
}
}

.hover {
animation: hover 45s linear infinite;
}

Update the build process to not bundle root.css, so that users can't customize it.

Add hover state utils for each of the classes. Maybe add a trailing h

When the icons are minified with a fill color you can't change it. Explore ways to style the icons even after they are minified. Try fill="none", seen in bootstrap icons.

Create table component. Add support for alternating row, column styles.

Create border classes for top, bottom, left and right

These classes are not working as intended. Research how to keep the current x css property while setting the y and vice versa.

Remove padding and margin override, it is messing up styles.

Update the responsive menu to point to the new icons

Currently this logic is bundled. By exposing this to the user, they can set their default theme and customize it on load.

https://roobie.net/#/getting-started/dist?id=bundle custom themes link is broken.

Add website pages variations in a folder.

Add a GitHub pipeline to push the updated version of docs to a dedicated url.

roobie.net/docs/0.5.0/
roobie.net/docs/0.5.1/
etc...

Add a new utility called Spacer that will space out all the elements in a container.

Add hide class to iframe in docs

Create a utilities.css, layout.css, etc.

Add breakpoint theme variables for media queries

The theme is under the getting started tab currently. It should be its own module with more information on how to use them.