BUILDING PAGINATION USER INTERFACE DESIGN IN SASS (SCSS)

tarikhakan55(66)

Published in

#utopian-io

Words

298

Reading

2 min

Listen to this post

~2 min

Video : English Language

Tutorial : BUILDING PAGINATION USER INTERFACE DESIGN IN SASS (SCSS)

Githup link: SASS(SCSS)

Sass(Scss) is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass is actively supported and developed by a consortium of several tech companies and hundreds of developers. SASS(SCSS) More Information

What We Can Learn?

In this video tutorial, we created pagination user interface design for image and news websites in sass or scss. Firstly we created number list and rectangular box. We entered the text and box values. As a last action we entered colors and other stylistic values. Finally you can also learn, how are these codes implemented on your web sites.

We Learn About

Color

Used => aliceblue, fuchsia, rgba(0,0,0,.1), #b4004e, rgba(0,0,0,.5), midnightblue, #ff0084

Box Values

Used => border-radius, box-shadow, indent, align

Text Values

Used =>line-height, text-align, font-family, list -style

And Old Commands

Used => padding, margin, width, display

Requirements

1-Brackets Program

2-Basic HTML code knowledge

2-Basic SCSS code knowledge

Difficulty

Intermediate Level

Description

We will going to learn SASS(SCSS) in this video. In the video we used; Font And Text Values(size, weight, decoration, transform, indent, align), color( crimson , #d3654c , fuchsia, rgba(255,255,255,0.4,), #f2f2f2), margin values(top, left, bottom, right) and old commands(float, width,display , border-radius ,position, opacity).
Video Tutorial - English Language - 720p