From 1566f50f307851af2b92b11ac31ed0a2f43c338a Mon Sep 17 00:00:00 2001 From: Marty McGuire Date: Tue, 14 Mar 2017 22:30:18 -0400 Subject: [PATCH] Rename `.u-*` to `.util-*` I'm using Skeleton (it's great!) in a project that also deals with microformats2, which specifies that `u-*` classnames are used to indicate url properties of machine readable markup. Renaming `.u-*` to `.util-*` avoids this issue while potentially making it clearer that these are utility classes that apply inline styles. Kevin Marks has a great detailed explanation of the issue here: http://www.kevinmarks.com/u-means-style.html --- css/skeleton.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/css/skeleton.css b/css/skeleton.css index f28bf6c..d207ef6 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -359,15 +359,15 @@ form { /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ -.u-full-width { +.util-full-width { width: 100%; box-sizing: border-box; } -.u-max-full-width { +.util-max-full-width { max-width: 100%; box-sizing: border-box; } -.u-pull-right { +.util-pull-right { float: right; } -.u-pull-left { +.util-pull-left { float: left; } @@ -386,7 +386,7 @@ hr { /* Self Clearing Goodness */ .container:after, .row:after, -.u-cf { +.util-cf { content: ""; display: table; clear: both; }