conzer12/yaru.css
1
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

Add boxes and sidebar

Browse source
This commit is contained in:
conzer 2024-12-05 02:22:09 -05:00
parent 656158f5da
commit 45c765a6bc
4 changed files with 107 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

21
exampledark.html
View file

@ -17,11 +17,22 @@
<button class="sb_button">dolor sit amet</button>
</div>
<div class="box-content-1">
<h1>Hello yaru!</h1>
<h2>Hello yaru!</h2>
<h3>Hello yaru!</h3>
<p>yaru.css is a css library attempting to recreate the Ubuntu Yaru style in a web format. it also works as it's own implementation of something like bootstrap with built in GTK style elements like Boxes and Popovers. This is a simple test page showing the different elements.</p>
<button>Test</button>
<div class="box-v">
<div class="box-content-1">
<h1>Hello yaru!</h1>
<h2>Hello yaru!</h2>
<h3>Hello yaru!</h3>
<p>yaru.css is a css library attempting to recreate the Ubuntu Yaru style in a web format. it also works as it's own implementation of something like bootstrap with built in GTK style elements like Boxes and Popovers. This is a simple test page showing the different elements.</p>
<button>Test</button>
</div>
<div class="box-content-1">
<h1>Hello again yaru!</h1>
<h2>Hello again yaru!</h2>
<h3>Hello again yaru!</h3>
<p>You may have noticed this is a different item. yaru.css has the "box-v" div class for stacking different "box-content-1"s ontop of eachother, as long as the box-v is wrapped inside a box-content-1 of it's own. If you do not want this centering, just use two individual "box-content-1" classes.</p>
<button>Test again</button>
</div>
</div>
</div>
</div>
</body>