sunweb

State color schemes

color-scheme state

Description


The state color schemes are based in the state colors used as background. They have white and light modifiers.


cs-state-success

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-success--white

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-success--light

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-warning

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-warning--white

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-warning--light

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-error

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-error--white

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-error--light

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-info

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-info--white

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.


cs-state-info--light

Lorem ipsum dolor sit amet


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consequatur cumque eos fuga iste nostrum quis soluta voluptate. Asperiores aut eligendi natus nemo, nostrum nulla qui! I am a discrete link. Eaque laudantium modi sunt.