CSS
-
Gradient Text
Snippet for gradient text.
-
Using vw for font size
Setting font size in vw units using the cacl() function.
-
Centering vertically
Centering vertically text using line-height See the Pen Vertical centring – text -line-height by majadc (@majadc) on CodePen. Centering vertically image using span element See the Pen Centering vertically using span by majadc (@majadc) on CodePen. Centering vertically image using flex box. See the Pen Centering vertically – flexbox by majadc (@majadc) on CodePen. Centering […]
-
align-self
The align-self property controls how an item is aligned on the cross axis within a flex container. This property will override the align-items property value set on the parent container. However, if the item has an auto margin set on the cross axis, the align-self property will be ignored. See the Pen Untitled by majadc […]
-
order
Example 1 .flex-item-3 { order: -1 } Example 2 .flex-item-1 {order: 3;} .flex-item-2 {order: 4;} .flex-item-3 {order: 2;} .flex-item-4 {order: 1;}
-
font-size 62.5%
Setting font-size in a root element to 62.5%.
-
CSS Flexible Box Layout
CSS flexbox is a layout model in CSS that allows to arrange and align items within a container. The layout can adapt to different screen sizes and devices. The model works by defining a container element and one or more child elements that will be arranged within that container. Then it can be specified how […]
-
outline
The outline CSS property draws a line around an element. Unlike the border property, the outline property is not considered part of the box model, so it does not affect the element’s dimensions. By default, the outline is drawn just outside the border edge.
-
lengths
The CSS data type applies to measurements for the following CSS properties: width, height, margin, padding, font-size, border-width, text-shadow, etc. There are two types of length units: relative and absolute.
-
:only-of-type
:only-of-type – pseudo-class | Selectors Level 3 The :only-of-type matches element that is only child of its parent element of given type.